7 wichtige HTML-Tags, die einen SEO-Experten von einem Anfänger unterscheiden

Neil Patel
I hope you enjoy reading this blog post. If you want my team to just do your marketing for you, click here.
Author: Neil Patel | Co Founder of NP Digital & Owner of Ubersuggest
essential html tags

Für viele Unternehmen ist die Platzierung auf Platz 1 der Suchergebnisse das Beste, was ihnen passieren kann.

Dazu möchte ich Dir eine kleine Geschichte erzählen.

Ein Unternehmen baut eine Webseite. Eine weitere Webseite in der bereits hoffnungslos überfüllten Onlinewelt.

Diese Webseite taucht irgendwo unter den Millionen anderer Webseiten in den Suchergebnissen auf Google auf.

digital marketing Google Search 2

Leider war’s das dann auch schon. Niemand besucht die Seite, weil sie einfach viel zu weit unten steht und versteckt ist.

Versteh mich jetzt bitte nicht falsch. Die Webseite sieht super aus, ist verständlich und hat sich sogar um die SEO gekümmert.

Wenn sie jemand gefunden hätte, dann hätte dieser Nutzer wahrscheinlich sogar einen Kauf getätigt.

Die Seite ist wirklich toll geworden, doch leider nützen ein tolles Design und überzeugende Texte gar nichts, wenn die Webseite nicht gefunden wird.

Kunden müssen die Seite natürlich erst besuchen, bevor sie etwas kaufen können.

Das Unternehmen führt also eine Marktrecherche durch und stellt fast, dass 93 % aller Online-Erfahrungen mit einer Suchanfrage beginnen.

pasted image 0 758

“Ach so!”, denkt das Unternehmen jetzt, “Wir müssen unsere Webseite in den Suchmaschinen platzieren, um passiven Traffic zu gewinnen.”

“Aber wie?”, fragt man sich jetzt.

Man schaltet also zuerst Werbeanzeigen. Diese Anzeigen erscheinen über den organischen Suchergebnissen von Google, wenn der Nutzer einen bestimmten Suchbegriff eingibt.

digital marketing Google Search

Das hilft zwar ein bisschen, führt aber auch nicht zum erhofften Ergebnis.

Es werden also weitere Nachforschungen angestellt und man stellt fest, dass organische Suchergebnisse 70 % mehr Klickt bekommen als Werbeanzeigen.

pasted image 0 785

“Ach so!”, denkt sich das Unternehmen jetzt wieder. “Wir müssen unsere Webseite also organisch platzieren, um mehr Besucher zu gewinnen.”

Jetzt stellt sich erneut die Frage nach dem “Wie”.

Das Unternehmen findest nach ein bisschen Suchen heraus, dass es mit der Suchmaschine kommunizieren muss, um bessere Rankings zu erzielen. Dafür muss man sich aber mit der SEO auskennen.

Man muss wissen, wie HTML-Tags funktionieren.

Die funktionieren folgendermaßen:

1. Title-Tag

Dies ist ohne Frage der wichtigste Meta-Tag, der am meisten Einfluss auf Deine Rankings nimmt, darum solltest Du Dich mit seiner Funktionsweise vertraut machen.

Damit Deine Webseite in den Suchergebnissen einer Suchmaschine erscheinen kann, musst die Suchmaschine natürlich erst mal wissen, worum es in Deinem Inhalt, auf der entsprechenden Seite und auf Deiner gesamten Webseite geht.

Der Title-Tag sollte darum das Thema jeder Seite oder das Thema jedes Artikels auf Deiner Webseite enthalten, denn Suchmaschinen können den Title-Tag lesen und verstehen.

So sieht ein Title-Tag auf Google aus:

pasted image 0 843

Du musst Keywords im Title-Tag platzieren, um der Suchmaschine zu sagen, für welche Begriffe sie jeweilige Seite in den Suchergebnissen erscheinen soll.

Wenn ich mir das obere Beispiel anschaue, würde ich vermuten, dass Smart Insights für das Keyword “digitale Marketingstrategie” platziert werden möchte.

Woher weiß ich das?

Weil das Keyword mit dem exakten Wortlaut sowohl im Titel als auch in der Meta-Beschreibung vorkommt.

Die Meta-Beschreibung ist auch wichtig für Deine Rankings, aber darauf gehe ich später noch genauer ein.

