RankEngineKurze Antwort: Füllen Sie die Felder aus und kopieren Sie den Tag-Block in Ihren
. Die Vorschau zeigt die 1,91:1-Karte, die die meisten Plattformen rendern. Verwenden Sie ein 1200 × 630 Bild und eine absolute HTTPS-URL — diese beiden Entscheidungen beheben die große Mehrheit der fehlerhaften Vorschauen.Kostenloses Tool
Open Graph Generator: kostenlose og: und Twitter-Karten-Tags
Die Tags, die wirklich zählen
| Tag | Warum |
|---|---|
og:title |
Die Überschrift auf der Karte. Nicht unbedingt dein SEO-Titel — dieser wird von einer Person gelesen, die durch einen Feed scrollt. |
og:description |
Ein oder zwei Zeilen. Wird auf LinkedIn und Facebook stark gekürzt. |
og:image |
Der wichtigste Faktor, ob der Link angeklickt wird. |
og:url |
Die kanonische URL. Hält getaggte oder parametrisierte Varianten in einem Eintrag zusammen. |
og:type |
website, article oder product. |
twitter:card |
Setze summary_large_image, sonst zeigt X ein kleines Thumbnail an. |
Alles andere ist optional, und die twitter:* Duplikate von Titel, Beschreibung und Bild sind nur nötig, wenn sie sich von den Open Graph-Werten unterscheiden sollen — X greift sonst auf og: zurück.
Bildregeln
- 1200 × 630 px, Verhältnis 1,91:1.
- Absolute HTTPS-URL. Ein relativer Pfad ist die häufigste Ursache für eine Karte ohne Bild; Scraper lösen diese nicht auf.
- Unter ~5 MB, idealerweise deutlich darunter.
- Halten Sie Text von den Rändern fern. Einige Oberflächen schneiden auf ein Quadrat zu, und eine Überschrift, die von Rand zu Rand verläuft, verliert ihre ersten und letzten Wörter.
- Verwenden Sie das Produktfoto nicht unverändert. Ein Produktfoto mit weißem Hintergrund ist auf einer Produktseite korrekt, aber in einem Feed unsichtbar. Eine Karte mit dem Produktnamen über dem Bild ist auch in der Miniaturansicht lesbar; das bloße Foto nicht.
Cache-Busting
Jede Plattform speichert ihren Abruf im Cache, oft für mehrere Tage. Wenn Sie das Bild unter derselben URL ersetzen, erscheint weiterhin das alte. Zwei Lösungen, nach Zuverlässigkeit geordnet:
- Ändern Sie die URL — neuer Dateiname oder
?v=2anhängen. Das funktioniert immer. - Erzwingen Sie einen erneuten Abruf — Facebook Sharing Debugger, LinkedIn Post Inspector oder X's Card Validator. Funktioniert meistens, gelegentlich nicht.
Shopify-Standardeinstellungen
Die meisten Themes geben bereits die vier wichtigsten Tags aus dem hervorgehobenen Bild und der Beschreibung des Produkts aus. Überprüfen Sie dies, bevor Sie eigene hinzufügen: Zwei og:image Tags auf einer Seite bedeuten, dass die Plattform eines auswählt, und welche das ist, können Sie nicht steuern.
Wenn die Standardeinstellungen Ihres Themes in Ordnung sind, ist die wertvollste Änderung in der Regel ein speziell angefertigtes Social-Media-Bild anstelle weiterer Tags. Social Sharing Image und SEO auf Shopify erklärt, wo das Theme dies festlegt und wie man es pro Produkt überschreibt.
Häufig gestellte Fragen
Was sind Open Graph-Tags?
Meta-Tags im <head>, die sozialen Plattformen und Messaging-Apps mitteilen, wie ein Link dargestellt werden soll: welcher Titel, welche Beschreibung und welches Bild in der Vorschaukarte angezeigt werden sollen. Ohne sie rät jede Plattform von der Seite, und das Ergebnis ist meist das erste gefundene Bild und ein gekürzter Textausschnitt.
Welche Größe sollte das og:image haben?
1200 × 630 px, ein Verhältnis von 1,91:1. Das wird korrekt als große Karte auf Facebook, LinkedIn, X und Slack dargestellt. Halten Sie es unter etwa 5 MB, verwenden Sie eine absolute HTTPS-URL und platzieren Sie wichtigen Text nicht zu nah an den Rändern, da einige Oberflächen auf ein Quadrat zuschneiden.
Brauche ich sowohl Twitter-Karten-Tags als auch Open Graph?
Meistens nicht. X greift auf Open Graph zurück, wenn die twitter:-Äquivalente fehlen, sodass og:title, og:description und og:image in der Regel ausreichen. Das einzige Tag, das es wert ist, explizit hinzugefügt zu werden, ist twitter:card, das auf summary_large_image gesetzt wird, um das große Format statt des kleinen Thumbnails auszuwählen.
Beeinflussen Open Graph-Tags SEO?
Nicht direkt — Google verwendet sie nicht für das Ranking. Sie beeinflussen, ob ein geteilter Link ansprechend aussieht, was sich auf Shares und den daraus resultierenden Traffic und Links auswirkt. Es ist ein indirekter Effekt, aber ein realer.
Ich habe mein Bild aktualisiert und das alte wird immer noch angezeigt. Warum?
Jede Plattform cached den Abruf aggressiv. Erzwingen Sie eine Aktualisierung mit dem Facebook Sharing Debugger, LinkedIn Post Inspector oder X Card Validator. Wenn sich das Bild unter derselben URL geändert hat, ändern Sie auch die URL — ein neuer Dateiname oder ein Query-String ist der einzige zuverlässige Weg, um einen hartnäckigen Cache zu umgehen.
Was macht Shopify standardmäßig?
Die meisten Themes geben og:title, og:description, og:image und og:url aus und verwenden das Hauptbild des Produkts. Das ist ein vernünftiger Standard, aber selten optimal: Ein Produktfoto auf weißem Hintergrund ergibt eine schwache Social Card im Vergleich zu einem speziell erstellten 1200 × 630 Bild mit dem Produktnamen.
Alle kostenlosen Tools
SEO Title Generator & Checker
Generate SEO titles from your keyword and check any title's character count, pixel width, and keyword position.
Meta Description Generator & SERP Preview
Generate high-converting meta descriptions and preview how your page looks in Google.
Keyword Density Checker
Paste any text and see keyword density, top 1–2–3-word phrases, and stuffing warnings.
Robots.txt Generator (AI-Crawler Aware)
Generate a correct robots.txt in seconds.
LSI & Related Keyword Generator
Generate related keywords, question keywords, and commercial long-tails from any seed term.
Image Alt Text Generator & Checker
Build descriptive, SEO-friendly alt text for product images and check existing alt text for length, redundancy, and stuffing.
Googlebot Simulator — See What Google Sees
Fetch any URL with Googlebot's user agent: status code, redirects, title, meta robots, canonical, X-Robots-Tag, H1s, and an indexability verdict.
Schema markup generator
Generate valid JSON-LD schema free: Product, FAQPage, BreadcrumbList, LocalBusiness and Article.
Hreflang tag generator
Build a valid hreflang cluster for every language version of a page, with x-default, and a built-in check that every URL points back at every other one..
UTM builder
Build consistent UTM-tagged campaign URLs free.
URL slug generator
Turn any title into a clean, lowercase, hyphenated URL slug.
Readability checker
Paste text and get Flesch Reading Ease, Flesch-Kincaid grade level, sentence length distribution and the specific sentences that are dragging the score down..
SERP preview tool
Preview how a title, URL and meta description will render in Google on desktop and mobile, measured in pixels rather than characters so truncation is accurate..
SEO ROI calculator
Estimate what a ranking improvement is worth: search volume, position-based CTR, conversion rate and order value, plus a payback period on your SEO spend..
SEO report generator
Generate an on-page SEO report for any URL: title and meta lengths, headings, canonical, schema types, image alt coverage, links and indexability, scored..
Verwandte Leitfäden
Open Graph Images on Shopify: Fix Your Link PreviewsShopify meta titles: fix duplicates at scaleShopify meta description: write ones that rankShopify noindex: keep the right pages out of Google
Run this across your whole catalog
RankEngine applies and verifies these fixes on every product in your Shopify store — automatically.
Install RankEngine free