Erfahre, wie du mit Open Graph Tags, Twitter Cards und Social-Media-Previews dafür sorgst, dass deine Website-Links auf Social Media optimal angezeigt werden.

Gratis Website-Checkliste für KMU
10 Punkte, die jede erfolgreiche KMU-Website braucht. Prüfe deine Website in 5 Minuten.
Kein Spam. Nur die Checkliste. Datenschutz
Pakete im Vergleich
Sieh dir alle Pakete im Detail an – mit Preisen und Leistungen.
Pakete ansehenPersönliche Beratung
Lassen Sie uns unverbindlich über Ihr Projekt sprechen.
Kontakt aufnehmenWeiterlesen
Von erster Eindruck bis technische Grundlagen: 17 Kapitel geballtes Praxiswissen für Schweizer KMU.
Du hast gerade einen grossartigen Blog-Beitrag veröffentlicht und teilst den Link auf LinkedIn. Doch statt eines ansprechenden Vorschaubilds mit Titel und Beschreibung erscheint nur ein trauriger grauer Kasten mit einer kryptischen URL. Kommt dir das bekannt vor?
Das Problem liegt an fehlenden oder falsch konfigurierten Open Graph Tags. Diese kleinen Meta-Angaben im HTML-Code deiner Website bestimmen, wie deine Inhalte auf Social Media, in Messengern und in Chat-Programmen dargestellt werden. Für Schweizer KMU, die über Social Media neue Kunden gewinnen wollen, ist das ein Detail, das einen grossen Unterschied macht.
In unserem umfassenden Perfekte Website Guide behandeln wir alle Aspekte einer professionellen Website. In diesem Beitrag fokussieren wir uns auf die Social-Sharing-Optimierung.
Das Open Graph Protocol wurde 2010 von Facebook (heute Meta) eingeführt und ist heute der Standard, den fast alle Plattformen verwenden, um Link-Vorschauen zu generieren. Es besteht aus Meta-Tags im <head>-Bereich deiner Website, die den Plattformen sagen, welches Bild, welcher Titel und welche Beschreibung angezeigt werden soll.
Jede Seite deiner Website sollte mindestens diese vier Open Graph Tags haben:
website, article, product).de_CH).Das Vorschaubild ist das Erste, was Nutzer sehen, wenn dein Link geteilt wird. Ein professionelles OG-Image kann die Klickrate dramatisch steigern.
Ein Berner Treuhandbüro hat seine LinkedIn-Klickrate um 65% gesteigert, nachdem es konsequent professionelle OG-Images mit dem Firmenlogo und einer klaren Botschaft einsetzte.
Auch ohne Grafikdesign-Kenntnisse kannst du ansprechende Vorschaubilder erstellen:
Während Open Graph Tags auf den meisten Plattformen funktionieren, hat X (ehemals Twitter) ein eigenes System: Twitter Cards. In der Praxis brauchst du beides.
summary_large_image für ein grosses Vorschaubild.og:title sein.og:description sein.og:image sein, aber die optimale Grösse ist 1200 x 628 Pixel.Wenn du nur Open Graph Tags und keine Twitter Card Tags hast, verwendet X als Fallback die OG-Tags. Es empfiehlt sich trotzdem, zumindest twitter:card explizit zu setzen, damit der richtige Kartentyp gewählt wird.
Jede Plattform hat ihre eigenen Eigenheiten bei der Darstellung von Link-Vorschauen. Hier ein Überblick über die wichtigsten Plattformen für Schweizer KMU:
LinkedIn ist für B2B-Unternehmen in der Schweiz oft die wichtigste Social-Media-Plattform. Beachte:
Für viele Schweizer KMU ist WhatsApp der wichtigste Kanal, über den Kunden Links teilen:
Bevor du Inhalte teilst, solltest du immer testen, wie die Vorschau aussieht. Hier sind die wichtigsten Debug-Tools:
og:image und og:url müssen immer absolute URLs sein (mit https://).Die Implementierung von Open Graph Tags hängt von deiner technischen Plattform ab:
Die meisten SEO-Plugins (Yoast SEO, Rank Math, The SEO Framework) generieren automatisch Open Graph Tags. Du kannst Titel, Beschreibung und Bild pro Seite individuell anpassen.
In Next.js kannst du Open Graph Tags über die Metadata API oder über next/head setzen. Bei D3 Webstudio setzen wir OG-Tags automatisch für jede Seite, inklusive dynamisch generierter OG-Images für Blog-Beiträge.
Für statische Seiten fügst du die Meta-Tags direkt in den <head>-Bereich jeder HTML-Datei ein. Bei mehreren Seiten lohnt sich ein Template-System, das die Tags automatisch generiert.
Nutze diese Checkliste, bevor du eine neue Seite veröffentlichst:
summary_large_image gesetzt?Nein, Open Graph Tags haben keinen direkten Einfluss auf dein Google-Ranking. Sie verbessern aber die Darstellung in sozialen Netzwerken, was zu mehr Klicks und Traffic führen kann. Indirekt kann das positive Signale an Google senden.
Idealerweise ja. Wenn das aber zu aufwändig ist, setze zumindest für die wichtigsten Seiten (Startseite, Dienstleistungen, meistbesuchte Blog-Beiträge) individuelle Bilder. Für die übrigen Seiten kannst du ein allgemeines Fallback-Bild mit deinem Logo verwenden.
Nein, beide Plattformen nutzen og:image. Du kannst aber für X ein separates Bild über twitter:image setzen. Für die übrigen Plattformen gilt: Ein gutes Bild im Format 1200 x 630 Pixel funktioniert überall.
Aktualisiere sie, wenn sich der Inhalt wesentlich ändert. Für Blog-Beiträge reicht es, die Tags bei der Veröffentlichung korrekt zu setzen. Vergiss nach Änderungen nicht, den Cache bei LinkedIn und Facebook zu leeren.
Open Graph Tags sind eine dieser kleinen technischen Massnahmen, die einen überraschend grossen Effekt haben. Für Schweizer KMU, die LinkedIn, Facebook und WhatsApp für ihre Kundengewinnung nutzen, sind professionelle Link-Vorschauen kein Nice-to-have, sondern Pflicht.
Mehr dazu, wie du deine Website ganzheitlich für den Erfolg aufstellst, findest du in unserem Perfekte Website Guide.
Möchtest du eine Website, die auf Social Media professionell auftritt? Unser Website-Konfigurator hilft dir, ein Angebot zusammenzustellen, das Social-Media-Optimierung, SEO und modernes Design vereint. Probiere es jetzt aus.