Seo

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.com/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej.png 1286w, https://behmaster.com/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-480×201.png 480w, https://behmaster.com/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-680×285.png 680w, https://behmaster.com/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-768×322.png 768w, https://behmaster.com/wp-content/uploads/2023/12/localimages/html-head-meta-tags-example-654120ce53b3d-sej-1024×429.png 1024w” src=”https://behmaster.com/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:

Related Articles

54 Comments

  1. Today, I went to the beachfront with my children. I
    found a sea shell and gave it to my 4 year old daughter
    and said “You can hear the ocean if you put this to your ear.” She put the
    shell to her ear and screamed. There was a hermit crab inside
    and it pinched her ear. She never wants to go back!

    LoL I know this is totally off topic but I had to tell someone!

  2. I don’t know whether it’s just me or if perhaps everybody else encountering problems with your
    site. It appears like some of the text in your content are running off the screen. Can somebody else please comment and let me know if this is happening
    to them too? This might be a issue with
    my internet browser because I’ve had this happen before.
    Appreciate it

    my site – http://johnnytmsy048.lucialpiazzale.com/chanceelbn498

  3. I used to be recommended this blog by way of my cousin. I’m not positive whether this submit
    is written through him as nobody else recognise such specified approximately my trouble.
    You are incredible! Thanks!

  4. I am now not sure the place you’re getting your info, but
    great topic. I must spend some time studying more or figuring out more.
    Thank you for great info I used to be on the lookout for this
    info for my mission.

  5. Amazing blog! Is your theme custom made or did
    you download it from somewhere? A theme like yours with a few simple tweeks would really make my blog
    stand out. Please let me know where you got your theme.
    Thanks

  6. It is perfect time to make some plans for the future and it is time to be happy.
    I have read this post and if I could I want to suggest you few interesting things or advice.

    Maybe you could write next articles referring to this article.
    I want to read even more things about it!

  7. Hi, i believe that i noticed you visited my web site thus i got here to go back
    the choose?.I am attempting to to find issues to enhance my
    website!I assume its ok to make use of a few of your ideas!!

  8. Hello There. I discovered your weblog using msn. This is a really smartly written article.
    I’ll be sure to bookmark it and come back to read more of your helpful information. Thank you
    for the post. I’ll definitely comeback.

  9. Hello! Quick question that’s entirely off topic.
    Do you know how to make your site mobile friendly?
    My web site looks weird when viewing from my apple iphone.
    I’m trying to find a template or plugin that might be able
    to resolve this problem. If you have any recommendations, please share.

    Cheers!

  10. This is the right webpage for everyone who wishes to understand this topic.
    You realize a whole lot its almost tough to argue with you (not that I personally would want to…HaHa).
    You certainly put a brand new spin on a topic that’s been written about for years.
    Wonderful stuff, just excellent!

  11. Hello would you mind letting me know which hosting company
    you’re using? I’ve loaded your blog in 3 different browsers and
    I must say this blog loads a lot quicker then most. Can you
    suggest a good web hosting provider at a honest price?
    Kudos, I appreciate it!

  12. Hey I am so excited I found your blog, I really
    found you by accident, while I was searching on Aol for something else,
    Regardless I am here now and would just like to say thanks
    for a remarkable post and a all round exciting blog (I also love the theme/design), I don’t have time to look over it all at the
    minute but I have bookmarked it and also included your RSS feeds, so when I have time I will be
    back to read a lot more, Please do keep up the fantastic work.

  13. This is the perfect webpage for everyone who really wants to understand this topic.
    You realize a whole lot its almost hard to argue with you (not that I personally
    would want to…HaHa). You definitely put a brand new
    spin on a topic that has been written about for a long time.
    Great stuff, just great!

  14. What’s Taking place i’m new to this, I stumbled upon this I’ve discovered It absolutely useful
    and it has aided me out loads. I’m hoping to contribute & assist different users like its aided me.
    Good job.

  15. Definitely believe that that you said. Your favorite reason seemed to be on the
    internet the easiest thing to take into accout of.

    I say to you, I definitely get irked whilst other folks think about concerns that
    they just don’t realize about. You controlled to hit the nail upon the top and
    also outlined out the whole thing with no need side effect ,
    folks could take a signal. Will likely be again to get more.
    Thank you

  16. What you posted was very logical. However, think
    on this, what if you added a little information?
    I am not saying your information isn’t solid, however what if
    you added a post title that makes people want more?
    I mean Headless SEO: 8 wesentliche Schritte für Ihre technische
    Umsetzung | BehMaster is a little vanilla.
    You could glance at Yahoo’s home page and see how they create
    post titles to get people to click. You might try adding a video or a pic or
    two to get people interested about what you’ve written. In my opinion, it might bring your website a little bit
    more interesting.

  17. I was wondering if you ever thought of changing the page
    layout of your blog? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it better.
    Youve got an awful lot of text for only having one
    or two pictures. Maybe you could space it out better?

  18. Hey There. I found your blog the use of msn. This is a really neatly written article.
    I will make sure to bookmark it and return to read more of your useful information.
    Thanks for the post. I will certainly comeback.

  19. Hey I know this is off topic but I was wondering if you knew of any
    widgets I could add to my blog that automatically tweet my newest
    twitter updates. I’ve been looking for a plug-in like this for
    quite some time and was hoping maybe you would have
    some experience with something like this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward to your new updates.

    Have a look at my website; http://top.warszawski.waw.pl

  20. Oh my goodness! Impressive article dude! Thank you so much,
    However I am having issues with your RSS. I don’t know why I am
    unable to subscribe to it. Is there anybody else getting the same RSS issues?

    Anyone that knows the answer can you kindly respond?

    Thanx!!

  21. In recent times, the popularity of online gambling with maximum winning
    has significantly increased amongst Filipino players.
    Top gambling bente77 offer an impressive range
    of online slot games that boast enticing maximum jackpots, leading players to seek out online
    slot sites that can provide the ultimate gaming experience and a chance to strike it big.

    One of the main factors contributing to the growing demand for this trend is its accessibility.
    In bente77 players can effortlessly engage in online
    slot games using their computer, laptop, or smartphone device, and relish in the
    thrill and excitement of online slots games at any time and from any location, without having to visit a physical casino.

    Additionally, players can have an additional credit up to 200% once deposit or they
    have an option choose to play for free using a demo account before wagering actual money, enhancing the
    overall experience.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button