Ich möchte Dir jetzt erst zeigen, wie man den Title-Tag bearbeitet.

So sieht er im Quelltext der Webseite aus:

pasted image 0 771

Der Text beginnt mit <title> und schließt mit </title>, um der Suchmaschine zu zeigen, welches Thema und welches Keyword auf der Seite diskutiert werden.

Ich zeige Dir jetzt, wie man den Title-Tag in WordPress bearbeitet.

Öffne das WordPress Dashboard.

pasted image 0 790

Klick auf “Posts”.

Dashboard Booktrep WordPress

Wähle den Beitrag aus, dem ein Title-Tag hinzugefügt werden soll.

WordPress macht uns die Arbeit besonders einfach, denn wir müssen bei “Enter title here” jetzt nur noch den gewünschten Titel eingeben, der dann automatisch zum Title-Tag wird.

Edit Post Booktrep WordPress

Eine kleine Anmerkung: Wenn Du WordPress benutzt, musst Du keine Veränderungen am HTML-Code vornehmen, um Deine Meta-tags zu bearbeiten. Der Title-Tag wird von WordPress automatisch erstellt und Deiner Seite hinzugefügt.

Die Erstellung eines Title-Tags ist zwar kinderleicht, trotzdem musst Du auf die Wortwahl achten.

Jede Seite sollte ihren eigenen Title-Tag haben, Du darfst Dich also nicht wiederholen. Du musst jetzt aber nicht alle Deine Seiten manuell überprüfen, dafür kannst Du Ubersuggest benutzen, denn dann geht es schneller. Passe Deine Meta-Tags anschließend an, wenn nötig.

Schritt Nr. 1: Gib Deine URL in die Suchbox ein und klick auf “Suchen”.

Schritt Nr. 2: Klick in der linken Seitenleiste auf “Seiten-Audit”.

Schritt Nr. 3: Scroll bis ganz nach unten und klick auf “Alle Probleme anzeigen”.

Hier findest Du alle Deine Webseitenprobleme und kannst die Fehler, die Deinen Title-Tag betreffen, mit einer gezielten Suche nach dem Wort ‘Title’ (Tastenkombination: Strg+f) noch schneller identifizieren.

Ich habe keine duplizierten Title-Tags gefunden, sollte mich jedoch um folgende Fehler kümmern:

2. Meta-Beschreibung

Die Meta-Beschreibung ist auch extrem wichtig.

Die Meta-Beschreibung ist wie die Inhaltsangabe auf der Rückseite eines Buches. Der Title-Tag ist die Überschrift und die Meta-Beschreibung sind zusätzliche Informationen zum Inhalt.

Die Meta-Beschreibung nimmt auch Einfluss auf Deine Platzierung in den Suchergebnissen, sie muss also überzeugend sein, damit der Nutzer klickt.

Die Meta-Beschreibung sieht so aus:

pasted image 0 767

Das Keyword “digitale Marketingstrategie” aus dem Title-Tag tauscht auf in der Meta-Beschreibung auf.

Das ist ganz wichtig.

Du musst eine Verbindung zwischen Title-Tag und Meta-Beschreibung schaffen, damit die Suchmaschine weiß, worum es geht.

Wenn Du den Begriff “digitales Marketing” im Title-Tag erwähnst, dann aber den Begriff “SEO” in der Meta-Beschreibung benutzt, wirst Du weiter unten platziert, weil die Suchmaschine nicht weiß, welches das Hauptthema ist.

Geht es jetzt um SEO oder digitales Marketing?

Du musst Dich für ein Thema entscheiden und dann dabei bleiben.

So sieht das HTML-Dokument der Meta-Beschreibung aus:

pasted image 0 832

Jede Seite sollte ein Hauptkeyword haben und dieses muss dann im Title-Tag und in der Meta-Beschreibung auftauchen.

Platziere also nicht den Begriff “digitale Marketingstrategie” im Title -Tag und “eine Strategie für digitale Vermarkter” in der Meta-Beschreibung.

Dieser Unterschied kann die Suchmaschine verwirren.

Entscheide Dich für einen Hauptbegriff. Du kannst weitere relevante Keywords dann im Text platzieren.

Mit WordPress kann die Meta-Beschreibung auch super einfach und schnell hinzugefügt werden.

Öffne einen Artikel und klick dann auf die Box “SEO Description”.

