Soignez votre signature sur Facebook et les réseaux sociaux.

Category: Informations
Image

Comment changer l’image qui se met sur Facebook ou Messenger lorsque je mets l’adresse de mon site ?

Lorsque vous communiquez sur Facebook il vous arrive souvent de donner l’URL de votre site. Pour rappel, l’URL est l’adresse commençant par “http://”. Que ça soit dans un post ou dans Messenger, l’adresse est immédiatement reconnue et Facebook insère une image qui est directement extraite de votre site.

Souvent hélas, l’image n’est pas significative, ou apparaît tronquée. Vous pouvez en fait préparer une image qui vous correspond et imposer à Facebook de l’afficher.

Un peu de programmation

Nous allons pour cela utiliser les balises Open Graph. Ce sont des balises assez récentes et comprendre le fonctionnement des balises Open Graph et leur enjeu sur votre SEO est devenu primordial. Bien entendu, il vous faudra accéder au code HTML de vos pages web et bien évidemment au FTP pour mettre à jour vos pages et uploader votre image.

Définition du protocole Open Graph

Ce protocole qui vous permettra de partager un contenu provenant d’une page web sur les réseaux sociaux. Il est appelé “Open Graph”, ce qui correspond au “og” des balises – par exempel : <meta property=”og:locale” content=”fr_FR”>

Les données Open Graph sont donc réunies dans un ensemble de balises permettant de donner des informations structurées et riches sur le contenu d’une page provenant d’un site web. Autrement dit, lorsqu’un internaute cliquera sur un bouton de partage, les informations inscrites par défaut seront celles insérées.

L’impact de ces balises se trouve au niveau des moteurs de recherche. A l’origine, les balises Open Graph étaient destinées exclusivement aux les réseaux sociaux. Elles génèrent et augmentent le taux de clic sur un site web via les partages sociaux, ce qui peut se révéler très intéressant. Comme Google utilise comme le taux de clics parmi ses critères de pertinences, le protocole Open Graph devient alors indirectement un outil non négligeable dans une stratégie SEO.

N’hésitez pas au passage de vérifier les principes de base de référencement de Google afin d’optimiser votre site.

Comment mettre en place des balises open graph ?

Il suffit d’ajouter les  ligne suivante dans votre page Html. Ceci se fait dans la section <HEAD> à la suite des balises <Meta> habituelles. Je vous conseille aussi de créer une image de signature. Un format voisin de 800×600 px en 72 dpi suffit.

Les balises

Il y a plusieurs balises mais pour résumer, voici les 7 balises Open Graph sont importantes. Les autres n’ont pas d’impact trop développé. Les renseignements sont souvent des reprises des balises Meta traditionnelles. Mais comme le protocole utilisé n’est pas le même, cette redéfinition est nécessaire.

  • og:locale : permet de définir la langue du site web
  • og:type : permet de définit le type de site : Website, Blog etc…
  • og:title : correspond au titre de votre page. Il faut créer un titre de moins de 65 caractères.Elle est similaire à votre balise Title classique
  • og:description : description courte de la page, moins de 300 caractères: elle est similaire à votre balise Meta-description classique.
  • og:url : indiquez ici l’adresse qui correspond à l’url votre page web
  • og:image : mettez l’adresse complète du fichier qui représente l’image de votre page qui sera partagée sur les réseaux sociaux. C’est en fait cette image que nous retrouvons en signature.
  • og:site_name : indiquez ici le  nom global de votre site web

Une fois en ligne, il vous suffit d’aller sur la section développeur de Facebook pour vérifier la cohérence de vos données : https://developers.facebook.com/tools/debug/

Syntaxe

<meta property=”og:locale” content=”fr_FR”>

Des soucis ?

Comme je vous le disais, cette manipulation nécessite une intervention dans le code de votre page. Si cette manipulation vous dépasse n’hésitez pas à me consulter.

Laisser un commentaire

Bienvenue

Inscrivez-vous à la Newsletter

Nous gardons vos données privées et ne les partageons qu’avec les tierces parties qui rendent ce service possible. Lire notre politique de confidentialité pour plus d’informations.
.