Open Graph Meta-Tag-Generator
Kreieren Sie reelle HTML <meta> Open Graph Codeblöcke und sehen Sie im Voraus zu, wie die Vorschau Ihres Links bei Facebook, X oder LinkedIn im Feed aufblitzt.
Configure Open Graph Link Parameters
<!-- Open Graph Social Share Tags --> <meta property="og:title" content="The Ultimate Programmatic SEO Social Media Kit" /> <meta property="og:description" content="50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel." /> <meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop&q=80" /> <meta property="og:url" content="https://thesocialmediakit.com/tools" /> <meta property="og:type" content="website" /> <!-- X (Twitter) Card Meta --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="The Ultimate Programmatic SEO Social Media Kit" /> <meta name="twitter:description" content="50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel." /> <meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop&q=80" />
Paste this block inside the head section for instant rich cards.
🌐 Live Social Media Card Rendering Simulation
The Ultimate Programmatic SEO Social Media Kit
50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.
The Ultimate Programmatic SEO Social Media Kit
50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.
The Ultimate Programmatic SEO Social Media Kit
50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.
Profi-Tipp für Facebook / LinkedIn / X: Platzieren Sie Ihren wichtigsten Hook in den ersten 140 Zeichen für optimale Sichtbarkeit auf Mobilgeräten.
❓ Warum wird mein Beitragstext auf Facebook / LinkedIn / X auf Mobilgeräten früher abgeschnitten?
💡 Mobile Apps kürzen Beiträge ab ca. 140 Zeichen mit einem 'Mehr anzeigen'-Button. Platzieren Sie den wichtigsten Hook am Anfang und nutzen Sie saubere Zeilenumbrüche.
🚀 Anleitung Open Graph Meta-Tag-Generator
-
01
Fügen Sie Ihren Inhalt in den interaktiven Editor unten ein.
-
02
Verfolgen Sie die Echtzeit-Vorschauen, um Grenzen und Schutzzonen zu prüfen.
-
03
Passen Sie Formatierung, Abstände oder Zuschnitte pixelgenau an.
Plattformmaße & Formatierungs-Leitfaden für Facebook / LinkedIn / X
Anzeigemaße, Zeichenlimits und mobile Sicherheitszonen, getestet auf aktuellen Versionen der Facebook / LinkedIn / X-App.
| Spezifikation | Plattform-Standard | Praxistipp |
|---|---|---|
| Platform Caption Format | Facebook / LinkedIn / X Feed Post Caption | UTF-8 Unicode Compatible |
| Mobile Feed Truncation | LinkedIn (~140 Chars) / X (280 Chars) / IG (~125 Chars) | Hook Readers in First 100 Characters |
| Clean Line Spacing | Clean Paragraph Breaks | Stops iOS and Android Apps from Merging Lines |
| Maximum Character Limit | X (280) / IG (2,200) / LinkedIn (3,000) / TikTok (4,000) | Tracked in Real Time as You Type |
| Mobile Readability | Short, Scannable Paragraphs | Boosts Dwell Time & Reader Engagement |
Praxistipps für Creator
Bei der Veröffentlichung auf Facebook / LinkedIn / X verhindert die Einhaltung sichtbarer Sicherheitszonen, dass Texte oder Untertitel durch App-Schaltflächen (Likes, Kommentare, Teilen und Audio) überdeckt werden.
Alle Überprüfungen in Open Graph Meta-Tag-Generator laufen zu 100% lokal in Ihrem Webbrowser ab. Ihre Entwürfe werden niemals auf externe Server übertragen.
LinkedIn Beitrags-Formatierer
Prüfen Sie exakt, wo Ihr LinkedIn-Beitrag mit '...mehr' auf Mobilgeräten (~140 Zeichen) und Desktop (~210 Zeichen) abgeschnitten wird. Formatisieren Sie saubere Umbrüche.
LinkedIn Karussell- & PDF-Prüfer
Überprüfen Sie Abmessungen und Seitenverhältnisse (1:1 quadratisch oder 4:5 vertikal) von Karussell-Folien vor dem PDF-Upload, um verschwommene Bilder zu vermeiden.
💡 Häufig Gestellte Fragen
Q: Warum zeigt LinkedIn meinen Titel ohne Bild, obwohl die Open-Graph-Tags vorhanden sind?
Prüfe, ob die Tags im ausgelieferten HTML und nicht nur nach JavaScript-Ausführung stehen. Die Bild-URL muss öffentlich per HTTPS erreichbar sein, einen passenden Content-Type liefern und darf nicht durch Login, Firewall oder robots.txt blockiert werden.