RankEngineRéponse rapide : remplissez les champs et copiez le bloc de balises dans votre <head>. L'aperçu montre la carte 1,91:1 que la plupart des plateformes affichent. Utilisez une image de 1200 × 630 et une URL HTTPS absolue — ces deux choix corrigent la grande majorité des aperçus défectueux.
Outil gratuit
Générateur Open Graph — balises og: et Twitter gratuites
Les balises qui comptent vraiment
| Balise | Pourquoi |
|---|---|
og:title |
Le titre sur la carte. Pas nécessairement votre titre SEO — celui-ci est lu par une personne faisant défiler un fil d'actualités. |
og:description |
Une ou deux lignes. Fortement raccourci sur LinkedIn et Facebook. |
og:image |
Le facteur le plus déterminant pour savoir si le lien sera cliqué. |
og:url |
L'URL canonique. Permet de consolider les partages de variantes étiquetées ou paramétrées en une seule entrée. |
og:type |
website, article ou product. |
twitter:card |
Définir summary_large_image ou X affiche une petite vignette. |
Tout le reste est facultatif, et les doublons twitter:* de titre, description et image ne sont nécessaires que si vous souhaitez qu'ils diffèrent des valeurs Open Graph — X utilise par défaut og: sinon.
Règles d'image
- 1200 × 630 px, ratio 1,91:1.
- URL HTTPS absolue. Un chemin relatif est la cause la plus courante d'une carte sans image ; les scrapers ne les résolvent pas.
- Moins de ~5 MB, idéalement bien moins.
- Évitez le texte près des bords. Certaines surfaces recadrent en carré, et un titre qui s'étend d'un bord à l'autre perd ses premiers et derniers mots.
- Ne pas réutiliser la photo du produit inchangée. Une photo de produit sur fond blanc est correcte sur une page produit mais invisible dans un flux. Une carte avec le nom du produit sur l'image est lisible en taille vignette ; la photo seule ne l'est pas.
Invalidation du cache
Chaque plateforme met en cache son contenu extrait, souvent pendant plusieurs jours. Si vous remplacez l'image à la même URL, l'ancienne continue d'apparaître. Deux solutions, par ordre de fiabilité :
- Changer l'URL — nouveau nom de fichier, ou ajouter
?v=2. Cela fonctionne toujours. - Forcer une nouvelle extraction — Facebook Sharing Debugger, LinkedIn Post Inspector, ou le validateur de carte de X. Fonctionne généralement, mais parfois non.
Paramètres par défaut de Shopify
La plupart des thèmes émettent déjà les quatre balises principales à partir de l'image mise en avant et de la description du produit. Vérifiez avant d'ajouter les vôtres : deux balises og:image sur une page signifient que la plateforme en choisit une, et vous ne contrôlez pas laquelle.
Si les paramètres par défaut de votre thème sont corrects, la modification la plus précieuse est généralement une image sociale conçue à cet effet plutôt que d'ajouter plus de balises. Image de partage social et SEO sur Shopify explique où le thème définit cela et comment le remplacer pour chaque produit.
Questions fréquentes
Que sont les balises Open Graph ?
Des balises méta dans le <head> qui indiquent aux plateformes sociales et aux applications de messagerie comment afficher un lien : quel titre, description et image montrer dans la carte de prévisualisation. Sans elles, chaque plateforme devine à partir de la page, et la devinette est généralement la première image qu'elle trouve et un extrait tronqué du corps du texte.
Quelle taille doit avoir l'og:image ?
1200 × 630 px, un ratio de 1,91:1. Cela s'affiche correctement comme une grande carte sur Facebook, LinkedIn, X et Slack. Gardez-la en dessous d'environ 5 Mo, utilisez une URL HTTPS absolue, et éloignez le texte important des bords car certaines surfaces recadrent en carré.
Ai-je besoin de balises Twitter card en plus d'Open Graph ?
Généralement non. X utilise Open Graph par défaut lorsque les équivalents twitter: sont absents, donc og:title, og:description et og:image suffisent généralement. La seule balise à ajouter explicitement est twitter:card définie sur summary_large_image, qui sélectionne le grand format plutôt que la petite vignette.
Les balises Open Graph affectent-elles le SEO ?
Pas directement — Google ne les utilise pas pour le classement. Elles influencent si un lien partagé semble intéressant à cliquer, ce qui affecte les partages et le trafic et les liens qui en découlent. C'est un effet indirect mais réel.
J'ai mis à jour mon image et l'ancienne s'affiche toujours. Pourquoi ?
Chaque plateforme met en cache l'analyse de manière agressive. Forcez un rafraîchissement avec le Debugger de partage de Facebook, l'Inspecteur de publication de LinkedIn ou le validateur de carte de X. Si l'image a changé à la même URL, changez aussi l'URL — un nouveau nom de fichier ou une chaîne de requête est le seul moyen fiable de contourner un cache tenace.
Que fait Shopify par défaut ?
La plupart des thèmes émettent og:title, og:description, og:image et og:url, en utilisant l'image principale du produit. C'est un défaut raisonnable mais rarement optimal : une photo de produit sur fond blanc fait une carte sociale faible comparée à une image 1200 × 630 spécialement conçue portant le nom du produit.
Tous les outils gratuits
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..
Guides associés
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