Headless SEO: 8 wesentliche Schritte für Ihre technische Umsetzung

Headless-Content-Management-Systeme (CMS) sind auf dem Vormarsch und werden schnell von großen Marken wie IKEA, Nike und National Geographic übernommen.

Es gibt unzählige Optionen, und es ist sehr wahrscheinlich, dass Sie als SEO-Profi in Zukunft mit einer davon arbeiten müssen.

Dies bringt einige Vorteile mit sich, etwa die einfachere Integration mit Technologien von Drittanbietern oder die Möglichkeit, Inhalte kanalübergreifend wiederzuverwenden, um dem neuen Suchverhalten der Benutzer gerecht zu werden.

Aber SEO-Profis sind es gewohnt, mit traditionellen CMS zu arbeiten, und die Anpassung an diese neue Denkweise über Inhalte könnte einige Arbeit erfordern.

Was ist Headless SEO?

Headless SEO bezieht sich auf die einzigartigen Prozesse, die erforderlich sind, um Inhalte für die Suche mithilfe eines Headless-CMS zu optimieren.

Grundsätzlich löst ein Headless-CMS den Inhalt von seiner Präsentation.

In traditionellen CMS wie WordPress sind Inhalt und Präsentation eng miteinander verknüpft. Sie erstellen Seiten statt Inhalte.

” alt=”Zwei Diagramme nebeneinander, die zeigen, wie ein traditionelles (oder monolithisches) CMS im Vergleich zu einem Headless-CMS aufgebaut ist. ” width=”666″ height=”742″ sizes=”(max-width: 666px) 100vw, 666px” srcset=”https://www.searchenginejournal.com/wp-content/uploads/2023/10/16dc9d40d2c691fd080c37c8107bb47464dd6910-666×742-654121780be4a-sej.webp 666w, https://www.searchenginejournal.com/wp-content/uploads/2023/10/16dc9d40d2c691fd080c37c8107bb47464dd6910-666×742-654121780be4a-sej-480×535.webp 480w” src=”https://www.searchenginejournal.com/wp-content/uploads/2023/10/16dc9d40d2c691fd080c37c8107bb47464dd6910-666×742-654121780be4a-sej.webp”>Bild von Sanity.io, November 2023

In der Headless-Welt erstellen Sie anstelle von Seiten Inhaltseinheiten, die verschiedene Felder enthalten. Diese Inhalte können dann auf verschiedenen Oberflächen angezeigt werden.

Einige dieser Oberflächen sind recht einfach, wie eine Website oder eine App, aber Sie können darüber hinausgehen und sie in soziale Medien, Digital Signage oder Marktplätze wie Etsy oder Amazon integrieren.

Bei Headless SEO geht es also weniger um die Erstellung von Inhalten und den Aufbau von Links, sondern vielmehr darum, die Nuancen eines entkoppelten Systems zu erfassen.

Die technische Herausforderung

Die Arbeit mit einem Headless-CMS bringt eine besondere Herausforderung mit sich. Die Tatsache, dass Inhalt und Präsentation in herkömmlichen CMS eng miteinander verbunden sind, hat es uns ermöglicht, sehr gute, sofort einsatzbereite Websites zu erstellen.

In einem Headless-Setup verfügen wir nicht über diese sofort einsatzbereiten Leitplanken und wir müssen bei unserer technischen Implementierung viel spezifischer vorgehen.

Wenn Sie SEO in einem Headless-CMS betreiben, müssen Sie sich aus technischer Sicht um zwei sehr unterschiedliche Dinge kümmern:

• Das Frontend: Die Prüfung, wie der Inhalt Benutzern und Suchmaschinen präsentiert wird, ist ein Standardbestandteil der technischen Suchmaschinenoptimierung, was für die meisten SEO-Experten nichts Neues ist.
• Das CMS: Mit Headless CMS können Sie bearbeitbare Felder zu Ihren Inhalten hinzufügen und daraus entfernen. SEO-Profis, die an einem Headless-CMS arbeiten, müssen verstehen, wie jedes der Felder mit der Front-End-Präsentation verbunden ist und ob sie über alle Felder verfügen, die sie für eine gute Arbeit benötigen, wie z. B. ein bearbeitbares Titel-Tag, einen Slug oder eine Meta-Beschreibung – oder auch wenn der Inhalt das Hinzufügen interner Links und Bilder ermöglicht.

Ihre Headless-SEO-Checkliste in 8 Schritten

Lassen Sie uns die Leitplanken in Ihrem Headless-CMS wieder anbringen, damit Sie sich stattdessen auf das Wachstum Ihrer Website konzentrieren können.

Mithilfe dieser Checkliste können Sie Ihrem Entwicklungsteam Ihre technischen SEO-Anforderungen mitteilen und die Hauptprobleme diagnostizieren, die bei diesem Setup auftreten können.

