8 der wichtigsten HTML-Tags für SEO

Verwenden Sie HTML-Tags in Ihrem SEO-Prozess?

HTML-Tags sind Codeelemente mit dem Back-End aller Webseiten, aber es gibt auch bestimmte HTML-Codetypen, die Suchmaschinen wichtige Informationen für die SERP-Anzeige liefern. Im Wesentlichen heben diese Elemente Teile Ihres Inhalts hervor, die für die Suche relevant sind, und sie beschreiben diese Elemente für Suchcrawler.

Sie müssen jedoch nicht alle diese zusätzlichen Code-Tools verwenden. Suchmaschinen werden immer intelligenter und HTML-Tags werden heutzutage viel weniger verwendet als in früheren Zeiten. Aber ein paar Tags halten immer noch an - und einige haben sogar an SEO-Wert gewonnen.

In diesem Beitrag gehen wir auf einige der wichtigsten SEO-HTML-Tags ein, die auch 2020 noch Sinn machen.

1. Titel-Tag

Titel-Tags werden verwendet, um die anklickbaren Überschriften einzurichten, die Sie im SERP sehen:

Im Allgemeinen liegt es an Google, eine SERP-Überschrift für Ihre Seite zu erstellen, und es kann jede der Abschnittsüberschriften innerhalb der Seite verwenden - oder es kann sogar eine neue Überschrift insgesamt erstellt werden.

Der erste Ort, an dem Google nach Überschriftenideen sucht, ist das Titel-Tag. Wenn ein Titel-Tag vorhanden ist, wird Google es höchstwahrscheinlich zur Hauptüberschrift in der entsprechenden Liste machen. Durch die Optimierung des Titel-Tags können Sie steuern, wie Ihre Seite im SERP dargestellt wird.

Empfohlene Vorgehensweise

Einerseits sollte Ihr Titel die Schlüsselwörter enthalten, mit denen er in den Suchergebnissen angezeigt wird. Auf der anderen Seite sollte Ihr Titel attraktiv genug sein, damit Benutzer tatsächlich durchklicken können. Daher ist ein ausgewogenes Verhältnis zwischen Suchoptimierung und Benutzererfahrung erforderlich:

• Achten Sie auf die Länge - Google zeigt nur die ersten 50-60 Zeichen Ihres Titels an und schneidet den Rest aus. Es ist kein Problem, einen Titel zu haben, der länger als 60 Zeichen ist, solange Sie die wichtigen Informationen vor dem Grenzwert eingeben.
• Fügen Sie eine angemessene Anzahl von Schlüsselwörtern hinzu - Das Füllen von Schlüsselwörtern wird wahrscheinlich bestraft, aber ein oder zwei Schlüsselwörter sind in Ordnung. Stellen Sie einfach sicher, dass Ihr Titel einen zusammenhängenden Satz bildet.
• Schreiben Sie eine gute Kopie - Seien Sie nicht verkäuflich und nicht generisch. Erstellen Sie beschreibende Titel, die den Wert Ihres Inhalts hervorheben, und richten Sie die richtigen Erwartungen ein, damit Benutzer beim Besuch der Seite nicht enttäuscht werden.
• Hinzufügen Ihres Markennamens - Wenn Sie eine erkennbare Marke haben, die Ihren Klick wahrscheinlich erhöht, können Sie sie auch dem Titel hinzufügen.

HTML Quelltext

Unten finden Sie einen Code, der aus einem BBC-Artikel über Coronavirus-Statistiken abgerufen wurde. Sie können ein ordnungsgemäß eingerichtetes Titel-Tag direkt über dem Meta-Beschreibungs-Tag sehen - worauf wir als Nächstes eingehen werden:

2. Meta-Beschreibungs-Tag

Meta-Beschreibungs-Tags werden verwendet, um Beschreibungen in Suchergebnis-Snippets einzurichten:

Google verwendet nicht immer Meta-Beschreibungs-Tags, um diese Snippets zu erstellen. Wenn das Meta-Tag jedoch vorhanden ist, besteht eine gute Chance, dass Ihre Meta-Beschreibung auf den SERP gelangt.

Beachten Sie jedoch, dass Google manchmal das Meta-Beschreibungs-Tag ignoriert und stattdessen eine Kopie von der Seite zitiert. Dies geschieht normalerweise, wenn das Zitat besser zu einer bestimmten Abfrage passt als die Meta-Beschreibung.

Grundsätzlich wählt Google die beste Option, um Ihre Klickchancen zu erhöhen.

Empfohlene Vorgehensweise

Die Regeln für Meta-Beschreibungen sind nicht allzu streng. Wenn Sie keine gute schreiben, auch wenn Sie keine schreiben, schreibt Google eine für Sie.

