Meta-Tag-Generator
SEO-Meta-Tags, Open-Graph- und X-Card-Tags erstellen und prüfen, wie die Seite bei Google und beim Teilen in sozialen Netzwerken aussieht.
Meta-Tag-Generator - SEO-, Open-Graph- und X-Card-Tags mit Live-Vorschau
Titel und Beschreibung im head-Bereich einer Seite bestimmen, wie sie bei Google erscheint, und die Open-Graph- und X-Tags bestimmen, wie ein geteilter Link auf Facebook, LinkedIn, WhatsApp, Slack und X aussieht. Dieses Werkzeug schreibt alle diese Tags aus einem kurzen Formular und zeigt die drei Vorschauen schon während der Eingabe, sodass Sie einen abgeschnittenen Titel bemerken, bevor Ihre Leser es tun.
Nichts wird an einen Server gesendet. Die einzige Anfrage, die die Seite stellt, lädt Ihr Vorschaubild von seiner eigenen Adresse, um es in den Vorschauen anzuzeigen.
So gehen Sie vor
- Füllen Sie Seitentitel, Beschreibung, Seitenadresse (kanonische URL) und URL des Vorschaubilds aus.
- Behalten Sie die Zähler und die Vorschauen für Google, Facebook und X im Blick.
- Wählen Sie den Inhaltstyp, die Art der X-Card und, falls vorhanden, das X-Konto.
- Klicken Sie auf Kopieren und fügen Sie den Code in den
<head>der Seite ein.
Um eine bestehende Seite zu verbessern, klicken Sie auf Tags aus HTML übernehmen, fügen den Seitenquelltext ein und klicken auf Felder füllen. Das eingefügte HTML wird nur gelesen, nie ausgeführt.
Was jedes Tag bewirkt
| Tag | Genutzt von | Tipp |
|---|---|---|
<title> | Browser-Tab, Google-Ergebnis | Etwa 50 bis 60 Zeichen; die Suchbegriffe gehören an den Anfang |
meta description | Google-Snippet | Etwa 120 bis 155 Zeichen, die sagen, was die Seite dem Leser bietet |
link rel="canonical" | Die eine Adresse, die ranken soll, wenn mehrere URLs dieselbe Seite zeigen | |
og:title, og:description | Facebook, LinkedIn, WhatsApp, Slack | Darf kürzer und griffiger sein als der Suchtitel |
og:image | Alle Link-Vorschauen | 1200 × 630 Pixel, eine vollständige https://-Adresse, unter etwa 5 MB |
twitter:card | X | summary_large_image für ein breites Bild, summary für ein kleines Quadrat |
meta robots | Suchmaschinen | Wird nur hinzugefügt, wenn Sie die Indexierung oder das Folgen von Links abschalten |
Längengrenzen
Google kürzt Titel nach der Breite, bei ungefähr 580 Pixeln, was etwa 60 Zeichen normalem Text entspricht; breite Buchstaben wie W und M verbrauchen den Platz schneller. Beschreibungen werden auf dem Desktop meist nach etwa 155 bis 160 Zeichen abgeschnitten, auf dem Smartphone früher. Die Zähler werden orange, wenn Sie die bequeme Länge überschreiten, und rot, wenn der Text mit ziemlicher Sicherheit abgeschnitten wird.
Nach der Veröffentlichung
- Soziale Netzwerke speichern für jeden Link eine Kopie der Vorschau zwischen. Mit dem Facebook Sharing Debugger oder dem LinkedIn Post Inspector bringen Sie sie dazu, die neuen Tags einzulesen.
- Google wählt ein eigenes Snippet, wenn der Seitentext besser zu einer Suche passt als Ihre Beschreibung, und kann Titel umschreiben, die die Seite nicht beschreiben.
- Jede Seite sollte einen eigenen Titel und eine eigene Beschreibung haben; wiederholen sie sich auf der ganzen Website, sehen die Ergebnisse alle gleich aus.
Verwandte Werkzeuge
Um ein Vorschaubild im richtigen Format und in der richtigen Größe zu erstellen, nutzen Sie den Bildkonverter. Um Sonderzeichen in HTML von Hand zu maskieren, nutzen Sie den HTML Entity Encoder. Die Aufgabenseiten öffnen dieses Werkzeug mit einer bestimmten Vorschau: Open Graph Generator, Twitter Card Generator und Google-Vorschau.