Suchmaschinen helfen, Ihre Seiten zu finden.

DXPR Builder lernenSeiten erstellenTutorial folgen

Geben Sie jeder Seite eine klare Überschriftengliederung, beschriebene Bilder, schnelles Laden und gute Metadaten, damit Suchmaschinen sie verstehen und ranken. DXPR Builder speichert die Seite als HTML im Body-Feld, sodass Drupals SEO-Module unverändert damit arbeiten. Diese Seite behandelt, was Sie im Builder einstellen und was Sie mit diesen Modulen einstellen.

Eine Überschriftengliederung bauen

Layout-Elemente (Sections, Zeilen und Spalten) sind einfache div- Elemente. Suchmaschinen lesen die Struktur einer Builder-Seite aus ihren Überschriften.

Ebene Verwendung
Heading 1 Seitentitel, einmal pro Seite; die meisten Themes geben ihn aus
Heading 2 Große Abschnitte
Heading 3 Unterabschnitte in einer Heading 2
Heading 4 bis 6 Tiefere Unterabschnitte
  1. Klicken Sie in ein Text-Element.
  2. Wählen Sie die Ebene aus der Überschriftenliste in der Symbolleiste.
  3. Halten Sie die Ebenen der Reihe nach; springen Sie nicht von Heading 2 zu Heading 4.

Auf DXPR CMS können Sie den Theme-Titel auf einer Seite verbergen: Öffnen Sie auf ihrem Bearbeitungsformular DXPR Theme Settings, wählen Sie Page Title unter DXPR Hide Regions und klicken Sie auf Save. Eine Builder-Heading 1 ist dann die eine Heading 1 der Seite.

Ein Jumbotron-Title ist immer eine Heading 1, also fügt ein Jumbotron eine zweite neben dem Seitentitel Ihres Themes hinzu. Ein Card-Title ist immer eine Heading 5.

Jedes Bild beschreiben

  1. Zeigen Sie auf das Bild und klicken Sie auf More > Settings.
  2. Öffnen Sie das Panel SEO und geben Sie eine kurze Beschreibung bei Alt attribute ein, idealerweise unter 125 Zeichen.
  3. Klicken Sie auf Save im Dialog, dann auf Save in der Containerleiste.

Ein leeres Alt attribute schreibt gar kein alt. Für ein Bild, das keine Information beiträgt, nutzen Sie stattdessen ein Abschnitts-Background image.

Metadaten mit Drupal-Modulen hinzufügen

Diese Module arbeiten auf dem Node, sodass sie Builder-Seiten ohne weitere Konfiguration abdecken:

  • Metatag: Seitentitel, Beschreibungen und Open-Graph-Tags
  • Pathauto: lesbare URL-Pfade
  • Simple XML Sitemap oder XML Sitemap: Builder-Seiten in Ihrer Sitemap
  • Schema.org Metatag: strukturierte Daten

Seiten schnell halten

Suchmaschinen rechnen die Seitengeschwindigkeit in Rankings ein.

  • Wählen Sie in einem Image-Element die Bildgröße Optimize for fast loading. Sie skaliert das Bild auf 1024 Pixel Breite und speichert es als WebP.
  • Jedes Bild auf einer Builder-Seite lädt mit der Seite; das Image- Element lädt nicht verzögert. Beschränken Sie große Bilder auf die, die die Seite braucht.
  • Geben Sie jedem Video-Element ein Image. Der Player lädt dann erst, wenn Besucher klicken.
  • Lassen Sie Drupals Seiten-Caching an.

Siehe Performance, was jede Seite lädt.

  • Nutzen Sie beschreibende Linktexte („Read our pricing guide“ statt „Click here“).
  • Öffnen Sie externe Links nur dann in einem neuen Tab, wenn Besucher die Seite brauchen, von der sie kamen.
  • Nutzen Sie relative URLs für interne Links, etwa /about, damit Links auf Staging und Produktion weiter funktionieren.
  • Prüfen Sie regelmäßig auf defekte Links.

Was Sie sehen

Ein Seitenaudit, etwa die SEO- und Performance-Berichte im Lighthouse-Panel des Browsers, findet eine Heading 1, keine Bilder ohne Alt-Text und eine Meta-Beschreibung. Die Seitenquelle zeigt Ihre Überschriften als h2 und h3 der Reihe nach.

Wenn Sie kein sauberes Audit sehen

  • Das Audit meldet Bilder ohne Alt-Text. Das Alt attribute eines Image- Elements ist leer. Füllen Sie es unter SEO aus.
  • Das Audit meldet keine Meta-Beschreibung. Drupal Core fügt keine hinzu. Installieren Sie Metatag und setzen Sie eine Beschreibung für den Inhaltstyp oder die Seite.
  • Das Audit meldet große Bilder. Die Bilder nutzen Original image (No resizing). Wählen Sie Optimize for fast loading in jedem Image-Element.

Wie geht es weiter?

Barrierefreiheit für inklusive Inhalte, um DXPR Builder weiter zu entdecken.