• Achten Sie auf die Länge - Wie bei Überschriften behält Google die ersten 150 bis 160 Zeichen Ihrer Meta-Beschreibung bei und schneidet den Rest ab. Stellen Sie sicher, dass die wichtigen Aspekte frühzeitig berücksichtigt werden, um das Interesse der Suchenden zu maximieren.
• Gute Kopie schreiben - Obwohl die Meta-Beschreibung nicht für das Ranking verwendet wird, ist es dennoch wichtig, sie für die Suchabsicht zu optimieren. Je relevanter Ihre Beschreibung ist, basierend auf der jeweiligen Abfrage, desto wahrscheinlicher wird ein Benutzer Ihre Seite besuchen.
• Überlegen Sie, ob Sie die Meta-Beschreibung überspringen möchten. Es kann schwierig sein, eine gute Kopie für besonders langschwänzige Keywords oder für Seiten zu erstellen, die auf eine Vielzahl von Keywords abzielen. In diesen Fällen sollten Sie die Meta-Beschreibung weglassen. Google kratzt Ihre Seite und füllt Ihr Snippet mit einigen relevanten Anführungszeichen.

HTML Quelltext

Im Folgenden finden Sie einen Code, der aus demselben BBC-Artikel zur Coronavirus-Statistik abgerufen wurde. Nach dem Titel-Tag befindet sich ein Meta-Beschreibungs-Tag, das eine kurze Zusammenfassung des Artikels enthält:

3. Überschriften (H1-H6)

Überschriften-Tags werden verwendet, um Ihre Seiten sowohl für den Leser als auch für Suchmaschinen zu strukturieren:

Es ist kein Geheimnis, dass kaum noch jemand einen Artikel durchliest - stattdessen scannen wir den Artikel im Allgemeinen, bis wir den Abschnitt finden, den wir mögen, lesen diesen einen Abschnitt und springen dann ab. Und wenn der Artikel nicht in Abschnitte unterteilt ist, springen viele sofort ab, weil er einfach zu viel ist. Aus Anwendersicht sind Überschriften also praktische Lesehilfen.

Aus Sicht der Suchmaschine bilden Überschriften-Tags jedoch den Kern des Inhalts und helfen Such-Crawler-Bots zu verstehen, worum es auf der Seite geht.

Empfohlene Vorgehensweise

Die Regeln für Überschriften leiten sich aus den allgemeinen Methoden zum Verfassen von Texten ab. Teilen Sie Ihre Kopie in mundgerechte Teile und behalten Sie eine einheitliche Formatierung bei:

• Verwenden Sie nicht mehr als eine H1 - H1-Überschrift, die sich von anderen Überschriften unterscheidet, da sie von Suchmaschinen als Titel der Seite behandelt wird. Nicht zu verwechseln mit dem Titel-Tag - das Titel-Tag wird in den Suchergebnissen angezeigt, während das H1-Tag auf Ihrer Website angezeigt wird.
• Flache Struktur beibehalten - Es ist selten erforderlich, H3 zu unterschreiten. Verwenden Sie H1 für den Titel, H2 für Abschnittsüberschriften und H3 für Unterabschnitte. Alles andere neigt dazu, verwirrend zu werden.
• Formularabfrageähnliche Überschriften - Behandeln Sie jede Überschrift als zusätzliche Möglichkeit, bei der Suche einen Rang einzunehmen. Zu diesem Zweck sollte jede Überschrift entweder wie eine Abfrage oder eine Antwort auf eine Abfrage klingen - Schlüsselwörter enthalten.
• Seien Sie mit allen Überschriften konsistent - Alle Ihre Überschriften sollten so geschrieben sein, dass sie wie eine Liste gelesen werden, wenn Sie den gesamten Text entfernen und nur die Überschriften behalten.

HTML Quelltext

Unten finden Sie einen Codeausschnitt, der aus demselben BBC-Artikel über Coronavirus-Statistiken abgerufen wurde, und Sie können sehen, dass eine ordnungsgemäß eingerichtete H2-Überschrift vorhanden ist, gefolgt von zwei Absätzen:

4. Bild alt Text

Während das Hauptziel von Alt-Text die Barrierefreiheit im Internet ist, ist das SEO-Ziel des Alt-Attributs die Bildindizierung.

Das Hauptziel von Bild-Alternativtext besteht darin, den Benutzern das Verständnis des Bildes zu erleichtern, wenn es beispielsweise von einem sehbehinderten Besucher nicht angezeigt werden kann. In diesem Fall kann zusammen mit Zeiten, in denen beispielsweise ein Problem vorliegt und das Bild nicht geladen wird, der Alternativtext verwendet werden, um zu beschreiben, was im Bild enthalten ist, anstatt es anzuzeigen.