Edit Post Booktrep WordPress com 5

Gib jetzt die Meta-Beschreibung ein. Sie muss das Hauptkeyword enthalten und darf 160 Zeichen nicht überschreiten.

Edit Post Booktrep WordPress com 4

Wenn Du wissen willst, wie sie auf Google angezeigt wird, kannst Du Dir eine Vorschau anzeigen lassen.

3. Head-Tags

Head-Tags, auch Heading Tags genannt, sind super einfach zu formatieren.

Sie werden im Inhalt selbst bearbeitet.

Der fett markierte Text vor der 3 oben ist auch ein Head-Tag.

Es handelt sich um einen H2 Tag.

Es gibt mehrere Head-Tags. Je nach Format, kannst Du H1, H2, H3 oder sogar H4 und H5 Tags benutzen.

Die Schrift wird dabei immer kleiner, um Deinen Inhalt übersichtlicher zu gestalten.

Der entsprechende HTML-Tag sieht so aus:

pasted image 0 820

Der Head-Tag hilft aber nicht nur dem Leser dabei, sich besser zu orientieren, sondern auch den Suchmaschinen.

Wenn Du alle Überschriften und Unterüberschriften eines Artikels entsprechend markierst, weißt die Suchmaschine immer, worum es geht.

Google erstellt manchmal sogar eine Vorschau aus Unterüberschriften.

pasted image 0 829

Der Autor dieses Artikels hat den Inhalt gut organisiert und darum weiß Google, wie der Artikel strukturiert ist und wann er in den Suchergebnissen erschienen muss.

Head-Tags sind ganz einfach und schnell hinzugefügt.

Markiere den Text und wähle im visuellen Bearbeitungsprogramm die entsprechende Formatierung aus.

Wenn Du die HTML-Ansicht benutzt, musst Du vor und nach dem Text die Markierung <h1> setzen. Das muss jetzt für alle Überschriften und Unterüberschriften wiederholt werden.

4. Alt-Text bei Bildern

Der Alt-Text ist ein SEO-Vorteil, der oft ungenutzt bleibt.

Viele Leute konzentrieren sich so sehr auf die Texte, dass sie die Bilder völlig vergessen.

Nutzer suchen aber nicht nur nach Texten und Webseiten.

digital marketing Google Search 3

Sie suchen auf nach Bildern.

digital marketing Google Search 1

Auch hier gelten SEO-Regeln.

Da Suchmaschinen keine Augen haben, muss man ihnen sagen, was auf dem Bild zu sehen ist.

Wenn Deine Bilder in den Suchergebnissen von Google erscheinen sollen, brauchen sie einen Alt-Text, auf diese Weise werden sie in den Suchergebnissen der Bildsuche aufgeführt.

Hier ist der entsprechende HTML-Tag:

pasted image 0 806

Wenn Du einem Bild in WordPress einen Alt-Text hinzufügen willst, musst Du auf das entsprechende Bild klicken, damit dieses Menü erscheint:

Edit Post Booktrep WordPress com 2

Klick jetzt auf das Stift-Symbol.

Edit Post Booktrep WordPress com 1

Die folgende Box verfügt über einen Bereich für den Alt-Text.

Edit Post Booktrep WordPress com 3

Hier musst Du die Beschreibung des Bildes eingeben.

Die Beschreibung muss nicht zwangsläufig das Hauptkeyword des Artikels enthalten, sie sollte viel eher das jeweilige Bild beschreiben.

Speichere die neue Einstellung und wiederhole diese Schritte jetzt für jedes Deiner Bilder.

Mit dieser Strategie erhöhst Du die Chancen, dass Dein Inhalt organisch gefunden wird.

5. NoFollow Tags

Es gibt mehrere gute Gründe für NoFollow Tags.

Ich möchte zunächst auf einige dieser Gründe eingehen.

NoFollow Tags sagen der Suchmaschine, dass sie die Webseite nicht mit der verlinkten Seite verknüpfen oder diese nicht crawlen soll.

Normalerweise würde ein Backlink Einfluss auf die Domain Authority der Webseite nehmen, jedoch nicht, wenn ein NoFollow Tag gesetzt wird.

Keine Sorge, der Link funktioniert. Der Nutzer wird trotzdem weitergeleitet, er hat aber keine Auswirkungen auf die SEO.

