Title-, Description-, Canonical-, Open-Graph- und Twitter-Tags schreiben, mit Live-Vorschau
Läuft in Ihrem Browser. Nichts, was Sie eingeben, wird irgendwohin gesendet.Meta-Tags bestimmen, wie eine Seite in einem Suchergebnis aussieht und wenn jemand sie teilt. Schreiben Sie Title und Description, während die Grenzen von 60 und 155 Zeichen mitgezählt werden, und übernehmen Sie dann die Canonical-, Open-Graph- und Twitter-Tags für Ihr head-Element.
Diese Seite wurde maschinell aus dem englischen Original übersetzt. Die Übersetzung wurde noch von keinem Menschen geprüft; maßgeblich ist die englische Fassung. Englisches Original lesen
Tippen Sie den Seitentitel und die Meta Description ein und achten Sie auf den Zeichenzähler unter jedem Feld.
Tragen Sie die Canonical-URL und das Teilen-Bild (og:image) als vollständige https://-Adressen ein.
Wählen Sie den X-Kartentyp und den Inhaltstyp (og:type) und stellen Sie die Schalter Indexierung erlauben und Links folgen ein.
Prüfen Sie den Google-Treffer und die Karte für geteilte Links im Bereich Vorschau.
Klicken Sie auf Kopieren und fügen Sie die Tags in den head Ihrer Seite ein.
Dieser Meta-Tag-Generator schreibt den HTML-Block, der in den head einer Seite gehört: Title-, Description-, Canonical-, Robots-, Open-Graph- und Twitter-Card-Tags. Sie füllen einfache Felder aus, und das fertige Markup erscheint neben einer Vorschau des Google-Treffers und der Teilen-Karte, die jedes Netzwerk daraus zeichnen würde.
Die meisten greifen in zwei Situationen dazu. Die erste ist eine neue Seite auf einer handgebauten Website oder mit einem Static-Site-Generator, bei der der head einmal und richtig geschrieben werden muss. Die zweite ist eine Seite, die sich schlecht teilen lässt: Der Link erscheint in WhatsApp als nackte URL, oder Google zeigt einen Satz, den niemand geschrieben hat. Die Vorschau zeigt die Ursache meist in wenigen Sekunden, in der Regel ein relativer og:image-Pfad oder eine fehlende Canonical.
Geprüft wird, was zählt, statt einer langen Punkteliste. Das Tool zählt Zeichen gegen die Längen, die Suchergebnisse und Karten tatsächlich anzeigen, verlangt, dass Canonical und og:image absolute Adressen sind, und meldet, wenn summary_large_image kein Bild zum Anzeigen hat. Alles läuft in Ihrem Browser, der Titel einer unveröffentlichten Seite verlässt also nie Ihren Laptop.
Kopieren Sie den Block mit einem Klick oder laden Sie ihn als .html-Schnipsel herunter. Wenn Sie schon eine Seite haben und prüfen wollen, was sie veröffentlicht, nutzen Sie stattdessen das Tool Open Graph Preview und Sitemap Generator, sobald die Seite online ist.
Zielen Sie auf etwa 60 Zeichen Title und 140 bis 155 Zeichen Description. Google misst Pixel, nicht Zeichen, die Zahlen sind also ein Richtwert. Stellen Sie die nützlichen Wörter nach vorn; alles nach dem Schnitt liest der Crawler zwar noch, der Leser sieht es aber nie.
Nein. Google nutzt das Meta-Tag keywords seit 2009 nicht mehr, und Bing wertet es als Spam-Signal. Dieser Generator schreibt keines. Setzen Sie Ihre Keywords stattdessen in Title, Description und Seitentext, wo sie tatsächlich gelesen werden.
Ein Canonical-Tag sagt Suchmaschinen, welche Adresse die echte ist, wenn dieselbe Seite unter mehreren URLs erreichbar ist, etwa mit Tracking-Parametern oder mit und ohne Schrägstrich am Ende. Der Wert muss eine absolute URL sein, die mit https:// beginnt, sonst wird er ignoriert.
Fast immer wegen eines fehlenden oder relativen og:image. Netzwerke laden das Bild von ihren eigenen Servern, die Adresse muss also absolut und öffentlich erreichbar sein. Facebook und LinkedIn speichern außerdem alte Karten zwischen; aktualisieren Sie sie nach der Korrektur des Tags in deren Debugger.
X greift auf og:-Tags zurück, wenn twitter:-Tags fehlen, der og-Block allein funktioniert also. Fügen Sie twitter:card hinzu, wenn Sie das breite Bild möchten, und twitter:site oder twitter:creator, wenn das Konto auf der Karte genannt werden soll.
Nein. Die Tags werden in Ihrem Browser mit JavaScript erstellt. Nichts wird an einen Server gesendet, Sie können also den head einer unveröffentlichten Seite oder einer internen Website entwerfen, ohne dass er Ihr Gerät verlässt.
Kommen Sie nicht weiter? Fragen Sie zu Meta-Tag-Generator und jeder, der es weiß, kann antworten. Kein Konto nötig.