SEO ist ein zentraler Aspekt der Webentwicklung, doch seine Bedeutung hängt von den Zielen einer Website ab. Während eine starke Sichtbarkeit in Suchmaschinen für viele Unternehmen essenziell ist, legen andere Websites mehr Wert auf Branding, direkte Besucher:innen oder Nutzererfahrung.

Die Verbesserung deiner Platzierung von Position 8 auf 4 in einer Google-Suche kann im Schnitt viermal mehr Besucher:innen bringen – und auf Platz 1 zu kommen bedeutet eine zwölfmal höhere Sichtbarkeit! [1], [2]

In dieser Beitragsreihe zeige ich dir, was du tun kannst, um deine Website für Suchmaschinen zu optimieren.

Jeder Beitrag behandelt eine konkrete SEO-Maßnahme, die du direkt umsetzen kannst.

Die Voraussetzung ist jedoch, dass die absoluten Grundlagen deiner Website stimmen! Das heißt: relevante Inhalte, gut formulierte Texte, passende Keywords für deine Zielgruppe und eine klare, ansprechende Struktur. Eine durchdachte Navigation ist essenziell, damit alle Inhalte leicht zugänglich sind. Wenn diese Basics nicht vorhanden sind, bringen dir weitere SEO-Tricks wenig.

Lass uns mit SEO-To-Do #3 starten – Meta-Tags!

Überblick

Meta-Tags sind kurze, unsichtbare Informationen auf einer Webseite, die Suchmaschinen helfen, den Inhalt besser zu verstehen, die Auffindbarkeit zu beeinflussen und die Darstellung in den Suchergebnissen zu steuern. Sie verändern jedoch nicht das sichtbare Design oder den Inhalt der Website.

Es gibt verschiedene Meta-Tags, aber im SEO-Bereich sind die folgenden sechs besonders wichtig:
  • Title-Tag
  • Description-Meta-Tag
  • Canonical-Tag
  • Robots-Meta-Tag
  • Viewport-Meta-Tag
  • Charset-Meta-Tag

Title-Tag

Funktion:
Der Title-Tag definiert den Titel einer Webseite, der in den Suchergebnissen und im Browser-Tab angezeigt wird.

Beispiel:
<title>Pers Rezepte</title>

Bedeutung für SEO:
Ein aussagekräftiger Title-Tag ist entscheidend für die Klickrate. Er sollte relevant, prägnant und mit passenden Keywords versehen sein. Die Länge sollte 50–60 Zeichen nicht überschreiten, damit er in den Suchergebnissen vollständig angezeigt wird.

Description-Meta-Tag

Funktion:
Der Description-Meta-Tag gibt eine kurze Zusammenfassung des Seiteninhalts und wird oft in den Suchergebnissen unter dem Title-Tag angezeigt.

Beispiel:
<meta name="description" content="Entdecke die besten Rezepte für das perfekte Sommerdinner">

Bedeutung für SEO:
Eine gut formulierte Meta-Beschreibung kann die Klickrate erhöhen, indem sie den Nutzer:innen eine klare Vorstellung vom Inhalt der Seite gibt. Die Länge sollte 150–160 Zeichen nicht überschreiten, um sicherzustellen, dass sie vollständig angezeigt wird. Relevante Keywords steigern die Auffindbarkeit.

Canonical-Tag

Wenn eine Seite unter mehreren URLs erreichbar ist, kann das Suchmaschinen verwirren.

Beispielsweise könnte eine Unterseite deines Blogs sowohl unter
https://deine-website.com/blog
als auch unter
https://deine-website.com/beiträge
verfügbar sein. Um Suchmaschinen mitzuteilen, welche URL als "bevorzugt" gelten soll, kannst du den Canonical-Tag verwenden.

Auf jeder Version der Seite sollte dann folgender Code stehen, wobei der Link in href="" die bevorzugte "kanonische" Version angibt:
<link rel="canonical" href="https://deine-website.com/blog">

Robots-Meta-Tag

Funktion:
Der Robots-Meta-Tag gibt Anweisungen für Suchmaschinen-Crawler (automatisierte Programme, die das Internet nach neuen Webseiten durchsuchen). Er bestimmt, ob eine Seite indexiert werden soll (in den Suchmaschinen aufgenommen wird) und ob Links auf der Seite verfolgt werden sollen.

Beispiel für Standardwerte:
<meta name="robots" content="index, follow">

Bedeutung für SEO:
Standardmäßig sind Seiten indexierbar und Links werden verfolgt. Der Robots-Meta-Tag ist nützlich, wenn du eine Seite nicht indexieren lassen möchtest (noindex) oder wenn Suchmaschinen die Links auf einer Seite nicht verfolgen sollen (nofollow).

Viewport-Meta-Tag

Funktion:
Der Viewport-Meta-Tag beeinflusst die Darstellung einer Webseite auf Mobilgeräten, insbesondere die Breite des Anzeigebereichs.

Empfohlene Standardeinstellung:
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Bedeutung für SEO:
Der Viewport-Tag ist essenziell für die mobile Optimierung. Ohne ihn könnten Webseiten auf Mobilgeräten falsch dargestellt werden, was die Nutzerfreundlichkeit und SEO beeinträchtigt.

Charset-Meta-Tag

Funktion:
Der Charset-Meta-Tag legt die Zeichenkodierung der Webseite fest.

Beispiel:
<meta charset="UTF-8">

Bedeutung für SEO:
Die Zeichenkodierung sorgt dafür, dass Texte korrekt dargestellt werden. UTF-8 ist der Standard und unterstützt eine breite Palette von Zeichen, was besonders wichtig ist, wenn deine Seite mehrere Sprachen enthält.

Quellen

[1] Granka, Joachims & Gay. Eye-Tracking Analysis of User Behavior in WWW Search. 2004.
[2] Beus. Click Probabilities in Google SERPs. 2015.