HTML-Tags für SEO: Was WordPress-Benutzer wissen müssen

Wie wichtig sind HTML-Tags für SEO? Welche müssen Sie lernen?

HTML-Tags können beeinflussen, wie Ihre Inhalte in Suchergebnissen angezeigt werden und wie sie ranken.

HTML-Tags für SEO sind also unerlässlich, aber Sie können sie auch automatisch zu Ihren Inhalten hinzufügen lassen. Finden wir heraus, wie.

Was sind HTML-Tags für SEO?

Während einige der unten aufgeführten HTML-Tags mehr als einen Verwendungszweck haben, können sie alle beeinflussen, wie Ihre Inhalte in Suchmaschinenergebnissen angezeigt werden.

Schema-Markup kann beispielsweise ansprechende Suchanzeigen erstellen und den Traffic erheblich steigern.

Alle HTML-Tags helfen Suchmaschinen, Ihre Inhalte zu verstehen und mit Suchanfragen abzugleichen.

Da 68 % des gesamten Web-Traffics über Suchmaschinen beginnt, ist SEO der Marketingkanal, den Sie sich nicht leisten können zu ignorieren.

In jedem Tag-Abschnitt unten erklären wir die damit verbundenen SEO-Auswirkungen.

Muss ich HTML lernen?

Nein, Sie müssen kein HTML lernen, um SEO effektiv zu nutzen.

Die meisten modernen Website-Plattformen wie WordPress bieten Formularfelder, in die Sie den Titel und die Beschreibung Ihres Artikels eingeben können. Dann werden automatisch HTML-Tags hinzugefügt.

Aber was ist mit den anderen HTML-Tags, die in diesem Artikel besprochen werden?

Laden Sie das All in One SEO (AIOSEO) Plugin herunter

Wir empfehlen die Verwendung eines SEO-Plugins wie All in One SEO (AIOSEO).

Dieses anfängerfreundliche Plugin analysiert Ihre Webseiteninhalte und bietet eine einfache Checkliste zur Verbesserung.

Wie AIOSEO funktioniert

Viele der von AIOSEO geprüften Elemente haben zugehörige HTML-Tags. Und das Plugin stellt sicher, dass diese Tags für Sie hinzugefügt werden.

Hier sind einige Seitenelemente, die AIOSEO Ihnen bei der Optimierung hilft und die mit HTML-Code zusammenhängen.

• Titel-Tag: All in One SEO prüft Ihren Titel, um sicherzustellen, dass Sie Ihr Ziel-Keyword verwendet haben. Sie sehen auch, ob Ihr Titel 60 Zeichen überschritten hat, was bedeutet, dass Google Search ihn wahrscheinlich abschneiden wird.
• Meta-Beschreibung-Tag: AIOSEO prüft auch, ob Sie Ihr Ziel-Keyword in Ihrer Meta-Beschreibung verwendet haben. Es wird Sie auffordern, es hinzuzufügen, wenn es fehlt. Sie werden auch benachrichtigt, wenn Ihre Beschreibung 160 Zeichen überschreitet.
• Zwischenüberschriften: Da Zwischenüberschriften Inhalte leichter lesbar machen können, prüft AIOSEO auf lange Passagen ohne Zwischenüberschriften. Das Plugin prüft auch, ob Sie Ihr Ziel-Keyword in einigen Ihrer Zwischenüberschriften verwendet haben.
• Bild-SEO: AIOSEO ermöglicht es Ihnen, Website-weite Einstellungen für Bild-SEO zu erstellen, einschließlich Alt-Tags.
• Schema-Markup: Um Schema-Markup hinzuzufügen, klicken Sie auf ein paar Schaltflächen und füllen einige Formularfelder aus.
• Social-Media-Tags: Optimieren Sie Ihre Inhalte für die Freigabe auf Facebook und Twitter. Sie klicken dazu auf ein paar Schaltflächen. All in One SEO fügt die notwendigen OG-Tags und Twitter Card-Tags hinzu.
• Noindex-Roboter-Tags: Sie können Inhalte mit einem einfachen Klick von Suchmaschinen ausblenden. AIOSEO fügt automatisch die benötigten Noindex-Roboter-Meta-Tags zu Ihrem HTML hinzu.

