--- url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/seo' title: 'SEO-freundliche Seiten erstellen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T08:46:44+00:00' updated: '2026-10-24T19:12:35+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Hier bauen Sie eine Leistungsseite so, wie Suchmaschinen sie am besten lesen: den Seitentitel als ihre einzige Heading 1, darunter geordnete Überschriften, Alternativtext auf dem Bild und einen Button, der sagt, wohin er führt. Nutzen Sie sie als Checkliste für jede Seite, die Sie veröffentlichen. Seitentitel, Beschreibungen und URLs leben außerhalb des Builders; der letzte Abschnitt zeigt, wo. Das Video baut die Seite „Einen Anwohnerparkausweis beantragen“ eines Stadtrats. tags: - 'Follow a tutorial' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T19:12:35+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'SEO-freundliche Seiten erstellen' description: |- Hier bauen Sie eine Leistungsseite so, wie Suchmaschinen sie am besten lesen: den Seitentitel als ihre einzige Heading 1, darunter geordnete Überschriften, Alternativtext auf dem Bild und einen Button, der sagt, wohin er führt. Nutzen Sie sie als Checkliste für jede Seite, die Sie veröffentlichen. Seitentitel, Beschreibungen und URLs leben außerhalb des Builders; der letzte Abschnitt zeigt, wo. Das Video baut die Seite „Einen Anwohnerparkausweis beantragen“ eines Stadtrats. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T08:46:44+0000' dateModified: '2026-10-24T19:12:35+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/seo' articleSection: 'Tutorial folgen' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/seo' description: |- Hier bauen Sie eine Leistungsseite so, wie Suchmaschinen sie am besten lesen: den Seitentitel als ihre einzige Heading 1, darunter geordnete Überschriften, Alternativtext auf dem Bild und einen Button, der sagt, wohin er führt. Nutzen Sie sie als Checkliste für jede Seite, die Sie veröffentlichen. Seitentitel, Beschreibungen und URLs leben außerhalb des Builders; der letzte Abschnitt zeigt, wo. Das Video baut die Seite „Einen Anwohnerparkausweis beantragen“ eines Stadtrats. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Tutorial folgen](/de/hc/documentation/learn-dxpr-builder/tutorials/overview) # SEO-freundliche Seiten erstellen. DXPR Builder lernenSeiten erstellenTutorial folgen ## In diesem Leitfaden Verwandte Leitfäden - [Ein Bild hinzufügen](/de/hc/dokumentation/dxpr-builder-lernen/elemente/bild) - [Einen Link hinzufügen](/de/hc/dokumentation/dxpr-builder-lernen/elemente/link) - [Ein Text-Element hinzufügen](/de/hc/dokumentation/dxpr-builder-lernen/elemente/text) Hier bauen Sie eine Leistungsseite so, wie Suchmaschinen sie am besten lesen: den Seitentitel als ihre einzige Heading 1, darunter geordnete Überschriften, Alternativtext auf dem Bild und einen Button, der sagt, wohin er führt. Nutzen Sie sie als Checkliste für jede Seite, die Sie veröffentlichen. Seitentitel, Beschreibungen und URLs leben außerhalb des Builders; der letzte Abschnitt zeigt, wo. Das Video baut die Seite „Einen Anwohnerparkausweis beantragen“ eines Stadtrats. ## Bevor Sie beginnen - Ihre Rolle hat die Berechtigung **Edit with DXPR Builder**. - Die Medienbibliothek enthält ein Foto, das zur Leistung passt. - Die Seite ist im Builder geöffnet. Für eine neue gehen Sie zu **Content** > **Add content** > **Landing Page** (`/node/add/landing_page`), geben Sie einen klaren **Title** wie „Einen Anwohnerparkausweis beantragen“ ein und klicken Sie auf **Save**. Das Theme gibt diesen Titel als Heading 1 der Seite aus. ## Schritt 1: Den Inhalt bei Heading 2 beginnen Nutzen Sie Überschriften der Reihe nach, sodass sich die Seite wie eine Gliederung liest. Das Theme gibt den Seitentitel als **Heading 1** der Seite aus, sodass der Builder-Inhalt bei **Heading 2** für Hauptabschnitte beginnt, mit **Heading 3** für Unterabschnitte. Nutzen Sie Heading 4 bis 6 sparsam. 1. Klicken Sie auf der leeren Seite auf **Add Elements** und wählen Sie **Section** aus dem Tab **Layout**. 2. Klicken Sie auf **+** auf dem Abschnitt und wählen Sie **Text** aus dem Tab **Content**. 3. Geben Sie „In fünf Minuten beantragen“ ein und wählen Sie **Heading 2** aus dem Überschriften-Dropdown. 4. Fügen Sie in einer neuen Zeile die Zusammenfassung als normalen Text hinzu: „Bewohner der Zonen A bis D können online beantragen. Genehmigungen werden innerhalb von fünf Werktagen erteilt.“ Klicken Sie auf **Save**. Überlassen Sie **Heading 1** dem Seitentitel. Um stattdessen eine Builder-Überschrift zur Heading 1 der Seite zu machen, blenden Sie zuerst den Titel des Themes auf dieser Seite aus. Öffnen Sie auf DXPR CMS das Bearbeitungsformular der Seite, öffnen Sie **DXPR Theme Settings**, haken Sie **Page Title** unter **DXPR Hide Regions** an und klicken Sie auf **Save**. DXPR Theme blendet den Titel auf der Startseite bereits aus. Wählen Sie eine Überschriftenebene nie nach ihrer Größe: Ändern Sie die Größe stattdessen mit **Font size** im Panel **Style** des Elements. ## Schritt 2: Ein Abschnitt für die Details 1. Fahren Sie über den Abschnitt und klicken Sie auf **Add Section Below**. 2. Klicken Sie auf **+** auf dem neuen Abschnitt und wählen Sie **Row**; sie kommt mit zwei gleichen Spalten. Klicken Sie auf das Grid-Icon (**Column layout**) in der Kontrollleiste der Zeile, wählen Sie das Preset **2/3 + 1/3** und klicken Sie auf **Save**. Neue Elemente landen oben in einer Spalte. Also füllen die nächsten drei Schritte die breite Spalte von unten nach oben: den Button, den Unterabschnitt, dann die Abschnittsüberschrift. ## Schritt 3: Beschreibenden Linktext schreiben Linktext sagt Suchmaschinen, worum es am Ziel geht. Vermeiden Sie „Hier klicken“ und „Weiterlesen“. 1. Klicken Sie in der breiten Spalte auf **+** und wählen Sie **Button**. 2. Setzen Sie **Title** auf „Parkausweisantrag starten“, **Link** auf `/parking/apply` und **Type** auf **Primary**, und klicken Sie dann auf **Save**. ## Schritt 4: Ein Heading-3-Unterabschnitt 1. Klicken Sie erneut in der breiten Spalte auf **+** und wählen Sie **Text**; er landet über dem Button. 2. Geben Sie „Was Sie brauchen“ ein und wählen Sie **Heading 3**. 3. Geben Sie die Dokumente ein, eines pro Zeile: „Adressnachweis“, „Fahrzeugschein“. Klicken Sie auf **Save**. ## Schritt 5: Eine Heading-2-Abschnittsüberschrift 1. Klicken Sie noch einmal in der breiten Spalte auf **+** und wählen Sie **Text**. 2. Geben Sie „Wer beantragen kann“ ein und wählen Sie **Heading 2**. 3. Fügen Sie die Regel, wer beantragen darf, in einer Zeile hinzu, und klicken Sie dann auf **Save**. ## Schritt 6: Alternativtext zum Bild hinzufügen Jedes Bild braucht ein Alt-Attribut, das seinen Inhalt beschreibt. 1. Klicken Sie in der schmalen Spalte auf **+** und wählen Sie **Image**. 2. Klicken Sie auf **Select Image**, durchsuchen Sie die Medienbibliothek mit **Apply filters**, haken Sie das Foto an und klicken Sie auf **Insert selected**. 3. Öffnen Sie das Panel **SEO** und füllen Sie das **Alt attribute** aus: „Laptops, Telefone und Teetassen auf einem geteilten Holzschreibtisch“. Klicken Sie auf **Save**. Schreiben Sie den Alternativtext für jemanden, der das Bild nicht sehen kann. Lassen Sie ihn nur bei Bildern leer, die reine Dekoration sind. Nutzen Sie das **Title attribute** nur, wenn ein Tooltip etwas hinzufügt; es ersetzt keinen Alternativtext. ## Schritt 7: Speichern und Vorschau 1. Klicken Sie in der Builder-Symbolleiste auf **Save**. 2. Öffnen Sie das Ansichtsmenü (das **Augen-Icon**), wählen Sie **Preview** und prüfen Sie, dass sich die Überschriften der Reihe nach lesen. ## Weiter gehen Nicht im Video gezeigt: - **Bildgröße**: Passen Sie Bilder vor dem Hochladen an die Breite an, in der sie angezeigt werden; 1200 Pixel decken eine volle Spalte ab. Lassen Sie **Image width** auf 100 %, lassen Sie **Image height** leer und halten Sie jede Datei unter 300 KB, denn Geschwindigkeit beeinflusst das Ranking. - **Zu ignorierende Links**: Fügen Sie für eine Anmeldeseite oder Ähnliches ein **Link**-Element hinzu, öffnen Sie sein Panel **SEO** und schalten Sie **Tell search engines not to follow** ein. - **Textlinks**: Wählen Sie in einem Text-Element die Wörter aus und nutzen Sie den Link-Button in der Symbolleiste. Halten Sie die verlinkten Wörter aussagekräftig: „die Karte der Parkzonen“, nicht „hier“. - **Anker**: Öffnen Sie **More** > **Settings** auf einem Abschnitt, setzen Sie **HTML ID** auf einen kurzen Kleinbuchstabennamen wie `who-can-apply` und verlinken Sie ihn mit `#who-can-apply`. ## Das HTML semantisch halten Text-, Button-, Link- und Image-Elemente erzeugen Standard-Tags `

` bis `

`, `

`, `