Bevor eine Seite rankt, muss ein Mensch sie aus einer Ergebnisliste oder einem Link im Chat auswählen, und die wenigen Tags im Kopf der Seite entscheiden, was er dabei sieht. Dieser Generator schreibt sie für dich: Titel und Beschreibung für Suchmaschinen, die Canonical-Adresse und die Open-Graph- und Twitter-Card-Tags, die bestimmen, wie ein geteilter Link aussieht. Eine Live-Vorschau zeigt beides, und Zähler verraten, wenn ein Titel oder eine Beschreibung abgeschnitten werden könnte.
Tags in drei Schritten erstellen
- Trage Seitentitel, Beschreibung und Seiten-URL ein.
- Füge für eine ansprechende Link-Vorschau die Adresse eines Vorschaubilds und den Namen der Website hinzu und wähle den Kartenstil.
- Prüfe die beiden Vorschauen, drücke dann Kopieren und füge die Zeilen in den Kopf deiner Seite ein.
Was erzeugt wird
- Die Tags title und description, die Suchmaschinen in den Ergebnissen zeigen.
- Ein Canonical-Link, der die bevorzugte Adresse nennt, wenn eine Seite unter mehreren erreichbar ist.
- Open-Graph-Tags (og:title, og:description, og:image, og:url, og:type), die Facebook, LinkedIn, WhatsApp, Slack und andere lesen.
- Twitter-Card-Tags für eine große oder kleine Vorschau auf X.
- Optionale Tags für Robots, Themenfarbe, charset und viewport.
Längen, die funktionieren
Suchmaschinen kürzen Titel bei etwa 60 Zeichen und Beschreibungen bei etwa 160, wobei die echte Grenze von der Breite in Pixeln abhängt. Die Zähler markieren Text, der etwas kurz ist, eine gute Länge hat oder wahrscheinlich abgeschnitten wird. Ein guter Titel nennt zuerst das Thema und zuletzt die Marke, und eine gute Beschreibung beantwortet, was Besucher auf der Seite finden, in klaren Worten statt in einer Liste von Schlüsselwörtern.
Vorschaubilder und Tests
Ein Vorschaubild von 1200 mal 630 Pixeln funktioniert in fast jedem Netzwerk. Nimm eine vollständige Adresse mit https, denn relative Pfade werden nicht verfolgt. Nach der Veröffentlichung speichern die Netzwerke, was sie gesehen haben, nutze also deren eigene Debug-Werkzeuge, um einen Link zu aktualisieren. Die Vorschau hier nutzt den eingegebenen Text und lädt dein Bild nicht, es wird also nichts bei anderen Servern angefragt.