Wenn Sie auf Schaltflächen klicken und Formularfelder ausfüllen können, können Sie All in One SEO (AIOSEO) verwenden.

All in One SEO (AIOSEO) ist ein etabliertes Plugin mit Tausenden von 5-Sterne-Bewertungen auf WordPress.org. Und derzeit nutzen es über 3 Millionen Menschen.

Schauen wir uns nun die wichtigsten HTML-Tags für SEO an.

Titel-Tag

Der Titel Ihrer Webseite ist ein wesentlicher Bestandteil eines Suchergebnisses. Zusammen mit der Beschreibung kann er Nutzern einen Grund geben, auf Ihre Website zu klicken.

Aber woher weiß Google (oder eine andere Suchmaschine), was Ihr Titel ist? Hier kommen die Titel-Tags ins Spiel.

Titel-Tags sind winzige Code-Schnipsel, die am Anfang und Ende von Seitentiteln erscheinen. Diese Tags sagen Suchmaschinen: „Hier ist der Titel.“

Titel-Tag im HTML-Code

So sieht ein Titel-Tag in HTML aus

<title></title>

Beachten Sie, dass es ein öffnendes und ein schließendes Tag gibt.

Zwischen diesen beiden Tags steht Ihr Titel.

<title>Your Title Goes Here</title>

Wenn Sie einen Titel am Anfang einer Webseite eingeben, fügen die meisten Website-Plattformen automatisch den Titel-Tag hinzu. Sie müssen also nicht einmal darüber nachdenken.

Es gibt jedoch einige bewährte Praktiken, die Sie beachten sollten.

Best Practices für Titel-Tags

• Machen Sie Ihren Titel präzise und fügen Sie Ihr Fokus-Keyword ein.
• Suchmaschinen schneiden Titel nach etwa 60 Zeichen ab. Nutzen Sie diese 60 Zeichen also gut.
• Sie können mehr als 60 Zeichen verwenden, aber stellen Sie sicher, dass der sichtbare Teil Ihres Titels kommuniziert, worum es in Ihrem Artikel geht.
• Wenn Ihr Titel nicht klar oder präzise ist, schreibt Google ihn möglicherweise um.

Erfahren Sie, wie Sie All in One SEO verwenden, um Titel zu optimieren.

SEO-Wert von Titel-Tags

Da Ihr Titel und Ihre Beschreibung in den Suchergebnisseiten (SERPs) angezeigt werden, sind dies 2 wichtige Gelegenheiten, um Suchanfragen zum Klicken zu bewegen.

Die Aufnahme Ihres Fokus-Keywords in Ihren Titel hilft Google, Ihre Seite zu verstehen, ist aber kein Rankingfaktor.

Ein gut gestalteter Titel ist jedoch ein Aspekt von qualitativ hochwertigem Inhalt. Und die Qualität des Inhalts ist der wichtigste Rankingfaktor.

Meta-Beschreibung-Tag

Wir haben gesehen, dass Suchergebnisse eine kurze Beschreibung Ihrer Webseite enthalten.

In SEO wird diese Beschreibung als Meta-Beschreibung bezeichnet.

Wie bei Titeln bieten die meisten Website-Plattformen ein Formularfeld, in das Sie eine Beschreibung eingeben können, und fügen automatisch den Meta-Beschreibung-Tag hinzu.

Meta-Beschreibung-Tag im HTML-Code

So sieht ein Meta-Beschreibung-Tag in HTML aus.

<meta name="description" content="Your description goes here." />

Dies ist ein sogenannter selbstschließender Tag. (Im Gegensatz zum Titel-Tag gibt es kein öffnendes und schließendes Tag.)

Best Practices für Meta-Beschreibungen

• Machen Sie Ihre Beschreibung präzise und nutzen Sie sie, um hervorzuheben, was Ihren Artikel einzigartig macht.
• Da Suchmaschinen den Platz für Webseitenbeschreibungen begrenzen, ist es üblich, diese auf 160 Zeichen zu beschränken.
• Fügen Sie Ihr Ziel-Keyword und 1-2 verwandte Keywords hinzu.

Erfahren Sie mehr über Meta-Beschreibungen.

