Auf dem Weg zum Erfolg braucht jede Webseite ein paar grundlegende Meta-Tags. Meta-Tags sind Codes im HTML, die man Metadaten nennt. Sie legen vorab wichtige Angaben über die Seite fest: den Titel, die Beschreibung, die Sprache und das Land, an die sie sich richtet, den Zeichensatz und die Person, die den Inhalt geschrieben hat. Was Meta-Tags für die SEO bringen, haben wir bereits ausführlich behandelt. In diesem Beitrag sehen wir uns die 10 wichtigsten Meta-Tags an, jeweils mit dem passenden Code.
Schreiben Sie Ihre Meta-Beschreibung am besten so, als würden Sie einen Tweet absetzen.
Die wichtigsten Meta-Tags für die SEO
- 1. Das Title-Tag
- 2. Die Meta-Beschreibung
- 3. Die Überschriften-Tags (H1-H6)
- 4. Das Tag Meta Keywords
- 5. Das Tag Meta Robots
- 6. Das Tag Meta Viewport
- 7. Das Canonical-Tag
- 8. Das Hreflang-Tag
- 9. Das Tag für den Zeichensatz
- 10. Das Tag Meta Author
Das Title-Tag
Das Tag <title> trägt die Überschrift, mit der Sie Ihren Besuchern die Seite benennen.
<head>
<title>
Beispieltitel von Türk SEM
</title>
</head>Die Meta-Beschreibung
Das Tag <meta name=”description”> ist die Stelle, an der Sie erklären, worum es auf der Seite geht, die der Nutzer gerade ansteuert oder besucht.
<head>
<meta name="description"
content="Hier erklären Sie, worum es auf Ihrer Seite geht.">
</head>Die Meta-Beschreibung im Detail, samt Testwerkzeug
Die Überschriften-Tags (H1-H6)
Die Überschriften-Tags von <h1> bis <h6> zeigen die Rangfolge der Inhalte auf Ihrer Seite. Mit Überschriften und Zwischenüberschriften ordnen Sie Ihre Inhalte sauber.
<h1>Die Rangfolge der Überschriften-Tags</h1>Ob die Rangfolge auf Ihrer Seite stimmt, testen Sie in unserem Beitrag über Überschriften-Tags.
Das Tag Meta Keywords
Das Tag <meta name=”keywords”> zählt nicht mehr so viel wie früher, Sie können damit Ihre Inhalte aber mit höchstens 3 Keywords beschreiben. Achten Sie darauf, die treffendsten Wörter zu wählen. Bei manchen Suchmaschinen außerhalb von Google wirkt das Tag noch.
<head>
<meta name="keywords"
content="Meta-Tags, Meta Tag">
</head>Das Tag Meta Robots
Das Tag <meta name=”robots”> gibt den Bots der Suchmaschinen mehrere Anweisungen mit.
- “index”: Indexiere die Seite
- “follow”: Folge den Links
- “nofollow”: Folge den Links nicht
<head>
<meta name="robots"
content="index, follow">
</head> Werkzeug zum Prüfen der Robots.txt
Das Tag Meta Viewport
Das Tag <meta name=”viewport”> legt fest, wie die Website auf verschiedenen Bildschirmgrößen erscheint, damit das Erlebnis stimmt. In unserem Beitrag Was ist das Viewport-Tag? haben wir das ausführlich erklärt.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">Das ist der Viewport-Code, den wir empfehlen.
Das Canonical-Tag
Das Canonical-Tag, auch bekannt als “rel=canonical”, ist ein HTML-Element aus der Suchmaschinenoptimierung (SEO). Es benennt die bevorzugte oder eigentliche Fassung einer Webseite.
<link rel="canonical" href="https://www.example.com/turksem">Auf unserer Seite Was ist Canonical, samt Code-Test prüfen Sie Ihren Einsatz von canonical und lesen die ausführliche Fassung.
Das Hreflang-Tag
Auf mehrsprachigen Websites gehört dieses Tag zu den unverzichtbaren, wenn Sie Land und Sprache richtig ansteuern wollen.
<link rel="alternate" href="URL_of_alternate_page" hreflang="language_code">Das Tag für den Zeichensatz
<meta charset="UTF-8"> nennt den Zeichensatz, den die Webseite benutzt. Deshalb kommt es hier auf die richtige Angabe an.
<head>
<meta charset="UTF-8">
</head>
Code-Generator für den Zeichensatz (Charset)
Das Tag Meta Author
Das Tag <meta name=”author”> gehört zu den grundlegenden Angaben und nennt, wer die Seite geschrieben hat. Für die SEO ist das ein Signal von Vertrauen, und auf YMYL-Websites gehört es unbedingt dazu.
<meta name="author" content="Vorname / Nachname der Autorin">
