Kapitel 4: HTML-Code und Suchmaschinen-Erfolgsfaktoren
Stellen wir uns vor, dass Sie Filmvorführungen bewerben. Hier können diese mithilfe von HTML beschrieben werden, um den Besuchern Ihrer Website eine klare Vorstellung davon zu geben, was gezeigt wird. Ebenso können Bewertungen und Rezensionen auf E-Commerce-Seiten mit entsprechendem HTML-Code gekennzeichnet werden, um Suchmaschinen dabei zu helfen, diese Informationen zu identifizieren und zu interpretieren.
Die Verwendung von strukturiertem HTML-Code kann auch dazu beitragen, dass Ihre Artikel in den Suchmaschinenergebnissen besser dargestellt werden, indem wichtige Informationen wie Titel, Autoren und Veröffentlichungsdaten hervorgehoben werden.
Titel
Die HTML-Titel haben seit jeher als das wesentliche HTML-Signal gedient, das Suchmaschinen nutzen, um das Thema einer Seite zu verstehen. Sie dienen sowohl den Nutzern als auch den Suchmaschinen als Wegweiser und sollten dementsprechend einzigartig und aussagekräftig gestaltet sein.
Mithilfe des HTML-Title-Tags können Titel spezifiziert werden, die normalerweise als klickbare Links in den Suchergebnissen dargestellt werden. Diese sollten prägnant sein und den Inhalt der Seite genau wiedergeben, ohne dabei den Eindruck von Keyword-Stuffing zu erwecken.
Es kann vorkommen, dass Suchmaschinen einen alternativen Titel präsentieren, wenn sie ihn als angemessener und beschreibender erachten. Um die Wahrscheinlichkeit zu erhöhen, dass der Titel, den Sie erstellt haben, angezeigt wird, sollten die relevanten Begriffe berücksichtigt und in einem klaren, präzisen Titel verwendet werden.
Pro-Tipp: In der Regel nutzt Google den Titel in der Meta-Beschreibung als Ausgangspunkt für ihre Snippets. Allerdings kann es vorkommen, dass sie sich aus verschiedenen Gründen gegen den Titel entscheiden und stattdessen den H1-Titel wählen.
Eine Webseite kann für viele unterschiedliche Suchbegriffe ranken, wobei der Titel möglicherweise nicht immer passend ist, wenn jemand nach etwas Bestimmtem sucht. Aus diesem Grund setzt Google die Bedeutung von Titeln und Snippets außer Kraft, da das angezeigte Snippet möglicherweise nicht zur spezifischen Suchanfrage passt.
Daher ist es sinnvoller, verschiedene Titel zu verwenden, anstatt den gleichen Titel wie den H1 zu haben. Auf diese Weise können Sie Google eine bessere Backup-Option bieten. Wenn Benutzer nach einem bestimmten Suchbegriff suchen, kann Google den Titel nutzen, während sie bei der Suche nach sekundären Begriffen den H1-Titel als Backup-Option verwenden können.
Descriptions
Das Meta-Description-Tag ist ein Element des HTML-Codes, das dazu dient, eine Beschreibung für Ihre Seiten in den Suchergebnissen vorzuschlagen. Diese Beschreibungen erscheinen unter den Überschriften auf den Ergebnisseiten.
Obwohl es keinen direkten Einfluss auf das Ranking hat, stellt es einen wesentlichen Erfolgsfaktor dar. Durch das Hinzufügen einer gut formulierten Beschreibung können Nutzer dazu animiert werden, auf Ihr Ergebnis zu klicken, anstatt sich für andere auf der Seite zu entscheiden.
Wie bei den Titeln können die Suchmaschinen auch bei den Beschreibungen gelegentlich von den von Ihnen bereitgestellten Informationen abweichen.
"Unser Ansatz ähnelt dem von Google in dem Sinne, dass wir uns für eine Beschreibung entscheiden können, die nicht unbedingt die offizielle Beschreibung Ihrer Seite ist, aber besser zu Ihrem Inhalt passt", sagt Frédéric Dubut, Senior Program Manager Lead bei Bing.
Sein wichtigster Rat ist, dass Sie sicherstellen sollten, dass Ihre eigenen Titel und Beschreibungen wirklich repräsentativ für den Inhalt Ihrer Seite sind, wenn Sie möchten, dass sie in den Suchergebnissen angezeigt werden.
"Versuchen Sie nicht, den Inhalt Ihrer Seite auch nur geringfügig falsch darzustellen", warnt Dubut. "Wenn wir der Meinung sind, dass Ihre Titel und Beschreibungen in Ihren Meta-Tags nicht zu 100 % genau sind, werden wir andere Teile Ihrer Seite sehr genau betrachten und eine Beschreibung extrahieren, die wir für relevanter halten."
Struktur
Strukturierte Daten vermitteln den Suchmaschinen ein präziseres Verständnis des Inhalts auf Ihrer Seite. Dies wiederum führt zu einer verbesserten Auflistung für die Nutzer, die so einen tiefgehenden Einblick in den Inhalt Ihrer Seite erhalten. Zudem führt dies aus Markensicht zu einer erhöhten Attraktivität.
Strukturierte Daten verwenden Codeformatierungen, um Suchmaschinen Informationen in einer eigenen "Sprache" bereitzustellen. Durch den Einsatz spezifischer Schema-Markups kann Suchmaschinen geholfen werden, den Seiteninhalt und die Seitenstruktur besser zu verstehen. Jessica Bowman betont die Wichtigkeit des Beherrschens der Schema-Implementierung auf der eigenen Website, wo immer dies angebracht ist.
Infolge der Nutzung strukturierter Daten können oft Rich Snippets entstehen, die in Suchergebnissen zusätzliche Informationen enthalten und damit für Nutzer attraktiver und nützlicher sind.
Detlef Johnson erklärt, dass strukturierte Daten von enormer Wichtigkeit für Suchergebnisse seien, da das Ergebnis mit reichhaltigen Medien, Bildern, Preisinformationen, Bewertungen und anderen Elementen gefüllt werden kann, was sich positiv auf das Markenimage auswirken kann.
Ein Beispiel: Wenn Sie eine Musikpublikation betreiben und einen Artikel über Taylor Swifts Album "1989" verfassen, können Sie mithilfe von strukturiertem Daten-Markup Suchmaschinen darüber informieren, dass es sich bei dem Inhalt um ein Album und nicht um das Jahr 1989 handelt.
Obwohl die Nutzung von strukturierten Daten kein direkter Rankingfaktor ist, kann sie dennoch auf der Suchergebnisseite Vorteile bringen. Rich-Ergebnisse bieten im Vergleich zu Standardsuchergebnissen zusätzliche Informationen oder Funktionen, die für Nutzer attraktiver oder nützlicher sein können. Reichhaltige Ergebnisse werden oft prominent auf der Ergebnisseite angezeigt, was die Markenbekanntheit steigern und den Traffic auf Ihre Inhalte lenken kann.
Es besteht die Sorge, dass die Nutzung von Rich-Ergebnissen den Anreiz für Nutzer verringern könnte, auf Ihre Seite zu klicken. Allerdings ist es bei gleichen Voraussetzungen immer noch wahrscheinlicher, dass ein Rich-Snippet-Klick erhält als ein Standardergebnis.
Überschriften
Überschriften fungieren als hierarchische Anordnung zur Organisation und Kennzeichnung wichtiger Abschnitte des Inhalts. In der Regel verfügt eine Seite über eine Hauptüberschrift, die im HTML-Code mittels eines H1-Tags definiert wird. Diese Seite besitzt eine Hauptschrift und eine Reihe von Untertiteln, um den Text in Abschnitte zu gliedern. Die Untertitel verwenden H2-Tags als nächst höhere Ebene der H1-Tags.
Durch die Verwendung von Header-Tags für Ihre Überschriften wird eine spezielle Formatierung erzeugt. Beispielsweise wird der Abschnittsname "Hd: Überschriften" in ein H2-HTML-Tag eingeschlossen:
"Hd: Überschriften." <h2></h2>
"Die Überlegung zur Nutzererfahrung sollte im Vordergrund stehen", betont zum Beispiel auch Hamlet Batista, CEO und Gründer der SEO-Plattform RankSense. "Wenn Sie lediglich einen unstrukturierten Textabschnitt von Anfang bis Ende präsentieren, wird es für den Benutzer schwierig sein, ihn zu lesen und zu verfolgen. Genau hierbei kommen Überschriften ins Spiel: Sie sollen gewährleisten, dass die Seite schnell überflogen werden kann, um den Inhalt zu verstehen, und sogar herauszufinden, ob es sich lohnt, ihn vollständig zu lesen."
Mehrere H1-Tags (oder sogar deren vollständige Abwesenheit) werden die Algorithmen von Google nicht beeinträchtigen, so Webmaster Trends Analyst John Muller. Er hebt jedoch hervor, dass klare, semantische Überschriften für Suchmaschinen von Nutzen sind, um Seiten besser zu verstehen und den Inhalt für Benutzer zugänglicher zu machen.
Es empfiehlt sich, Keywords in Ihren H1s und H2s zu verwenden, um Suchmaschinen ein besseres Verständnis des Inhalts Ihrer Seite zu vermitteln. Vermeiden Sie allerdings das Überladen Ihrer Überschriften mit Keywords. Nutzen Sie sie, um es Ihren Benutzern und Suchmaschinen leichter zu machen, sich durch Ihre Inhalte zu navigieren.
Verschiebung des Inhalts
Angesichts der Entfernung der AMP-Anforderung durch Google haben wir von SEOscape beschlossen, dieses Element aus unserem Konzept zu entfernen und stattdessen zwei neue hinzuzufügen: Image ALT (ALT) und Content Shift (CLS). Letzteres widmet sich der visuellen Stabilität und bezieht sich auf die kumulative Layoutverschiebung (CLS), die Teil der Core Web Vitals-Aktualisierung und der allgemeinen Seitenerfahrung ist. Diese Verschiebung tritt auf, wenn sich das Layout einer Seite beim Laden unerwartet ändert und kann für Benutzer äußerst ärgerlich sein. Je nach Schweregrad der Verschiebung und Art des Seiteninhalts kann sie sogar beträchtlichen Schaden anrichten.
Philip Walton, Ingenieur bei Google, und Milica Mihajlija, Chroiumum-Entwicklerin haben dazu bemerkt: "Haben Sie schon einmal einen Artikel online gelesen, als sich plötzlich etwas auf der Seite ändert? Ohne Vorwarnung bewegt sich der Text und Sie haben Ihren Platz verloren. Oder noch schlimmer: Sie sind im Begriff, auf einen Link oder eine Schaltfläche zu tippen, aber in dem Moment, in dem Ihr Finger landet - BOOM - bewegt sich der Link und Sie klicken auf etwas anderes! Meistens sind solche Erfahrungen nur ärgerlich, aber in einigen Fällen können sie echten Schaden anrichten."
Google empfiehlt daher einen CLS-Wert von 0,1 oder weniger, um die bestmögliche Nutzererfahrung zu gewährleisten.
Bild ALT
Unter zahlreichen Bezeichnungen (beispielsweise ALT-Tags, Bild-ALT, ALT-Beschreibungen etc.) ist der Bild-ALT-Text in HTML als Beschreibung eines Bildes und dessen Funktion auf der Webseite definiert. Obwohl viele SEO-Experten den ALT-Text nutzen, um bei der Bildsuche zu helfen, liegt der eigentliche Zweck dieser Bildbeschreibung in der Zugänglichkeit.
Der ALT-Text ist die geschriebene Beschreibung, die auf einer Webseite anstelle eines Bildes erscheint, falls das Bild auf dem Bildschirm des Nutzers nicht geladen werden kann. Dieser Text dient dazu, Bildschirmlesewerkzeugen eine Beschreibung des Bildes zur Verfügung zu stellen, damit auch Sehbehinderte die Webseite lesen können, und ermöglicht es Suchmaschinen, die Webseite besser zu durchsuchen und zu bewerten.
Obwohl der Bild-ALT-Text zur Verbesserung der SEO beitragen kann, liegt der Schlüssel in seiner Bedeutung für eine positive Benutzererfahrung unabhängig von den Fähigkeiten der Nutzer. Zwar ist es keine Voraussetzung für die Indexierung und das Ranking, jedoch sollte es Teil der Audit-To-Do-Liste eines SEO sein.
Schema
Eine weitere Innovation im Bereich HTML in diesem Jahr ist das Schema (Sc). Schema ist ein semantisches Vokabular von Tags (oder Mikrodaten), das Sie Ihrem HTML-Code hinzufügen können, um die Art und Weise zu verbessern, wie Suchmaschinen Ihre Seite in Suchmaschinenergebnisseiten (SERPs) lesen und darstellen. Dies geht aus dem SEO-Leitfaden von Moz hervor. Dabei handelt es sich nicht nur um Google, sondern viele Suchmaschinen nutzen Schemadaten, um Webinhalte zu interpretieren. Zu diesen Suchmaschinen zählen Bing, Yandex und weitere.
Es wird viel darüber diskutiert, ob strukturierte Daten wie Schema das Ranking verbessern, aber die meisten SEOs stimmen darin überein, dass sie zumindest bei der Bereitstellung umfassender Rich Snippets helfen können. Angesichts der Tatsache, dass viele SEOs heutzutage Schema implementieren und damit experimentieren, hat es in den meisten Branchen an Bedeutung gewonnen.
KONTAKT
Sechsschimmelgasse 16
1090 Wien
Österreich