SEO-Wert von Meta-Beschreibungen

Während Ihre ursprüngliche Meta-Beschreibung möglicherweise (oder auch nicht) bei Suchen nach Ihrem Ziel-Keyword erscheint, schreibt Google oft Beschreibungen um, um sie an verschiedene Suchanfragen anzupassen.

Mit „umschreiben“ meinen wir, dass es anderen Text von Ihrer Seite zieht, um ihn als Meta-Beschreibung anzuzeigen.

Im folgenden Beispiel zieht Google eine andere Meta-Beschreibung als die von uns geschriebene. Aber die Beschreibung passt zur Suchanfrage: „Was ist mehrsprachiges SEO?“

Während Sie also 1 Meta-Beschreibung schreiben, kann Ihr Artikel bei Suchen nach mehreren Keywords erscheinen, wobei jedes Mal eine andere von Google gezogene Beschreibung angezeigt wird.

Überschriften-Tags

Wenn Sie Ihre Inhalte logisch organisieren und Überschriften (oder Unterüberschriften) für verschiedene Abschnitte verwenden, hilft das Suchmaschinen und Benutzern, Ihre Inhalte schnell zu erfassen.

Das Bearbeitungsfeld in WordPress bietet Überschriftenoptionen von H1-H6.

• H1 wird für Seitentitel verwendet und erscheint normalerweise in der größten Schriftart.
• Die anderen, H2-H6, sind kleiner und werden verwendet, um Inhalte in einer logischen, hierarchischen Reihenfolge zu organisieren.

Zum Beispiel kann ein Artikel mehrere Abschnitte mit H2-Überschriften haben, und Sie würden innerhalb dieser Abschnitte H3- oder H4-Überschriften verwenden.

Im Hintergrund fügt WordPress HTML-Überschriften-Tags hinzu, die Suchmaschinen helfen, Ihr Inhaltsformat zu verstehen.

Überschriften-Tags im HTML-Code

In HTML sieht ein Überschriften-Tag so aus:

<h1></h1>

Der H1-Tag ist normalerweise für Ihren Titel reserviert. Im HTML würde der Titel Ihrer Seite also in H1-Tags eingeschlossen erscheinen.

<h1>This is My Page Title</h1>

Sie fragen sich vielleicht, warum der Title-Tag hier nicht aufgeführt ist. Der Titel Ihrer Seite erscheint zweimal im HTML-Code:

• Eingeschlossen in einen Title-Tag (Dies ist ausschließlich für Suchmaschinen)
• Eingeschlossen in einen H1-Tag. (Dies ist der Titel, der für Ihre Leser sichtbar ist.)

Die anderen H-Tags verwenden die gleiche Syntax. Hier ist zum Beispiel ein H2-Tag, der für einen Artikelabschnitt verwendet wird.

<h2>Introduction to Sales</h2>

Best Practices für Überschriften

• Machen Sie Überschriften nützlich und konkret.
• Halten Sie sie kurz, damit sie gut lesbar sind.
• Stellen Sie die wichtigsten Begriffe an den Anfang.

SEO-Wert von Überschriften

Überschriften-Tags können Suchmaschinen helfen, Abschnitte Ihrer Inhalte zu finden und sie mit verwandten Anfragen abzugleichen.

Aus diesem Grund können sie dazu beitragen, dass Ihre Inhalte für mehr als einen Suchbegriff ranken.

Aber sie sind auch wichtig für die Erstellung von scannbarem Inhalt.

Eine klare, logische Struktur und Unterüberschriften für verschiedene Abschnitte können Ihre Leser fesseln und dazu bringen, immer wiederzukommen.

Bild-Alt-Tags

Alt-Text ist Text, der ein Bild beschreibt. Die meisten Website-Plattformen, einschließlich WordPress, bieten ein Formularfeld, um Alt-Text hinzuzufügen.

Es gibt 2 Zwecke für diesen Alt-Text:

• Suchmaschinen lesen und indizieren Bild-Alt-Texte und sie helfen ihnen, den Bildinhalt zu verstehen.
• Bildschirmauslesegeräte, Geräte, die von sehbehinderten Personen verwendet werden, lesen Alt-Texte laut vor.

