Skip to content
FIGGSHIELD
Für Webentwickler

Open-Graph-Bilder mit einem KI-Agenten erzeugen

Die Vorschaukarte für jede Seite, generiert über MCP statt im Grafikprogramm.

Start the $5 trial

Cancel anytime before day 7 · no lock-in

Was ein og:image technisch erfüllen muss

Die Vorschau, die ein geteilter Link auf LinkedIn, X oder in Slack zeigt, stammt aus wenigen Meta-Tags im <head>. Entscheidend ist og:image, und der Wert muss eine absolute URL sein, kein relativer Pfad.

Die verlässliche Fläche ist 1200 mal 630 Pixel, ein Seitenverhältnis von 1.91:1. Halte die Datei unter etwa 1 MB.

Crawler cachen das Bild beim ersten Abruf. Ein späterer Austausch der Grafik erfordert deshalb ein erneutes Scrapen im Debugger der jeweiligen Plattform.

Die Meta-Tags vollständig setzen

Neben og:image gehören für eine saubere Karte weitere Tags dazu:

  • og:image:width und og:image:height mit 1200 und 630
  • og:image:secure_url für die HTTPS-Auslieferung
  • twitter:card auf summary_large_image und zusätzlich twitter:image
  • og:image:alt als Alternativtext

Das Bild über den Agenten erzeugen

Figgshield ist ein MCP-Server unter https://api.figgshield.ai/mcp. Nach dem Verbinden in Claude, Claude Code, Cursor, Windsurf oder ChatGPT im Developer Mode beschreibst du die Karte in normaler Sprache, und der Agent ruft das Bildwerkzeug auf.

Das Bildmodell ist Nano Banana 2 von Google. Die Auflösung 1K oder 2K kostet 8 Credits, 4K kostet 16. Für eine Karte mit 1200 mal 630 Pixeln liefert 2K genug Reserve, um exakt auf 1.91:1 zuzuschneiden.

Ein Prompt bleibt knapp: Social-Card 1200x630, anthrazitfarbener Hintergrund, Titel 'Schneller deployen' in Weiß, kleines Logo unten links. Entweder lässt du den Text direkt einbetten oder du hältst Fläche frei und legst die Typografie im Build über ein eigenes Template darüber.

Datenschutz: was gespeichert wird und was nicht

Für ein Projekt in Deutschland ist relevant, was mit den Dateien passiert. Ein Referenzbild, das du zur Vorlage schickst, etwa euer Logo, wird nur im Arbeitsspeicher zur Generierung genutzt und nicht abgelegt. Du kannst also auch unveröffentlichtes Material übergeben.

Jede erzeugte Datei liegt für 7 Tage hinter einem privaten Link und wird danach gelöscht. Das ist bewusst befristeter Speicher und kein dauerhaftes Hosting.

Für die Auslieferung heißt das: Lade die Datei herunter und lege sie in eine Quelle unter deiner Kontrolle. So bleibt die Datenhaltung im Rahmen deiner eigenen Systeme.

Der 7-Tage-Link in der Build-Pipeline

Weil der Link nach einer Woche verfällt, darf og:image nicht direkt darauf zeigen. Sonst fehlt die Karte nach sieben Tagen.

Committe die Datei ins Repository oder schiebe sie in denselben Bucket oder das CDN, das deine übrigen statischen Assets ausliefert. Das Meta-Tag verweist dann auf eine URL mit definierten Cache-Headern, die du selbst versionierst.

Kosten und Videovorschau

Ein einziges Guthaben deckt Bilder und Video ab, und Figgshield rechnet zum Einkaufspreis ab, ohne Aufschlag auf die Modelle. Eine bereits erzeugte Karte lässt sich per Bild-id an Kling 3 oder die schnellere Turbo-Stufe übergeben und wird zu einem Fünf-Sekunden-Clip für 35 Credits.

Die Pro-Testphase für 5 Dollar über 7 Tage enthält 150 Credits, also rund achtzehn Bilder. Wer vor dem siebten Tag kündigt, zahlt nichts weiter. Ein kostenloses Kontingent gibt es nicht. Details stehen unter wie Credits funktionieren.

Point your agent here

https://api.figgshield.ai/mcp

Setup · Pricing · Alle Artikel