Der NoFollow Tag sieht so aus:

pasted image 0 775

Warum benutzt man einen NoFollow Tag?

Dafür kann es mehrere Gründe geben.

Wenn Du das Backlink-Profil Deiner Webseite verbessern willst, musst Du herausfinden, ob die Links, die auf Deine Seite verweisen, DoFollow- oder NoFollow-Links sind. DoFollow-Links wirken sich in direkter Weise auf Deine Position in den Suchergebnissen aus.

Es gibt jedoch etwas zu beachten.

Einige Leute sagen, dass auch NoFollow-Links Auswirkungen auf das Such-Ranking haben, allerdings nicht im gleichen Ausmaß. Sie sind aber nicht nutzlos, nur eben nicht ganz so wertvoll wie DoFollow-Links.

Wenn Du von Deiner Webseite auf eine andere Webseite mit schlechter Domain Authority (DA) verweist, solltest Du dafür evtl. einen NoFollow-Link setzen, damit dieser Verweis Deiner eigenen DA nicht schadet.

Mit WordPress ist das ganz einfach.

Klick auf die HTML-Option im Editor.

Edit Post Booktrep WordPress com

Füge dem Link, den Du ausschließen willst, die folgende Erweiterung hinzu:

pasted image 0 779

Jetzt wirkt sich der Links nicht auf die SEO Deiner Webseite aus und kann Deiner eigenen Domain Authority nicht schaden.

Wahrscheinlich verweist Du an unterschiedlichen Stellen hin und wieder auf andere Webseiten.

Vielleicht teilst Du Statistiken oder Bilder aus anderer Quelle und musst den Urheber nennen.

In diesem Fall reicht ein Verweis auf die andere Webseite oft aus.

Viele Leute vergessen dabei jedoch den Anker-Text.

Sie setzen einen Link, kümmern sich jedoch nicht um den Anker-Text, was aus SEO-Sicht schade ist.

Der entsprechende HTML-Tag sieht so aus:

pasted image 0 753

Der Link-Tag besteht aus folgenden Ziffern: <a href=”http://beispiel-webseite.de”>. Der Anker-Text steht direkt dahinter. In diesem Fall lautet er: Das ist der Link zu meiner Webseite.</a>.

Aber warum ist der Anker-Test so wichtig?

Weil der Google auf den Anker-Text zurückgreift, um zu verstehen, worum es auf der Webseite geht. Die Suchmaschine will wissen, wohin der Link führt und um welches Thema es geht.

Der Anker-Text sollte genau diese Fragen beantworten.

Das hat mehrere Dinge zur Folge.

Du kannst mit einem Verweis auf eine andere Webseite und einem guten Anker-Text mehr Einfluss auf Dein Ranking ausüben.

Wenn Du auf eine interne Seite verweist, hilf der Anker-Text bei der Organisation Deiner Inhalte und nimmt Einfluss auf Deine Domain Authority.

Suchmaschinen lieben Organisation, was mich zum letzten Punkt führt.

7. Canonical Tags

Mit dem Canonical Tag kannst Du Deine Inhalte besser organisieren und eine Seite gegenüber einer anderen priorisieren.

“Aber ich habe doch gar keine duplizierten Inhalte”, denkst Du jetzt.

Da liegst Du falsch, denn jede Webseite hat duplizierte Inhalte.

Das ist aber oft nicht offensichtlich und auf den ersten Blick nur schwer zu erkennen.

Lass mich das kurz erklären. Suchmaschinen crawlen Deine Webseite und greifen dafür auf alle URLs zu.

pasted image 0 797

Für uns ist das ein und dieselbe Webseite, für die Suchmaschinen jedoch nicht.

Das zeigt Dir, wie viele duplizierte Inhalte Du haben kannst. Es könnten sogar hunderte oder gar tausende Seiten sein.

Das kann dann schnell zum Problem werden, weil die Suchmaschine verwirrt ist und nicht weiß, welcher Inhalt Vorrang hat, weil jede URL separat betrachtet wird.

Darum musst Du Canonical Tags setzen und Google sagen, welche URL Vorrang hat.

Der Tag sieht so aus:

pasted image 0 847

Jetzt weiß die Suchmaschine, welche Version Deiner Webseite in den Suchergebnissen erscheinen soll.

Ein letzter Tipp: Tags mit Softwaretools hinzufügen