1. Überprüfen Sie alle wesentlichen Meta-Tags

Während diese normalerweise in den Zuständigkeitsbereich von Front-End-Entwicklern fallen, wirken sie sich auf Ihre SEO-Leistung aus. Daher ist es wichtig, sie im Rahmen Ihrer Einführung zu prüfen.

” alt=”Beispiel dafür, welche Arten von Meta-Tags in einem HTML-Kopf verwendet werden und wie sie aussehen. ” width=”1286″ height=”539″ sizes=”(max-width: 1286px) 100vw, 1286px” srcset=”https://behmaster.ir/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej.png 1286w, https://behmaster.ir/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-480×201.png 480w, https://behmaster.ir/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-680×285.png 680w, https://behmaster.ir/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-768×322.png 768w, https://behmaster.ir/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-1024×429.png 1024w” src=”https://behmaster.ir/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej.png”>Bild von Sanity.io, November 2023

Obwohl es viele verschiedene gibt, sind hier die Grundlagen für eine solide Headless-SEO-Implementierung:

• Titel – Überprüfen Sie, wie es auf der gesamten Website generiert wird. Auf einigen Seiten möchten Sie möglicherweise ein bestimmtes Feld in Ihrem CMS haben, um diese zu bearbeiten. Für andere Seiten, etwa Kategorien, Tags oder Archive, möchten Sie Regeln für die automatische Generierung dieser Seiten implementieren. Sie können in Ihrem CMS sogar Validierungsregeln implementieren, die Sie dazu zwingen, eine bestimmte Zeichenbeschränkung einzuhalten.
• Meta-Beschreibung – Wie beim Titel möchten Sie in Ihrem CMS ein Feld haben, mit dem Sie ihn auf den meisten Seiten direkt bearbeiten können. Für einige müssen Sie Regeln implementieren, um sie automatisch zu generieren. Einige Headless-CMS ermöglichen die Integration von KI-Funktionen, die Ihnen dabei helfen. Sie können auch Validierungsregeln in das CMS integrieren, um Ihre Meta-Beschreibungen unter 160 Zeichen zu halten.
• Meta-Roboter – Abhängig von der von Ihnen gewählten Indexierungsverwaltungsmethode müssen Sie prüfen, ob dieses Tag in Ihrem HTML-Kopf vorhanden ist und ob es sich korrekt verhält. Ich werde etwas später in diesem Artikel auf die Indexierungsverwaltung eingehen.
• Inhaltstyp – Dieses Meta-Tag wird verwendet, um dem Browser mitzuteilen, welche Art von Inhalt sich auf der Seite befindet und welcher Zeichensatz und welche Codierung verwendet werden. Dies ist insbesondere bei Arbeiten im internationalen Kontext relevant und trägt dazu bei, dass Sonderzeichen wie Akzentzeichen und Umlaute korrekt dargestellt werden. Auch hier können Sie Validierungsregeln einschließen, damit der Inhalt dieses Meta-Tags immer den erforderlichen ISO-Standards entspricht.
• Ansichtsfenster – Das Viewport-Tag teilt Browsern mit, wie sie die Abmessungen einer Seite verwalten sollen es ist unerlässlich für responsives Design. Ihre Aufgabe besteht hier darin, zu überprüfen, ob das Meta-Tag korrekt implementiert ist und ob die Website laut Google für Mobilgeräte geeignet ist.
• Sprach-Tag – Dieses Meta-Tag wird verwendet, um die Sprache anzugeben, in der der Inhalt vorliegen wird. In einem internationalen Setup möchten Sie sicherstellen, dass dies auf allen Seiten korrekt ist, damit Sie ein korrektes Hreflang-Markup erstellen können, indem Sie das lang-Attribut jeder Seite abfragen dokumentieren. Auch hier können Sie Validierungsregeln einrichten, um die ISO-Konformität dieses Tags zu gewährleisten.
• Diagramm-Tags öffnen – Auch wenn diese nichts mit SEO zu tun haben, sind wir im Laufe der Zeit zu einer Art Hüter dieser Tags geworden. Sie sollten sicherstellen, dass alle grundlegenden (og:title, og:type, og:imageUnd og:url) korrekt implementiert sind. Die meisten davon ziehen einfach Inhalte aus anderen Feldern, sodass Sie nicht immer ein Feld in Ihrem CMS benötigen, um diese zu ändern. Möglicherweise möchten Sie jedoch eindeutige Titelregeln erstellen oder ein Feld erstellen, um Ihre Beschreibung und Ihr Bild zu überschreiben.

2. Indexierungsmanagement

Sie können festlegen, ob Sie Suchmaschinen erlauben, Ihre Seite über das Meta-Robots-Tag zu indizieren, wie oben beschrieben, oder ob Sie dies über das x-robots-Tag in der HTTP-Header-Antwort tun können.

