Wissensecke · 3 Min. Lesezeit
Vorschaubild und Favicon: Gut aussehen beim Teilen
Teilt jemand Ihre Seite per WhatsApp, Facebook oder LinkedIn, erscheint eine kleine Vorschau. Ohne Vorgaben greifen die Dienste irgendein Bild von der Seite heraus, im schlimmsten Fall ein Logo eines Partners oder gar keins.
Das Vorschaubild (Open Graph)
Mit wenigen Zeilen im <head> legen Sie Bild, Titel und Text der Vorschau selbst fest:
<meta property="og:title" content="Bäckerei Mustermann">
<meta property="og:description" content="Brot aus dem Steinofen in Kalbach">
<meta property="og:image" content="https://example.de/vorschau.jpg">- Bildgröße 1200 × 630 Pixel, als JPG oder PNG
- Wichtige Inhalte mittig, weil manche Dienste die Ränder abschneiden
- Wenig Text, gut lesbar auch in klein
- Für Ihr Angebot werben, nicht für ein einzelnes Event oder einen Partner
Facebook und WhatsApp merken sich alte Vorschauen eine Weile. Mit dem „Sharing Debugger“ von Facebook lässt sich die Vorschau sofort neu laden.
Das Favicon
Das Favicon ist das kleine Symbol im Browser-Tab, in Lesezeichen und auf dem Handy-Startbildschirm. Fehlt es, erscheint ein leeres Standardsymbol. Wer viele Tabs offen hat, findet Ihre Seite dann schlechter wieder.
Ideal ist ein vereinfachtes Logo, das auch bei 16 × 16 Pixeln noch erkennbar ist, dazu eine größere Variante (180 × 180) für Apple-Geräte.
Wie steht Ihre Seite da?
Der kostenlose Schnellcheck prüft diesen und zwölf weitere Punkte in wenigen Sekunden. Und wenn etwas hakt: Ich behebe es gern für Sie.