Sobald Sie Ihren Alt-Text hinzugefügt haben, umschließt WordPress ihn automatisch mit einem Bild-Alt-Tag.

Bild-Alt-Tags im HTML-Code

Alt-Tags sind HTML- Attribute, die innerhalb eines Bild- Elements erscheinen.

Die Bild-Tags („img“) verweisen auf eine Online-Quelle („src“) für das Bild in Form einer URL.

<img src="https://upload.wikimedia.org/wikipedia/commons/c/c0/Yury_Pen_-_Portrait_of_Marc_Chagall.jpg" alt="marc chagall portrait">

Best Practices für Bild-Alt-Tags

• Fügen Sie immer Alt-Text für Bilder hinzu, es sei denn, sie sind rein dekorativ.
• Lassen Sie Satzzeichen, Bindestriche oder Sonderzeichen weg.
• Beschreiben Sie das Bild und seinen Kontext.

Wenn Ihr Bild beispielsweise ein Diagramm der Kriminalitätsraten in Oslo, Norwegen, zeigt, erklären Sie, was es den Lesern zeigt.

alt="crime trends in oslo norway"

SEO-Wert von Bild-Alt-Tags

Alt-Tags helfen dabei, dass Ihre Bilder und Diagramme in der Bildersuche erscheinen.

Und über SEO hinaus verbessern sie die Zugänglichkeit Ihrer Website.

Schema-Markup (für Rich Snippets)

Das Hinzufügen von Schema-Markup zu Ihren Webseiten macht sie für die Anzeige als Rich Snippets in den Suchergebnissen berechtigt.

Sie können sich Rich Snippets als Super-Deluxe-Anzeigen von Suchmaschinen vorstellen.

Hier ist ein Standard-Such-Snippet.

Und hier ist ein reichhaltiges Snippet.

Das Hinzufügen dieser Art von Markup ist einfach. Mit All in One SEO (AIOSEO) klicken Sie auf einige Schaltflächen und füllen einige Formularfelder aus.

Es gibt über 30 Arten von Rich Snippets zur Auswahl, darunter:

• Buch
• Kurse
• FAQ
• Ereignis
• Softwareanwendung
• Person.

Obwohl Schema-Markup komplizierter ist als Tags, hat es einige Ähnlichkeiten. Dieser Code markiert Teile einer Webseite, damit Google diese Seite in ein Rich Snippet umwandeln kann.

Schema-Markup in HTML

Der Code für Schema-Markup kann langwierig sein.

Wenn Sie sehen möchten, wie das aussieht, empfehlen wir, sich einige der Codebeispiele auf Schema.org anzusehen.

Best Practices für Schema-Markup

Fügen Sie nach Möglichkeit Schema-Markup zu Ihren Webseiten hinzu.

Und erkunden Sie die Schema-Typen, die in AIOSEO verfügbar sind.

SEO-Wert von Schema-Markup

Rich Snippets ziehen mehr Klicks an als Standard-Snippets.

Erfahren Sie mehr über Rich Snippets.

Canonical-Tags

Kanonische Tags helfen Google, doppelte Seiten zu sortieren, indem sie angeben, welche Seite Sie in den Suchergebnissen anzeigen möchten.

Ein häufiger Anwendungsfall für kanonische Tags sind Produktseiten, wenn derselbe Inhalt in mehreren Bereichen Ihrer Website angezeigt werden kann.

Best Practices

Verlinken Sie bei internen Verlinkungen auf die kanonische URL. Das teilt Google Ihre Präferenz mit.

Kanonische Tags im HTML-Code

Die Syntax für kanonische Tags (oder Attribute) lautet:

rel="canonical"

Hier ist ein Beispiel für einen Link mit dem hinzugefügten kanonischen Tag.

<link rel="canonical" href="https://example.com/sneakers/green-sneakers" />

Dieser Link würde im Kopfbereich des HTML platziert werden.

Kanonische Tags sind ein Thema der technischen SEO. Sehen Sie sich die Entwicklerrichtlinien von Google zu Methoden zur Angabe kanonischer URLs an.

Andere wichtige HTML-Tags

Wir haben die wichtigsten HTML-Tags für SEO behandelt. Hier sind jedoch einige spezielle Tags zusammen mit ihren Verwendungszwecken.

