Vorschau in sozialen Medien

Was wir prüfen

Wir lesen auf der Startseite die Open-Graph-Angaben, die Netzwerke für die Vorschau verwenden:

• og:title (Titel der Vorschau),
• og:description (kurze Beschreibung),
• og:image (Vorschaubild).

Fehlen alle drei, gibt es eine Warnung. Fehlen einzelne, einen Hinweis. Sind sie vollständig, schauen wir noch auf og:url (die Adresse, unter der die Netzwerke die Seite zählen) und og:type (die Art der Seite, meist website); fehlen sie, gibt es einen Hinweis. Zusätzlich prüfen wir die Angabe twitter:card, die X (früher Twitter) für eine grosse Vorschau braucht.

Warum das wichtig ist

Eine Website wird öfter geteilt, als man denkt: von Besuchern in WhatsApp-Gruppen, von Mitarbeitenden auf LinkedIn, in Teams-Chats, in Newslettern. Jedes Mal entsteht eine kleine Vorschau-Karte mit Bild, Titel und Text.

Fehlen die Angaben, rät die App: Sie zeigt das Logo verzerrt, ein zufälliges Bild der Seite, einen Ausschnitt aus dem Cookie-Hinweis oder nur die nackte Adresse. Eine durchdachte Vorschau mit einem guten Bild wird deutlich häufiger angeklickt und wirkt professionell, bevor jemand die Website überhaupt geöffnet hat.

So behebst Du es

Diese Angaben gehören in den Kopf der Seite:

<meta property="og:title" content="Wanderschuhe und Outdoor-Bekleidung – Muster Sport">
<meta property="og:description" content="Über 40 Marken. Lieferung am nächsten Arbeitstag.">
<meta property="og:image" content="https://www.beispiel.ch/bilder/vorschau.jpg">
<meta property="og:url" content="https://www.beispiel.ch/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Tipps zum Bild:

• 1200 × 630 Pixel, Querformat.
• Ein echtes Foto der Menschen, Produkte oder Arbeit hinter der Website wirkt besser als ein Logo auf weissem Grund.
• Wenig Text im Bild, der Titel steht ohnehin daneben.
• Vollständige Adresse mit https:// angeben, keine relative.

WordPress

Yoast SEO und Rank Math haben im Seiten-Editor einen Reiter «Social» für Titel, Beschreibung und Bild. In den allgemeinen Einstellungen legst Du ein Standardbild für alle Seiten fest.

Wix, Jimdo, Squarespace

In den SEO-Einstellungen jeder Seite gibt es einen Bereich «Social Share» oder «Soziale Netzwerke» für Bild und Texte. Squarespace verwendet zudem ein Standardbild aus den Website-Einstellungen.

So prüfst Du es selbst

Füg die Adresse der Startseite in den «Post Inspector» von LinkedIn ein (linkedin.com/post-inspector) oder schick sie Dir selbst per WhatsApp. So siehst Du die Vorschau genau so, wie andere sie sehen.

Häufige Fragen

Ich habe das Bild geändert, aber LinkedIn zeigt noch das alte. Warum?

Soziale Netzwerke speichern die Vorschau zwischen. Mit dem «Post Inspector» von LinkedIn oder dem «Sharing Debugger» von Facebook lädst Du sie neu.

Welches Format soll das Vorschaubild haben?

1200 × 630 Pixel im Querformat, als JPG oder PNG und unter 1 MB. Wichtige Inhalte gehören in die Mitte, weil manche Apps das Bild quadratisch zuschneiden.