Zum Hauptinhalt springen

Tools OG / Social-Vorschau

SOCIAL CARDS. LOKAL MOCKEN.

Titel, Description und Bild als Näherung für Facebook, LinkedIn, X, WhatsApp, Slack und Discord. Felder tippen oder Meta-HTML einfügen. Kein Remote-Fetch, keine Social-API — alles bleibt im Browser.

  • Lokal Kein Seiten-Abruf.
  • Näherung Nicht pixelgenau.
  • Meta og:* lokal parsen.

Open-Graph und Social-Cards lokal mocken

OG Lokal Kein Fetch

Cards sind eine Näherung, nicht pixelgenau. Kein Abruf bei Facebook, LinkedIn, X, WhatsApp, Slack oder Discord — nur Deine Eingaben im Browser.

0 Zeichen
0 Zeichen

Meta-HTML lokal einfügen

Facebook Näherung · lokal, nicht pixelgenau
Kein Bild · Crop ~1,91:1

SITE

Titel der Seite

Beschreibung erscheint hier.

LinkedIn Näherung · lokal, nicht pixelgenau
Kein Bild · Crop ~1,91:1

Titel der Seite

Beschreibung erscheint hier.

Sitename

X / Twitter Näherung · lokal, nicht pixelgenau
Kein Bild · Crop ~1,91:1

Titel der Seite

Beschreibung erscheint hier.

beispiel.at

WhatsApp Näherung · lokal, nicht pixelgenau
Kein Bild

Sitename

Titel der Seite

Beschreibung erscheint hier.

beispiel.at

Slack Näherung · lokal, nicht pixelgenau

Sitename

Titel der Seite

Beschreibung erscheint hier.

Kein Bild · Crop ~1,91:1
Discord Näherung · lokal, nicht pixelgenau

Sitename

Titel der Seite

Beschreibung erscheint hier.

Kein Bild · Crop ~1,91:1

Wann nutzen / wann nicht

Wann nutzen

Share-Cards vor dem Go-live mocken — Titel, Text und Bild lokal.

Wann nicht

Kein Remote-Fetch und nicht pixelgenau.

So funktioniert's

  1. 01

    Felder oder Meta eintragen. Titel, Description, Bild-URL oder lokale Datei, Sitename und URL. Optional Meta-HTML einfügen — die Parsing läuft nur lokal.

  2. 02

    Karten lesen. Facebook, LinkedIn, X, WhatsApp, Slack und Discord als Näherung prüfen. Längen-Hinweise helfen, Texte nicht zu stopfen. Kein Pixel-1:1.

  3. 03

    Bild ehrlich prüfen. Eine Bild-URL zeigt der Browser selbst; scheitert sie (z. B. CORS oder 404), sagt das Tool das. Remote-Seiten holt es nicht.

Vorschau und Meta-Hilfe. Einbau und Share-Setup bleiben Webentwicklung bzw. Content. Webentwicklung .

OFT GEFRAGT

Holt das Tool meine Seite von Facebook oder LinkedIn?

Nein. Es gibt keinen Remote-Fetch und keine Social-API. Du tippst Felder ein oder fügst Meta-HTML ein — alles bleibt im Browser.

Sind die Cards pixelgenau?

Nein. Es sind bewusst als Vorschau markierte Näherungen. Layouts und Kürzungen der Netzwerke ändern sich.

Warum lädt mein Bild-URL nicht?

Der Browser lädt die URL selbst. Blockiert CORS, fehlt die Datei oder ist die URL falsch, siehst Du einen ehrlichen Fehler — das Tool kann Remote-Seiten nicht umgehen.

Bleibt eine lokale Bilddatei auf dem Gerät?

Ja. Die Datei wird nur als Object-URL im Speicher gehalten und nicht hochgeladen.

Ersetzt das eure Webentwicklung?

Nein. Es hilft beim Formulieren der Meta-Felder. Einbau und Share-Setup bleiben Webentwicklung bzw. Content.

LASS UNS GEMEINSAM
DEINEN AUFTRITT ROCKEN

Bereit für den nächsten Schritt? Dann melde Dich jetzt direkt für Dein unverbindliches Erstgespräch!

Schnellsuche

↑↓ wählen Enter öffnen StrgEnter neuer Tab Esc schließen