Open-Graph-Tags

Haben Sie sich jemals gefragt, warum einige Webseiten, wenn sie auf Facebook geteilt werden, so aussehen, als ob etwas fehlt?

Wenn ein Benutzer Ihre Seite auf Facebook teilt, durchsucht die Social-Media-Plattform Ihren Code nach Open-Graph-Tags.

Diese HTML-Tags teilen Facebook mit, welches Bild, welcher Titel und welche Beschreibung angezeigt werden sollen. Wenn Ihre Seite diese OG-Tags nicht hat, sieht sie beim Teilen blass aus.

All in One SEO (AIOSEO) bietet Ihnen eine einfache Möglichkeit, zu steuern, wie Ihre Inhalte auf Facebook erscheinen. (Und Sie müssen sich nicht mit Code herumschlagen.)

Twitter Card Tags

Twitter-Card-Tags funktionieren wie OG-Tags. Und hier können Sie auch All in One SEO (AIOSEO) verwenden, um zu steuern, wie Ihre Seite beim Teilen auf Twitter erscheint.

Sie können 1 Taste klicken und Ihre Facebook-Einstellungen für das Teilen auf Twitter kopieren.

Link-Attribute

Backlinks sind ein wichtiger Rankingfaktor. (Backlinks sind Links von anderen Websites zu Ihrer.)

Links von angesehenen, qualitativ hochwertigen Websites können das Ranking Ihrer Website verbessern.

Links können jedoch Attribute enthalten, von denen einige diesen SEO-Wert aufheben können.

Ein „nofollow“-Attribut weist Suchmaschinen beispielsweise an, den Link zu ignorieren.

Hier sehen Sie, wie dieses Attribut im Code des Links aussieht.

<a href="https://www.example.com" rel="nofollow">linked text</a>

Erfahren Sie mehr über die Attribute nofollow, ugc und sponsored und wie Sie diese vermeiden können.

Noindex Robots Tag

Das noindex-Tag verhindert, dass Inhalte in Suchergebnissen erscheinen.

Anmeldeseiten für Mitarbeiter oder „Erfolgsseiten“ sind Beispiele für Inhalte, die Suchmaschinen möglicherweise überspringen sollen.

Hier ist ein noindex-Attribut, das in einem Meta-Robots-Tag enthalten ist.

<meta name="robots" content="noindex" />

Früher wurden noindex-Direktiven manchmal zur robots.txt-Datei einer Website hinzugefügt. Dieser Ansatz wurde jedoch 2019 von Google als veraltet eingestuft.

Semantische HTML5-Tags

Semantische Tags helfen Suchmaschinen zu verstehen, wie Teile einer Seite miteinander in Beziehung stehen.

Sie waren ein Hauptmerkmal bei der Veröffentlichung von HTML 5 im Jahr 2008.

Hier sind einige Beispiele für semantische Tags.

Die WordPress-Codebasis und Themes enthalten semantische Tags.

F&A zu HTML-Tags für SEO

Jetzt, da Sie die wichtigsten HTML-Tags für SEO kennen, haben Sie vielleicht noch einige Fragen.

Nach HTML-Tags für SEO . . .

Wir hoffen, dieser Beitrag hat Ihnen geholfen, einige Top-HTML-Tags für SEO zu identifizieren und warum Sie keinen Code lernen müssen, um sie anzuwenden.

All in One SEO stellt sicher, dass Ihre Website Metadaten korrekt verwendet.

Erfahren Sie als Nächstes, wie Sie eine HTML-Sitemap zu Ihrer Website hinzufügen. Schauen Sie sich diese On-Page-SEO-Tools an. Und erfahren Sie, wie Sie guten Ankertext erstellen.

Um mehr über Suchmaschinenoptimierung zu erfahren, abonnieren Sie unseren YouTube-Kanal. Dort finden Sie großartige Schritt-für-Schritt-Anleitungen. Sie können uns auch auf X (Twitter), LinkedIn oder Facebook folgen, um auf dem Laufenden zu bleiben.

Offenlegung: Unsere Inhalte werden von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Wir empfehlen nur Produkte, von denen wir glauben, dass sie unseren Lesern einen Mehrwert bieten.