Dieser Tipp hat nicht unbedingt etwas mit Tags zu tun, aber mit SEO. Außerdem kannst Du viele der oben genannten Tags mit einem Programm leichter bearbeiten.

Wenn Du Dich mit Quelltexten auskennst, ist dieser Tipp wahrscheinlich überflüssig, für nicht SEO-Experten, die keine Ahnung von Code und Quelltexten haben, ist er jedoch ein Lebensretter.

Wenn Du einen Fehler machst und eine falsche Änderung am Quelltext vornimmst, kann Deine gesamte Webseite kaputt gehen, darum musst Du vorsichtig sein.

Lade Dir also am besten ein Softwaretool herunter, mit dem Du Deine Tags bearbeiten kannst.

Du hast die Wahl zwischen Yoast und Moz.

Wenn Du WordPress benutzt, kannst Du das Yoast Plug-in installieren.

pasted image 0 850

Yoast führt dann eine Diagnose durch und erstellt einen SEO-Bericht Deiner Webseite. Du erfährst, an welchen Bereichen noch gearbeitet werden muss und wie Du Deine SEO verbessern kannst.

Moz verfügt über unterschiedliche SEO-Tools, die für den gleichen Zweck genutzt werden können.

pasted image 0 839

Du kannst Deine SEO-Tags mit beiden Tools bearbeiten, wenn Du den Quelltext nicht manuell verändern willst.

Wenn Du die HTML-Tags Deiner Webseite vernachlässigst, wird Deine SEO darunter leiden, Du kommst also nicht drum herum.

Es ist aber gar nicht schwierig.

Fazit

Es gibt fast nichts, das sich so toll anfühlt, wie Platz 1 in den Suchergebnissen.

Es dauert aber sehr lange, um diese Position zu erreichen, oft sogar Monate oder gar Jahre, und erfordert unsere ständige Aufmerksamkeit.

Um dieses Ziel zu erreichen, musst Du Deine HTML-Tags optimieren.

Warum?

Weil die Suchmaschinen auf zusätzliche Informationen angewiesen sind, die diese Tags bieten können, und weil SEO-“Experten” es machen.

Mit HTML-Tags trennt sich die Spreu vom Weizen und befördert eine Seite von Platz 10 auf Platz 1 der Suchergebnisse.

HTML ist wie eine eigene Sprache, die benutzt wird, um sich mit den Suchmaschinen zu verständigen. Du musst ihnen sagen, worum es auf Deiner Webseite geht und für welche Themen Deine Seiten platziert werden sollen.

Wenn Du Deine HTML-Tags vernachlässigst, schadest Du Deiner SEO.

Die wichtigsten Tags sind der Title-Tag, die Meta-Beschreibung, die Head-Tags, der Alt-Text Deiner Bilder, NoFollow-Links, Anker-Texte und Canonical Tags.

Du kannst eine Software benutzen, um Veränderungen an Deinen Tags vorzunehmen.

Mit diesem neu gewonnenen Wissen über HTML, wird Deine Webseite bestimmt in Nullkommanichts in den Suchergebnissen platziert.

Welche HTML-Tags üben den größten Einfluss auf die SEO Deiner Webseite aus?

Ubersuggest

Schalte mit Ubersuggest Tausende von Keywords frei

Bist Du bereit, Deine Konkurrenten zu überholen?

  • Finde Long-Tail-Keywords mit hohem ROI
  • Entdecke sofort Tausende von Keywords
  • Verwandele Suchanfragen in Besucher und Conversions

Kostenloses Keyword-Tool

Neil Patel

About the author:

Neil Patel

Co Founder of NP Digital & Owner of Ubersuggest

Er ist der Mitbegründer von NP Digital. Das Wall Street Journal zählt ihn zu den Top-Influencern im Web. Laut Forbes ist er einer der 10 besten Vermarkter und laut Entrepreneur Magazine hat er eins der 100 erfolgreichsten Unternehmen gegründet. Neil ist ein New York Times Bestseller Autor. Er wurde bereits vor seinem 30. Lebensjahr von Präsident Obama und vor seinem 35. Lebensjahr von den United Nations als Top 100 Unternehmer ausgezeichnet.

Follow the expert:

Teilen

Neil Patel

source: https://neilpatel.com/de/blog/7-wichtige-html-tags-die-einen-seo-experten/