Aus SEO-Sicht spielt Alt-Text eine große Rolle bei der Indizierung von Bildern in der Google-Suche. Wenn Ihre Arbeit also eine visuelle Komponente enthält - seien es die Bilder Ihrer Produkte, Ihre Arbeit, Ihre Bilder, Ihre Kunst -, sollten Sie auf jeden Fall die Verwendung von Bild-Alt-Texten in Betracht ziehen.

Empfohlene Vorgehensweise

Eine Voraussetzung für das Hinzufügen von Alt-Text-Tags ist das Auffinden aller Bilder ohne diese Tags.

Sie können ein Tool wie WebSite Auditor verwenden, um Ihre Website zu crawlen und eine Liste von Bildern mit fehlendem Alternativtext zu erstellen.

Wenden Sie nach dem Erstellen Ihrer Liste die folgenden Richtlinien an:

• Seien Sie präzise, ​​aber beschreibend - Bei einem guten Alternativtext handelt es sich um ein oder zwei Textzeilen, die einer sehbehinderten Person helfen würden, zu verstehen, was abgebildet ist.
• Seien Sie nicht zu präzise - Ein Wort oder sogar ein paar Wörter werden es wahrscheinlich nicht schneiden - es gibt keine Möglichkeit, das Bild von anderen Bildern zu unterscheiden. Denken Sie an alle möglichen angezeigten Eigenschaften: Objekttyp, Farbe, Material, Form, Oberfläche, Beleuchtung usw.
• Kein Keyword-Stuffing - Es gibt keinen Ort mehr, an dem das Keyword-Stuffing noch funktioniert, und Alternativtext ist keine Ausnahme.

HTML Quelltext

Hier ist ein Beispiel eines Alternativtextausschnitts aus einem Bild von Krankheitszellen:

5. Schema-Markup

Das Schema-Markup wird verwendet, um reguläre SERP-Snippets mit umfangreichen Snippet-Funktionen zu erweitern:

Schema.org enthält eine Sammlung von Tags, die gemeinsam von Google, Bing, Yahoo! und Yandex entwickelt wurden. Die Tags werden von Webmastern verwendet, um Suchmaschinen zusätzliche Informationen zu verschiedenen Seitentypen bereitzustellen. Suchmaschinen wiederum verwenden diese Informationen, um ihre SERP-Snippets mit verschiedenen umfangreichen Funktionen zu erweitern.

Es gibt keine Gewissheit darüber, ob die Verwendung des Schema-Markups die Ranking-Chancen verbessert. Es steht jedoch außer Frage, dass die resultierenden Snippets viel attraktiver aussehen als normale Snippets und somit das Ansehen bei der Suche verbessern.

Empfohlene Vorgehensweise

Die einzige bewährte Methode besteht darin, schema.org zu besuchen und zu prüfen, ob Tags vorhanden sind, die auf Ihre Seitentypen angewendet werden können. Es gibt Hunderte, wenn nicht Tausende von Tags, daher wird es wahrscheinlich eine Option geben, die gilt und zur Verbesserung Ihrer Website-Einträge beitragen kann.

HTML Quelltext

Hier ist ein Beispiel eines Codeausschnitts, in dem Nährwertangaben für ein Rezept angegeben sind. Sie können schema.org besuchen, um eine vollständige Liste der für das Markup verfügbaren Elemente zu erhalten:

6. Semantische HTML5-Tags

HTML5-Elemente werden zur besseren Beschreibung verschiedener Seitenkomponenten verwendet:

Vor der Einführung von HTML5-Elementen haben wir hauptsächlich div- Tags verwendet, um HTML-Code in separate Komponenten aufzuteilen, und dann haben wir Klassen und IDs verwendet , um diese Komponenten weiter zu spezifizieren. Jeder Webmaster spezifizierte die Komponenten auf seine eigene Art und Weise, und als solche war es ein bisschen chaotisch und eine Herausforderung für Suchmaschinen, zu verstehen, was auf jeder Seite was war.

Mit der Einführung semantischer HTML5-Elemente verfügen wir über eine Reihe intuitiver Tags, die jeweils eine separate Seitenkomponente beschreiben. Anstatt unseren Inhalt mit einer Reihe verwirrender Divs zu versehen , haben wir jetzt die Möglichkeit, die Komponenten auf leicht verständliche, standardisierte Weise zu beschreiben.

Wie Sie sich vorstellen können, sind Suchmaschinen sehr begeistert von semantischem HTML5.

HTML Quelltext

Hier sind einige der handlichsten semantischen HTML5-Elemente, mit denen Sie Ihre Kommunikation mit Suchmaschinen verbessern können:

