{"id":1291,"date":"2018-01-23T10:43:33","date_gmt":"2018-01-23T10:43:33","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1291"},"modified":"2025-02-14T18:57:54","modified_gmt":"2025-02-14T16:57:54","slug":"open-graph","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/fr\/open-graph\/","title":{"rendered":"D\u00e9couvrez ce que c’est que le balisage Open Graph"},"content":{"rendered":"

Voici un exemple comment les informations structur\u00e9es sur le lien vers un article sont pr\u00e9sent\u00e9es sur les r\u00e9seaux sociaux<\/p>\n

 <\/p>\n

Open Graph pour Facebook<\/strong><\/p>\n

 <\/p>\n

\"Facebook<\/div>\n

 <\/p>\n

Google+ open graph<\/strong><\/p>\n

 <\/p>\n

\"Google+<\/div>\n

 <\/p>\n

Nous sommes s\u00fbrs que vous \u00eates d’accord que ces articles sont tr\u00e8s attrayants et cliquables. Mais ce ne sont que des liens que les utilisateurs du r\u00e9seau social ont partag\u00e9s avec leurs amis ou affich\u00e9s sur leur ligne de temps ou dans une communaut\u00e9.<\/p>\n

Mais, que faire si le code est \u00e9crit correctement, mais quand vous le partagez sur Facebook, les informations incorrectes sont affich\u00e9es? Bienvenue sur Facebook pour les d\u00e9veloppeurs<\/a>. En suivant ce lien, vous pouvez effacer l’ancien cache d’informations stock\u00e9 sur le r\u00e9seau social de votre page et y ajouter de nouveaux titre<\/a> et description<\/a> attirants.<\/p>\n

Vous voulez peut-\u00eatre personnaliser la mise en page de votre OG pour votre site et le spammer (juste un petit peu) dans les groupes et les communaut\u00e9s des r\u00e9seaux sociaux.<\/p>\n

 <\/p>\n

Comment personnaliser la mise en page de OG<\/h2>\n

 <\/p>\n

Voyons maintenant comment configurer le protocole Open Graph pour votre site afin de transformer cette id\u00e9e en r\u00e9alit\u00e9. Tout est extr\u00eamement simple! Voici \u00e0 quoi ressemble le code source du protocole:<\/p>\n

 <\/p>\n

\"Open<\/div>\n

 <\/p>\n

Il est plac\u00e9 dans le code de la page, dans la section …, mais peut \u00eatre plac\u00e9 apr\u00e8s les balises META principales.<\/p>\n

Apprenons chaque tag Open Graph et leur signification:<\/p>\n

    \n
  • “og:locale”<\/strong> – indique la localisation (langue du site); vous pouvez utiliser la valeur de “en_US” par d\u00e9faut.<\/li>\n
  • “og:type”<\/strong> – d\u00e9crit le type de page (article, actualit\u00e9s, vid\u00e9o, cat\u00e9gorie, etc.); vous pouvez utiliser le “article” par d\u00e9faut.<\/li>\n
  • “og:title”<\/strong> – indique le titre de l’article.<\/li>\n
  • “og:description”<\/strong> \u2013 indique la description courte qui s’affiche lorsque l’aper\u00e7u du lien est g\u00e9n\u00e9r\u00e9.<\/li>\n
  • “og:url”<\/strong> – un lien vers la page du site.<\/li>\n
  • “og:image”<\/strong> – un lien vers une image qui sera affich\u00e9e sur le site.<\/li>\n
  • “og: site_name”<\/strong> – nom du site.<\/li>\n<\/ul>\n

    La signification de chaque balise est soulign\u00e9e, vous n’avez donc qu’\u00e0 les remplir et les int\u00e9grer dans la page de code de votre ressource Internet pr\u00e9f\u00e9r\u00e9e.<\/p>\n

    Nous aimerions ajouter qu’avec l’introduction du protocole Open Graph, il est recommand\u00e9 d’ajouter aux pages du site les boutons “Partager” sur les r\u00e9seaux sociaux. Cela va faciliter pour l\u2019utilisateur le partage permettra facilement des informations utiles sur votre site. Eh bien, cela va certainement simplifier la mise en \u0153uvre des t\u00e2ches de SEO optimizer lorsque vous travaillez avec des \u00e9changes de likes, qui, bien qu’ils n’apportent pas d\u2019effet de lien tangible, nous permettent d’acc\u00e9l\u00e9rer l’indexation \/ r\u00e9indexation tout en promouvant le site.<\/p>\n

     <\/p>\n

    Open Graph pour WordPress, Opencart, Joomla<\/h2>\n

    Pour les syst\u00e8mes cms les plus populaires, il existe des plug-ins pr\u00eats \u00e0 l’emploi qui permettent de r\u00e9aliser l’introduction du balisage Open Graphic sans impliquer de codeurs.
    \nPour WordPress ce plugin SEO peut \u00eatre t\u00e9l\u00e9charg\u00e9 ici ou vous pouvez utiliser l’extension du plugin Yoast SEO, qui r\u00e9sout \u00e9galement ce probl\u00e8me. Pour Joomla, vous trouverez un plugin en suivant ce lien, et pour OpenCart ici.<\/p>","protected":false},"excerpt":{"rendered":"Voici un exemple comment les informations structur\u00e9es sur le lien vers un article sont pr\u00e9sent\u00e9es sur les r\u00e9seaux sociaux   Open Graph pour Facebook     Google+ open graph     Nous sommes s\u00fbrs que vous \u00eates d’accord que ces articles sont tr\u00e8s attrayants et cliquables. Mais ce ne sont que des liens que les…","protected":false},"author":10380808,"featured_media":3349,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[31],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/1291"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/comments?post=1291"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/1291\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/media\/3349"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/media?parent=1291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/categories?post=1291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/fr\/wp-json\/wp\/v2\/tags?post=1291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}