{"id":4596,"date":"2026-05-07T18:21:14","date_gmt":"2026-05-07T18:21:14","guid":{"rendered":"https:\/\/rimanagency.com\/?page_id=4596"},"modified":"2026-05-07T18:21:14","modified_gmt":"2026-05-07T18:21:14","slug":"open-graph-twitter-card-generator-build-perfect-social-share-tags","status":"publish","type":"page","link":"https:\/\/rimanagency.com\/fr\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/","title":{"rendered":"G\u00e9n\u00e9rateur de cartes Open Graph et Twitter\u00a0\u2014 Cr\u00e9ez des balises de partage social parfaites"},"content":{"rendered":"<style>.rt-h{background:linear-gradient(135deg,#f1f5e8,#e8efdb);border-radius:14px;padding:32px;margin:0 0 24px;text-align:center}.rt-h h1{margin:0 0 10px;font-size:30px;color:#4a6320}.rt-g{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 24px}.rt-f,.rt-o{background:#fff;border:1px solid #e0e6d8;border-radius:10px;padding:22px}.rt-f h3,.rt-o h3{margin:0 0 14px;color:#4a6320;font-size:18px}.rt-f label{display:block;font-size:13px;color:#516048;font-weight:600;margin:10px 0 6px}.rt-f input,.rt-f textarea{width:100%;padding:9px;border:1px solid #d4dac6;border-radius:6px;font-size:14px;box-sizing:border-box;font-family:inherit}.rt-btn{background:#719430;color:#fff;border:none;padding:11px 20px;border-radius:6px;font-weight:700;cursor:pointer;width:100%;margin-top:14px;font-size:15px}.rt-btn:hover{background:#4a6320}.rt-code{background:#1e1e1e;color:#a3c163;padding:16px;border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:380px;overflow:auto}.rt-cta{background:linear-gradient(135deg,#719430,#4a6320);color:#fff;border-radius:14px;padding:32px;text-align:center;margin:30px 0}.rt-cta a{background:#fff;color:#4a6320;padding:12px 28px;border-radius:6px;font-weight:700;text-decoration:none;display:inline-block;margin-top:14px}@media(max-width:768px){.rt-g{grid-template-columns:1fr}}<\/style>\n<div class=\"rt-h\">\n<h1>G\u00e9n\u00e9rateur de cartes Open Graph et Twitter<\/h1>\n<p>Cr\u00e9ez des balises m\u00e9ta Open Graph et Twitter Card compl\u00e8tes pour n&#039;importe quelle URL. Collez-les dans votre <head> et assurez-vous que chaque partage sur Facebook, LinkedIn, X, Slack, WhatsApp et iMessage s&#039;affiche comme vous l&#039;aviez pr\u00e9vu.<\/p>\n<\/div>\n<div class=\"rt-g\">\n<div class=\"rt-f\">\n<h3>Entr\u00e9es de page<\/h3>\n<p><label>Titre de la page<\/label><input type=\"text\" id=\"og-title\" placeholder=\"Titre de votre page (moins de 60 caract\u00e8res)\" maxlength=\"100\"><label>Description<\/label><textarea id=\"og-desc\" rows=\"3\" placeholder=\"Description de 160 caract\u00e8res\"><\/textarea><label>URL canonique<\/label><input type=\"text\" id=\"og-url\" placeholder=\"https:\/\/example.com\/page\"><label>URL de l&#039;image (1200\u00d7630 recommand\u00e9)<\/label><input type=\"text\" id=\"og-img\" placeholder=\"https:\/\/example.com\/image.jpg\"><label>Nom du site<\/label><input type=\"text\" id=\"og-site\" placeholder=\"Nom de votre site\"><label>Compte Twitter (avec @)<\/label><input type=\"text\" id=\"og-tw\" placeholder=\"@votre site\"><label>Taper<\/label><select id=\"og-type\" style=\"width:100%;padding:9px;border:1px solid #d4dac6;border-radius:6px;font-size:14px\"><option value=\"website\">site web<\/option><option value=\"article\">article<\/option><option value=\"product\">produit<\/option><option value=\"video.other\">vid\u00e9o<\/option><\/select><button class=\"rt-btn\" onclick=\"genOg()\">G\u00e9n\u00e9rer des balises<\/button><\/div>\n<div class=\"rt-o\">\n<h3>Balises m\u00e9ta g\u00e9n\u00e9r\u00e9es<\/h3>\n<div id=\"og-out\" class=\"rt-code\">Cliquez sur \u00ab\u00a0G\u00e9n\u00e9rer\u00a0\u00bb pour cr\u00e9er vos balises m\u00e9ta\u2026<\/div>\n<p><button class=\"rt-btn\" onclick=\"copyOg()\" style=\"background:#516048;margin-top:10px\">Copier dans le presse-papiers<\/button><\/div>\n<\/div>\n<p><script>function genOg(){var t=document.getElementById(\"og-title\").value||\"Your Page Title\";var d=document.getElementById(\"og-desc\").value||\"Your description\";var u=document.getElementById(\"og-url\").value||\"https:\/\/example.com\";var i=document.getElementById(\"og-img\").value||\"https:\/\/example.com\/og.jpg\";var s=document.getElementById(\"og-site\").value||\"Your Site\";var tw=document.getElementById(\"og-tw\").value||\"@yoursite\";var ty=document.getElementById(\"og-type\").value;var x=function(s){return s.replace(\/&\/g,\"&amp;\").replace(\/\"\/g,\"&quot;\").replace(\/<\/g,\"&lt;\").replace(\/>\/g,\"&gt;\")};var out=\"<!-- Primary -->\\n\";out+='<title>'+x(t)+'<\/title>\\n';out+='<meta name=\"description\" content=\"'+x(d)+'\">\\n';out+='<link rel=\"canonical\" href=\"'+x(u)+'\">\\n\\n';out+=\"<!-- Open Graph \/ Facebook \/ LinkedIn -->\\n\";out+='<meta property=\"og:type\" content=\"'+ty+'\">\\n';out+='<meta property=\"og:url\" content=\"'+x(u)+'\">\\n';out+='<meta property=\"og:title\" content=\"'+x(t)+'\">\\n';out+='<meta property=\"og:description\" content=\"'+x(d)+'\">\\n';out+='<meta property=\"og:image\" content=\"'+x(i)+'\">\\n';out+='<meta property=\"og:image:width\" content=\"1200\">\\n';out+='<meta property=\"og:image:height\" content=\"630\">\\n';out+='<meta property=\"og:site_name\" content=\"'+x(s)+'\">\\n\\n';out+=\"<!-- Twitter \/ X -->\\n\";out+='<meta name=\"twitter:card\" content=\"summary_large_image\">\\n';out+='<meta name=\"twitter:url\" content=\"'+x(u)+'\">\\n';out+='<meta name=\"twitter:title\" content=\"'+x(t)+'\">\\n';out+='<meta name=\"twitter:description\" content=\"'+x(d)+'\">\\n';out+='<meta name=\"twitter:image\" content=\"'+x(i)+'\">\\n';out+='<meta name=\"twitter:site\" content=\"'+x(tw)+'\">\\n';document.getElementById(\"og-out\").textContent=out}function copyOg(){var t=document.getElementById(\"og-out\").textContent;navigator.clipboard.writeText(t);event.target.textContent=\"\u2713 Copied\";setTimeout(function(){event.target.textContent=\"Copy to Clipboard\"},1500)}<\/script><\/p>\n<h2>Pourquoi il est important de bien configurer les balises Open Graph<\/h2>\n<p>Chaque lien partag\u00e9 par votre audience (sur Slack, LinkedIn, WhatsApp, iMessage, X, Facebook) g\u00e9n\u00e8re une carte d&#039;aper\u00e7u. Sans balises Open Graph et Twitter Card appropri\u00e9es, la plateforme choisit au hasard le titre et l&#039;image disponibles, ce qui donne souvent des r\u00e9sultats peu flatteurs. Avec des balises correctes, vous contr\u00f4lez pr\u00e9cis\u00e9ment le titre, la description et l&#039;image qui repr\u00e9sentent votre page lors du partage. Le gain de taux de clics entre une carte d&#039;aper\u00e7u soign\u00e9e et pertinente et une carte choisie au hasard est g\u00e9n\u00e9ralement de 30 \u00e0 50.<\/p>\n<h2>Les tags qui comptent vraiment<\/h2>\n<p>L&#039;ensemble minimal de balises \u00e0 impl\u00e9menter sur chaque page est le suivant\u00a0: og:title, og:description, og:image, og:url, og:type, twitter:card et twitter:image. Si ces sept balises sont correctement configur\u00e9es, vos aper\u00e7us s&#039;afficheront correctement sur la quasi-totalit\u00e9 des plateformes. De plus, ajoutez og:site_name pour l&#039;identification de votre marque, og:image:width et og:image:height pour \u00e9viter les d\u00e9calages de mise en page sur certaines plateformes, et twitter:site si vous \u00eates pr\u00e9sent sur ActiveX.<\/p>\n<h2>La sp\u00e9cification d&#039;image 1200\u00d7630 qui fonctionne partout<\/h2>\n<p>Une image de 1200 \u00d7 630 pixels (format 1,91:1) s&#039;affiche correctement sur Facebook, LinkedIn, X (grand format), Slack et la plupart des applications de messagerie. Le recadrage pouvant varier selon les plateformes, veillez \u00e0 centrer votre texte et votre logo. \u00c9vitez de placer des \u00e9l\u00e9ments importants sur les bords. Le format WebP est d\u00e9sormais largement pris en charge, mais le format JPG reste le plus s\u00fbr pour une compatibilit\u00e9 maximale.<\/p>\n<h2>Foire aux questions<\/h2>\n<p><strong>O\u00f9 dois-je coller ces balises\u00a0?<\/strong><br \/>\u00c0 l&#039;int\u00e9rieur de <head> la section `&lt;head&gt;` du code HTML de chaque page. Sous WordPress, des extensions comme Yoast et Rank Math s&#039;en chargent. Sous Next.js, utilisez la section `&lt;head&gt;`. <head> M\u00e9tadonn\u00e9es du composant ou du routeur d&#039;application. En HTML statique, collez-les directement dans l&#039;en-t\u00eate.<\/p>\n<p><strong>Comment puis-je tester les aper\u00e7us apr\u00e8s publication\u00a0?<\/strong><br \/>Utilisez l&#039;outil de d\u00e9bogage de partage de Facebook, l&#039;inspecteur de publications de LinkedIn et le validateur de cartes de X. Ces outils vous montrent pr\u00e9cis\u00e9ment ce que chaque plateforme voit et vous permettent de forcer une nouvelle r\u00e9cup\u00e9ration des donn\u00e9es lors de la mise \u00e0 jour des balises.<\/p>\n<p><strong>Pourquoi mon image n&#039;appara\u00eet-elle pas imm\u00e9diatement apr\u00e8s la publication d&#039;une page\u00a0?<\/strong><br \/>Les plateformes mettent en cache les aper\u00e7us. Apr\u00e8s la mise \u00e0 jour des balises, ex\u00e9cutez l&#039;URL via le d\u00e9bogueur de la plateforme et cliquez sur \u201c\u00a0R\u00e9analyser\u00a0\u201d pour forcer une actualisation.<\/p>\n<div class=\"rt-cta\">\n<h3 style=\"margin:0 0 6px\">Vous souhaitez un audit SEO technique complet incluant les balises OG, le sch\u00e9ma et les Core Web Vitals\u00a0?<\/h3>\n<p style=\"margin:0;opacity:.95\">L&#039;agence Riman r\u00e9alise des audits techniques SEO avec des listes de corrections prioris\u00e9es et un accompagnement \u00e0 la mise en \u0153uvre.<\/p>\n<p><a href=\"\/fr\/contact\/\">R\u00e9servez un audit technique SEO<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Open Graph &#038; Twitter Card Generator Build complete Open Graph and Twitter Card meta tags for any URL. Paste into your and ensure every share on Facebook, LinkedIn, X, Slack, WhatsApp, and iMessage looks the way you intended. Page Inputs Page titleDescriptionCanonical URLImage URL (1200\u00d7630 recommended)Site nameTwitter handle (with @)TypewebsitearticleproductvideoGenerate Tags Generated Meta Tags Click [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4596","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Open Graph &amp; Twitter Card Generator \u2014 Build Perfect Social Share Tags - Riman Agency<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rimanagency.com\/fr\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Open Graph &amp; Twitter Card Generator \u2014 Build Perfect Social Share Tags - Riman Agency\" \/>\n<meta property=\"og:description\" content=\"Open Graph &#038; Twitter Card Generator Build complete Open Graph and Twitter Card meta tags for any URL. Paste into your and ensure every share on Facebook, LinkedIn, X, Slack, WhatsApp, and iMessage looks the way you intended. Page Inputs Page titleDescriptionCanonical URLImage URL (1200\u00d7630 recommended)Site nameTwitter handle (with @)TypewebsitearticleproductvideoGenerate Tags Generated Meta Tags Click [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rimanagency.com\/fr\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/\" \/>\n<meta property=\"og:site_name\" content=\"Riman Agency\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/open-graph-twitter-card-generator-build-perfect-social-share-tags\\\/\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/open-graph-twitter-card-generator-build-perfect-social-share-tags\\\/\",\"name\":\"Open Graph & Twitter Card Generator \u2014 Build Perfect Social Share Tags - Riman Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#website\"},\"datePublished\":\"2026-05-07T18:21:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/open-graph-twitter-card-generator-build-perfect-social-share-tags\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rimanagency.com\\\/open-graph-twitter-card-generator-build-perfect-social-share-tags\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/open-graph-twitter-card-generator-build-perfect-social-share-tags\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rimanagency.com\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Open Graph &#038; Twitter Card Generator \u2014 Build Perfect Social Share Tags\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#website\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/\",\"name\":\"Riman Agency\",\"description\":\"A Full Service Digital Marketing Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rimanagency.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#organization\",\"name\":\"Riman Agency\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/RIMANagency-all-logos-1-2.png\",\"contentUrl\":\"https:\\\/\\\/rimanagency.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/RIMANagency-all-logos-1-2.png\",\"width\":694,\"height\":211,\"caption\":\"Riman Agency\"},\"image\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Open Graph & Twitter Card Generator \u2014 Build Perfect Social Share Tags - Riman Agency","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rimanagency.com\/fr\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/","og_locale":"fr_CA","og_type":"article","og_title":"Open Graph & Twitter Card Generator \u2014 Build Perfect Social Share Tags - Riman Agency","og_description":"Open Graph &#038; Twitter Card Generator Build complete Open Graph and Twitter Card meta tags for any URL. Paste into your and ensure every share on Facebook, LinkedIn, X, Slack, WhatsApp, and iMessage looks the way you intended. Page Inputs Page titleDescriptionCanonical URLImage URL (1200\u00d7630 recommended)Site nameTwitter handle (with @)TypewebsitearticleproductvideoGenerate Tags Generated Meta Tags Click [&hellip;]","og_url":"https:\/\/rimanagency.com\/fr\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/","og_site_name":"Riman Agency","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rimanagency.com\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/","url":"https:\/\/rimanagency.com\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/","name":"Open Graph & Twitter Card Generator \u2014 Build Perfect Social Share Tags - Riman Agency","isPartOf":{"@id":"https:\/\/rimanagency.com\/#website"},"datePublished":"2026-05-07T18:21:14+00:00","breadcrumb":{"@id":"https:\/\/rimanagency.com\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rimanagency.com\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rimanagency.com\/open-graph-twitter-card-generator-build-perfect-social-share-tags\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rimanagency.com\/home\/"},{"@type":"ListItem","position":2,"name":"Open Graph &#038; Twitter Card Generator \u2014 Build Perfect Social Share Tags"}]},{"@type":"WebSite","@id":"https:\/\/rimanagency.com\/#website","url":"https:\/\/rimanagency.com\/","name":"Agence Riman","description":"Une agence de marketing num\u00e9rique \u00e0 service complet","publisher":{"@id":"https:\/\/rimanagency.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rimanagency.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/rimanagency.com\/#organization","name":"Agence Riman","url":"https:\/\/rimanagency.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/rimanagency.com\/#\/schema\/logo\/image\/","url":"https:\/\/rimanagency.com\/wp-content\/uploads\/2022\/02\/RIMANagency-all-logos-1-2.png","contentUrl":"https:\/\/rimanagency.com\/wp-content\/uploads\/2022\/02\/RIMANagency-all-logos-1-2.png","width":694,"height":211,"caption":"Riman Agency"},"image":{"@id":"https:\/\/rimanagency.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/pages\/4596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/comments?post=4596"}],"version-history":[{"count":0,"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/pages\/4596\/revisions"}],"wp:attachment":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/media?parent=4596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}