• Artikel - isoliert einen Beitrag vom Rest des Codes und macht ihn portabel
• Abschnitt - Isoliert eine Gruppe von Posts in einem Blog oder eine Gruppe von Überschriften in einem Post
• beiseite - isoliert zusätzlichen Inhalt, der nicht Teil des Hauptinhalts ist
• Kopfzeile - Isoliert den oberen Teil des Dokuments, Artikels, Abschnitts und enthält möglicherweise die Navigation
• Fußzeile - Isoliert den unteren Rand des Dokuments, Artikels, Abschnitts und enthält Metainformationen
• nav - isoliert Navigationsmenüs und Gruppen von Navigationselementen

7. Meta-Roboter-Tag

Beim Roboter-Meta-Tag dreht sich alles um die Regeln für die Interaktion zwischen den Websites und den Suchmaschinen.

Hier können Websitebesitzer eine Reihe von Regeln für das Crawlen und Indizieren ihrer Seiten festlegen. Einige dieser Regeln sind obligatorisch, während andere eher Vorschläge sind - nicht alle Crawler respektieren die Meta-Tags von Robotern, aber die gängigen Suchmaschinen werden dies häufig tun. Und wenn es kein Meta-Robots-Tag gibt, tun die Crawler, was sie wollen.

Empfohlene Vorgehensweise

Das Meta-Robots-Tag sollte im Kopfbereich des Seitencodes platziert werden und angeben, welche Crawler angesprochen werden und welche Anweisungen angewendet werden sollen:

• Adressieren von Robotern nach Namen - Verwenden Sie Roboter, wenn Ihre Anweisungen für alle Crawler gelten, verwenden Sie jedoch bestimmte Namen, um einzelne Crawler zu adressieren. Der Standard-Webcrawler von Google heißt beispielsweise Googlebot . Das Adressieren einzelner Roboter erfolgt normalerweise, um böswillige Crawler von der Seite zu verbannen und gleichzeitig gut gemeinten Crawlern die Möglichkeit zu geben, weiterzumachen.
• Anweisungen an Ihre Ziele anpassen - Normalerweise möchten Sie Roboter-Meta-Tags verwenden, um zu verhindern, dass Suchmaschinen Dokumente, interne Suchergebnisse, doppelte Seiten, Staging-Bereiche und alles andere indizieren, was Sie nicht in der Suche anzeigen möchten.

HTML Quelltext

Im Folgenden sind einige der Parameter aufgeführt, die am häufigsten bei Roboter-Meta-Tags verwendet werden. Sie können eine beliebige Anzahl von ihnen in einem einzelnen Meta-Robots-Tag verwenden, das durch ein Komma getrennt ist:

• noindex - Seite sollte nicht indiziert werden
• nofollow - Links auf der Seite sollten nicht befolgt werden
• follow - Links auf der Seite sollten befolgt werden, auch wenn die Seite nicht indiziert werden soll
• noimageindex - Bilder auf der Seite sollten nicht indiziert werden
• noarchive - In den Suchergebnissen sollte keine zwischengespeicherte Version der Seite angezeigt werden
• unavailable_after - Seite sollte nicht über ein bestimmtes Datum hinaus indiziert werden.

8. Kanonisches Tag

Canonical Tag erspart Ihnen das Risiko doppelter Inhalte:

Das Wesentliche dabei ist, dass jede Seite ohne eigenes Verschulden mehrere Adressen haben kann. Manchmal resultieren sie aus verschiedenen Artefakten - wie http / https und verschiedenen Tracking-Tags - und manchmal aus verschiedenen Sortier- und Anpassungsoptionen, die in Produktkatalogen verfügbar sind.

Um ehrlich zu sein, ist dies kein großes Problem, außer dass all diese Adressen das Crawling-Budget und Ihre Seitenautorität belasten und sich auch auf Ihre Leistungsnachverfolgung auswirken können. Die Alternative besteht darin, ein kanonisches Tag zu verwenden, um einer Suchmaschine mitzuteilen, welche dieser Seitenadressen die Hauptadresse ist.

Empfohlene Vorgehensweise

Wenden Sie das kanonische Tag auf die folgenden Seiten an, um mögliche SEO-Komplikationen zu vermeiden:

• Seiten über verschiedene URLs verfügbar
• Seiten mit sehr ähnlichem Inhalt
• Dynamische Seiten, die ihre eigenen URL-Parameter erstellen

Abschließende Gedanken

Dies sind meine Top-HTML-Tags, über die ich mich im Jahr 2020 noch Sorgen machen muss, obwohl ich glaube, dass einige von ihnen fest auf dem Weg nach draußen sind. Wie bereits erwähnt, ist die Optimierung von HTML-Tags immer weniger erforderlich, da Suchmaschinen immer intelligenter werden, da die meisten Dinge jetzt algorithmisch abgeleitet werden können. Außerdem fügen die meisten modernen CMS-Systeme diese Elemente zumindest teilweise automatisch hinzu.

Trotzdem würde ich es nicht ganz Google überlassen, meine Inhalte zu interpretieren - es ist am besten, sie auf halbem Weg zu treffen, wo Sie können.