Das x-robots-tag eignet sich am besten für PDFs und andere Dateien, aber für die Seitenverwaltung ist das robots-Meta-Tag einfacher zu verwalten und zu diagnostizieren.

Sie benötigen in Ihrem CMS ein Feld, mit dem Sie die Indexierung Seite für Seite steuern können. Die beste Lösung ist ein Schalter mit einer klaren Beschreibung dessen, was es bedeutet, Suchmaschinen die Indizierung der Seite zu ermöglichen.

Wenn Sie ein Headless-CMS aufbauen, müssen Sie mit Ihrem Entwicklungsteam zusammenarbeiten, um den besten Ansatz für die Indexierungsverwaltung zu bestimmen.

Möglicherweise gibt es widersprüchliche Prioritäten oder komplexe Integrationen, die Sie daran hindern, das gewünschte Setup zu erhalten. Sie müssen diese mit Ihrem Entwicklungsteam besprechen, um eine zufriedenstellende Lösung zu finden.

3. Stellen Sie sicher, dass URL-Slugs bearbeitet werden können

Ohne direkten Input Ihres SEO-Teams könnten Sie am Ende eine CMS-Implementierung erhalten, die zufällige Zahlen- und Buchstabenfolgen als URLs oder eine Kopie des Titels verwendet.

Stellen Sie sicher, dass Ihr Entwicklungsteam ein bearbeitbares Feld für Ihren URL-Slug für die richtigen Seiten einfügt.

Da die Aufrechterhaltung einer stabilen URL-Struktur von entscheidender Bedeutung ist, möchten Sie möglicherweise nicht jedem Bearbeitungsberechtigungen für den URL-Slug erteilen.

Sie können Ihr CMS nur so anpassen, dass die Bearbeitung von URLs erst dann möglich ist, wenn eine Seite von einem Mitglied des SEO-Teams veröffentlicht wurde. Sie können sogar eine Automatisierung erstellen, die automatisch eine Weiterleitung erstellt, wenn die URL geändert wird.

4. Legen Sie kanonische URL-Regeln fest

Kanonische URLs zeigen Suchmaschinen die Hauptversion des Inhalts an und helfen Ihnen bei der Bewältigung potenzieller Probleme mit doppeltem Inhalt.

Hier sind einige grundlegende Anweisungen, die Sie Ihrem Entwicklungsteam mitteilen und bei Ihrem Audit berücksichtigen sollten:

• Definieren Sie Ihre Canonicals im Kopf der Seite oder im HTTP-Header.
• Verwenden Sie absolute URLs, einschließlich des Protokolls und der Subdomain, z. B. https://www.google.com.
• Definieren Sie nur ein Canonical pro Seite.
• Die Seiten, die Sie indizieren möchten, müssen selbstkanonisiert werden. Das heißt, sie sollten innerhalb des Canonical-Tags auf ihre eigene URL verweisen.

E-Commerce-Websites weisen bei der Kanonisierung einige zusätzliche Komplexitätsebenen auf, da sie häufig größere Probleme mit doppeltem Inhalt in Bezug auf Kategorien und Filter bewältigen müssen.

In diesem Fall ist es am besten, gemeinsam mit Ihrem Entwicklungsteam herauszufinden, wie Sie Kanonisierungsregeln für Ihr Unternehmen am besten definieren können.

5. Definieren Sie Ihr XML-Sitemap-Setup

Während dies für jede SEO offensichtlich ist, sind Sitemaps dynamische Dateien und müssen in bestimmten Abständen oder wenn sie durch eine Aktion ausgelöst werden, aktualisiert werden. Es ist wichtig, mit Ihrem Entwicklungsteam zu vereinbaren, wie Ihre Sitemap aktualisiert wird.

Ihre Sitemap sollte nur indexierbare kanonische URLs mit einem HTTP-Antwortcode 200 enthalten.

Es sollte sich im Stammverzeichnis Ihrer Website befinden. Wenn dies jedoch aus irgendeinem Grund nicht möglich ist, können Sie es in Ihrer robots.txt-Datei wie folgt angeben:

Sitemap: https://www.example.com/sitemap.xml

Abhängig von den spezifischen Anforderungen Ihrer Website müssen Sie überlegen, ob Sie Ihre Sitemap nach Inhaltstyp aufteilen möchten und ob Sie eine Sitemap für Bilder, Videos oder Nachrichtenartikel haben möchten.

6. Fordern Sie Ihr Schema-Markup an

Schema-Markup bietet Suchmaschinen ein umfassenderes Verständnis Ihrer Inhalte.

Ohne SEO-Plugins, die Ihnen die schwere Arbeit abnehmen, müssen Sie das richtige Markup für Ihre Art von Inhalten und Website anfordern. Dies sollte als Skript zum HTML-Kopf hinzugefügt werden. Der Code sieht etwa so aus: