LM—
—
—
Werkzeug 03 · Titel, Beschreibung, Teilen-Vorschau
Meta-Tag- und Vorschau-Generator
Der Titel und die Beschreibung sind das Einzige, was ein Kunde von Ihnen sieht, bevor er klickt. Hier tippen Sie beides ein, sehen sofort, wie es bei Google und beim Teilen aussieht, und nehmen den fertigen Code mit.
Ihre Angaben
——
Google schneidet nach rund 600 Pixeln ab, nicht nach einer festen Zeichenzahl — ein «W» braucht dreimal so viel Platz wie ein «i». Deshalb wird hier gemessen.
——
Rund 990 Pixel über zwei Zeilen. Was danach kommt, sieht niemand.
Ohne Bild bleibt beim Teilen eine graue Fläche. Das Bild muss öffentlich erreichbar sein und darf nicht per Anmeldung geschützt sein.
So sieht es aus
Bei Google
——
—
—
Beim Teilen (WhatsApp, LinkedIn, Facebook)
Kein Vorschaubild angegeben — hier bliebe eine graue Fläche.
Die Darstellung ist nachgebaut. Jeder Dienst setzt sie leicht anders um — Reihenfolge und Abschneidepunkt bleiben aber gleich.
Befunde
Fertiger Code für den <head>
Diese Zeilen gehören zwischen <head> und </head>, direkt
nach der Zeile mit charset. Vorhandene Zeilen mit demselben Namen ersetzen —
zwei Titel oder zwei Beschreibungen sind schlimmer als eine falsche.
Nächster Schritt
Sie wissen jetzt, wie es aussehen soll — aber nicht, wo es hingehört?
Wir bauen und pflegen Websites für kleine Betriebe im DACH-Raum. Ein Ansprechpartner, Festpreis, und Sie sehen den Entwurf, bevor Sie sich entscheiden.