Meta-Tags erzeugen
A step-by-step guide to grind size, water temperature and brew ratios for café-quality coffee in your own kitchen.
Was Meta-Tags tun und welche zählen
Meta-Tags sind die Zeilen im head-Bereich einer Seite, die Suchmaschinen und soziale Netzwerke statt der Seite selbst lesen. Titel und Beschreibung formen dein Google-Snippet; Open-Graph- und Twitter-Card-Tags bestimmen Bild, Überschrift und Text, die beim Teilen des Links erscheinen. Dieser Generator schreibt sie alle aus einem Formular und zeigt das Ergebnis so, wie es aussehen wird.
Schritte
- 1 Gib Seitentitel und Beschreibung ein. Die Zähler zeigen die Längen, die üblicherweise in Suchergebnisse passen — etwa 60 und 160 Zeichen.
- 2 Ergänze kanonische URL, Website-Namen und ein Bild mit 1200×630. Wähle Inhaltstyp, Sprachregion und Card-Layout; die drei Vorschauen aktualisieren sich beim Tippen.
- 3 Kopiere die erzeugten Tags und füge sie in den head-Bereich deiner Seite ein; ersetze dabei vorhandene Titel- und Beschreibungs-Tags.
Titel und Beschreibung
Das title-Tag ist die blaue Überschrift in den Suchergebnissen und im Browser-Tab. Halte es unter etwa 60 Zeichen und stelle die unverwechselbaren Wörter nach vorn; Google kürzt nach Pixelbreite, breite Buchstaben verbrauchen also schneller Platz. Die Beschreibung ist kein Rankingfaktor, aber deine Anzeige in den Ergebnissen: 150–160 Zeichen, die sagen, was die Seite bietet und warum man klicken soll. Google kann sie durch Text von der Seite ersetzen, wenn es das für passender hält.
Open Graph
Facebook, LinkedIn, WhatsApp, Slack und die meisten Chat-Apps lesen og:title, og:description, og:image und og:url, um eine Linkvorschau zu bauen. Das Bild sollte 1200×630 Pixel (1,91:1) haben, unter 8 MB liegen und als absolute URL angegeben sein. og:type ist für die meisten Seiten website und für Beiträge article; og:site_name erscheint auf manchen Netzwerken über der Überschrift. Ohne diese Tags zeigt ein geteilter Link womöglich ein zufälliges Bild der Seite oder gar keins.
Twitter Cards
X nutzt eigene Tags, greift aber für alles Fehlende auf Open Graph zurück. Du brauchst also vor allem twitter:card für das Layout — summary_large_image für ein Bild in voller Breite, summary für ein kleines quadratisches Vorschaubild — und twitter:site für das zu nennende Konto. Titel, Beschreibung und Bild werden hier für Netzwerke wiederholt, die nur den twitter:-Satz lesen.
Kanonische URL und robots
Der kanonische Link sagt Suchmaschinen, welche Adresse das Original ist, wenn derselbe Inhalt unter mehreren URLs erreichbar ist (mit und ohne Parameter, http und https, abschließender Schrägstrich). Verwende immer die vollständige absolute URL. Das robots-Tag ist meist unnötig — index, follow ist die Vorgabe — und lohnt sich nur, um eine Seite mit noindex aus den Ergebnissen zu halten.