Kostenloser Open-Graph-Bild-Generator (OG-Bild) und Vorschau | We.Inc
Erstelle ein Open-Graph-Bild mit 1200 x 630 Pixeln im Browser: Titel, Untertitel, Markenfarben und Logo. Lade eine PNG-Datei herunter, prüfe Vorschaukarten für Facebook, LinkedIn und X und kopiere die Meta-Tags. Kostenlos.
Open-Graph-Bild-Generator und Vorschau
Gestalte das Bild, das beim Teilen deines Links erscheint. Gib Titel und Untertitel ein, wähle Farben und Layout, füge dein Logo hinzu und lade eine PNG-Datei mit 1200 x 630 Pixeln herunter. Prüfe dann, wie die Vorschaukarte auf Facebook, LinkedIn und X aussieht, und kopiere die Meta-Tags für deine Seite. Alles läuft in deinem Browser. Nichts, was du eingibst oder hochlädst, wird an We.Inc oder andere gesendet.
Gib Titel und optional Untertitel sowie den Website-Namen ein. Lange Titel werden auf bis zu drei Zeilen umbrochen.
Wähle ein Layout sowie Hintergrund- und Textfarbe oder eine der Farbvorlagen.
Lade optional dein Logo hoch (PNG, JPG, SVG oder WebP). Es wird in die Ecke gesetzt und verlässt dein Gerät nie.
Klicke auf „PNG herunterladen“, um ein Bild mit 1200 x 630 Pixeln zu speichern. Diese Größe verwenden Facebook, LinkedIn und X für große Linkvorschauen.
Lade das Bild auf deine Website hoch, füge seine vollständige URL in das Feld „Bild-URL“ ein und kopiere die generierten Meta-Tags in den <head>-Bereich deiner Seite.
Halte den Titel unter etwa 60 Zeichen und groß genug, um ihn auf einem Smartphone zu lesen. Dort sind Vorschaukarten klein.
Lass um den Text herum einen Rand. Einige Apps schneiden die Ränder ab oder zeigen das Bild quadratisch an.
Sorge für starken Kontrast zwischen Text und Hintergrund. Der Kontrastprüfer kann das bestätigen.
Nach der Veröffentlichung speichern soziale Apps das alte Bild im Cache. Mit dem Sharing Debugger von Facebook oder dem Post Inspector von LinkedIn kannst du es aktualisieren.
Gib jeder wichtigen Seite ein eigenes Bild. Eine allgemeine Logokarte erhält weniger Klicks als ein Bild mit dem Seitentitel.
Häufige Fragen
Welche Größe sollte ein Open-Graph-Bild haben?
1200 x 630 Pixel (Seitenverhältnis 1.91:1) ist die Standardgröße für große Karten bei Facebook, LinkedIn und X. Dieser Generator exportiert immer genau diese Größe.
Ist dieser OG-Bild-Generator kostenlos?
Ja. Ohne Anmeldung und ohne Wasserzeichen. Das Bild wird auf einer Zeichenfläche in deinem Browser erstellt und direkt auf dein Gerät heruntergeladen.
Wird mein Logo irgendwo hochgeladen?
Nein. Dein Browser liest das Logo ein und zeichnet es lokal auf das Bild. Nichts wird an We.Inc gesendet.
Wie füge ich das Bild zu meiner Website hinzu?
Lade die PNG-Datei mit einer öffentlichen URL auf deine Website hoch und füge <meta property="og:image" content="that URL"> sowie ein twitter:image-Tag in den <head>-Bereich der Seite ein. Füge die URL im Tool ein, dann erstellt es die Tags für dich.
Warum wird beim Teilen meines Links noch das alte Bild angezeigt?
Soziale Netzwerke speichern Vorschauen im Cache. Rufe die URL mit dem Sharing Debugger von Facebook oder dem Post Inspector von LinkedIn erneut ab oder warte, bis der Cache abläuft.
Kann das Tool die Tags von meiner Live-Seite lesen?
Nein. Browser verhindern, dass eine Website eine andere ausliest. Gib deshalb Titel, Beschreibung und Bild-URL selbst ein. Das Tool zeigt dir, wie sie aussehen werden.
Was ein Open-Graph-Bild bewirkt
Wird ein Link in Facebook, LinkedIn, X, Slack oder einer Messaging-App eingefügt, liest die App die Open-Graph-Tags der Seite und zeigt eine Karte mit Bild, Titel und kurzer Beschreibung. Das Bild ist der größte Teil dieser Karte und entscheidet daher, ob Menschen den Link überhaupt bemerken.
Fehlt ein og:image-Tag, zeigen Apps entweder kein Bild oder wählen zufällig eines von der Seite aus. Ein einfaches Bild mit Seitentitel und Marke reicht, damit der Link bewusst gestaltet wirkt.
Ein gutes OG-Bild in drei Regeln
Erkläre in wenigen Worten und großer Schrift, worum es auf der Seite geht. Verwende deine Markenfarben, damit Menschen dich bei geteilten Inhalten wiedererkennen. Halte wichtige Inhalte von den Rändern fern, da manche Apps quadratisch zuschneiden oder die Ecken abrunden.
Bei einer We.Inc-Website
Bei Websites von We.Inc kannst du Seitentitel, Beschreibung und Vorschaubild im SEO-Bereich festlegen. Die Tags werden dann automatisch erstellt. Dieses Tool funktioniert mit jeder Website und hilft dir, das Vorschaubild selbst zu erstellen.