Zuhause / Kostenlose Tools / Social Share Preview

So sieht Ihre Seite aus, wenn jemand den Link teilt

Sehen Sie die Karte, die sechs Plattformen bauen, wenn jemand einen Link zu Ihrer Seite teilt.

Wer einen Link teilt, bekommt nicht einfach die Adresse angezeigt. Die Plattform ruft die Seite ab, liest ein paar Tags aus dem head und baut daraus eine Karte: ein Bild, eine Überschrift, eine Zeile Text. Welche Tags sie liest, hängt davon ab, wo der Link gepostet wurde. X sucht zuerst nach den eigenen Tags und greift erst dann auf Open Graph zurück, während Facebook und LinkedIn ausschließlich Open Graph lesen. Fehlt ein Tag, bleibt keine Lücke; die Plattform nimmt stattdessen etwas von der Seite, und das ist oft der erste Text, den sie findet. Geben Sie unten eine Adresse ein, um die Tags einer Seite zu lesen, oder schreiben Sie sie selbst, und die Karte wird so gezeichnet, wie jede der sechs Plattformen sie baut.

Hier wird nichts gespeichert. Eine eingegebene Adresse geht an sona.to, das die Tags dieser Seite liest und zurückgibt. Die Seite selbst wird nicht aufbewahrt.
X X Tags zuerst
Facebook Nur Open Graph
LinkedIn Keine Beschreibung zu sehen
Slack Beide Tag-Sätze
Discord Beide Tag-Sätze
WhatsApp

Welche Tags eine Plattform liest

X prüft zuerst die eigenen Tags und greift auf Open Graph zurück, wenn sie fehlen. Facebook und LinkedIn lesen ausschließlich Open Graph, ein X Tag bringt dort also gar nichts. Slack und Discord nehmen beides. Eine einzige Seite kann so sechs Karten erzeugen, die nicht zueinander passen, und eine Überschrift, die Sie sicher gesetzt haben, kann auf der Hälfte davon fehlen. Jede Vorschau hier folgt der Reihenfolge, die die jeweilige Plattform tatsächlich verwendet.

Facebook und LinkedIn merken sich, was sie gelesen haben

Beide behalten eine Kopie dessen, was sie beim ersten Abruf Ihrer Seite gefunden haben, und halten sie lange. Sie korrigieren die Tags und die Karte ändert sich trotzdem nicht, was der häufigste Grund dafür ist, dass eine richtige Korrektur wie ein Fehlschlag aussieht. Sie müssen die Plattform bitten, die Seite erneut zu lesen, und beide bieten dafür ein Werkzeug: den Sharing Debugger bei Facebook, den Post Inspector bei LinkedIn. Kein Werkzeug kann diese Caches für Sie leeren, dieses eingeschlossen. Was Sie hier sehen, ist das, was die Tags jetzt sagen, nicht das, was Facebook noch anzeigt.

Ein fehlendes Tag ist keine Lücke

Plattformen setzen etwas ein, statt eine Lücke zu lassen. Ohne Beschreibungs-Tag nehmen sie eine Zeile von der Seite, meist den ersten Text, der ihnen begegnet, und auf vielen Seiten ist das ein Menüpunkt oder ein Cookie-Hinweis. Ohne Bild schrumpft die Karte auf eine Textzeile neben einem Favicon. Die Vorschauen bilden diese Ersetzungen ab.

Größe, und wo der Beschnitt landet

Unter etwa 600px Breite zeigen die meisten Plattformen die große Bildkarte nicht mehr und fallen auf ein kleines Vorschaubild neben dem Text zurück, was eine deutlich schwächere Karte ist. 1200 mal 630 ist die Größe, auf die die meisten zielen. Beschnitten wird aus der Mitte, also kann alles nahe am oberen, unteren oder seitlichen Rand verschwinden: eine Telefonnummer am unteren Rand eines Fotos, ein Name über einem Plakat. Das Bild wird hier in Ihrem Browser geladen und gemessen, die angezeigte Größe ist also die echte und nicht das, was das Breiten-Tag behauptet.

Was es zeigt

Ein Satz Tags, sechs Karten, weil die Plattformen sie nicht gleich lesen.

Sechs Plattformen
  • Im Layout der jeweiligen Plattform
  • In der Tag-Reihenfolge, die jede nutzt
  • Nebeneinander
Das Bild
  • In Ihrem Browser gemessen
  • Echte Pixel, nicht das Tag
  • Beschnitten, wie es beschnitten wird
Die Wörter
  • Überschrift und Beschreibung
  • Wo jede abgeschnitten wird
  • Aus welchem Tag jede stammt
Von einer Live-Seite gelesen
  • Welche Tags auch immer da sind
  • Jedem Fallback gefolgt
  • Nichts aufbewahrt
So wird sie verwendet
1
Adresse eingeben
Tippen Sie die Adresse der Seite ein oder fügen Sie sie ein. Titel, Beschreibung, Canonical, Favicon und jedes Open Graph und X Tag werden gelesen und unten eingetragen.
2
Oder schreiben Sie die Tags selbst
Lassen Sie die Adresse leer und tippen Sie eine Überschrift, eine Beschreibung und die Adresse eines Bildes ein. Nützlich, um einen Satz Tags auszuprobieren, bevor Sie ihn auf die Seite setzen.
3
Die sechs Karten lesen
Sehen Sie, wo Überschrift und Beschreibung abgeschnitten werden und was jede Plattform für alles Weggelassene eingesetzt hat.
4
Tags ändern, dann um erneutes Lesen bitten
Die Tags gehören in den head der Seite. Bei Facebook und LinkedIn bleibt die alte Karte stehen, bis Sie um einen neuen Blick bitten.
Was diese Wörter bedeuten
Open Graph
Ein Satz Meta-Tags im head einer Seite, deren Namen alle mit og beginnen und die einer Plattform sagen, welches Bild, welche Überschrift und welche Beschreibung sie nehmen soll. Facebook hat sie eingeführt, und die meisten Plattformen lesen sie inzwischen.
Karte
Was eine Plattform anstelle eines nackten Links zeichnet: ein Bild, eine Überschrift, eine Zeile Text und den Domainnamen. Form und überlebende Textmenge unterscheiden sich je nach Plattform.
Cache
Die Kopie dessen, was eine Plattform von Ihrer Seite gelesen hat. Facebook und LinkedIn halten beide eine, weshalb die angezeigte Karte älter sein kann als die Tags auf der Seite.
Fragen