Saviez-vous qu’en personnalisant l’aperçu des liens de votre site pour le partage sur les réseaux sociaux, leur taux de clic peut augmenter de 200 à 300% sur Facebook? L’optimisation des balises Open Graph dans le code de vos pages web est un pas dans la bonne direction pour inciter votre audience à cliquer davantage.
Maximisez votre taux de clic sur Facebook
Les éléments principaux à retoucher sont le titre, l’image et la description de vos pages web. Sans les balises Open Graph, Facebook fera des inférences avec le code existant de votre page pour compléter l’aperçu de votre lien. Malheureusement, dans une bonne partie des cas, les éléments sélectionnés ne seront pas optimisés pour attirer l’attention des utilisateurs de Facebook.
Cette optimisation est importante puisque les partages de vos liens par vous et les visiteurs de votre site peuvent générer beaucoup d’impressions sur Facebook. Ces partages apparaitront sur le fil d’actualités d’une grande quantité d’utilisateurs et serviront d’incitatifs aux gens à découvrir vos présences web. Techrunch rapporte cependant que les publications des pages Facebook ayant plus de 1000 abonnés ont un taux de clic moyen de seulement 0.35 %. Votre objectif avec les balises Open Graph sera donc d’augmenter le taux de clic avec un visuel plus poignant.
La structure Open Graph
Pour transformer vos pages web en objets Open Graph, vous devrez insérer les balises suivantes dans la section <head> de chacune de vos pages.
1. <og:type> Type ou catégorie de l’objet
La balise type est la plus importante pour l’Open Graph. Cette balise permet d’identifier quel type d’objet votre lien représente. Utilisez le contenu « website » pour identifier la page d’accueil de votre site web qui apparaitra quand un visiteur aime votre page et utilisez le contenu « article » pour des billets de blogue. Plusieurs autres descriptions existent dont « product », « video », « audio », « book » et « profile ».
2. <og:title> Titre représentant l’objet
Le titre déterminera une bonne partie du taux de clic. Trouvez un titre accrocheur qui incitera les visiteurs à cliquer. Pour votre site web, assurez-vous de mettre le nom de votre compagnie ou de votre site suivi de votre slogan ou d’une mini-description décrivant votre expertise (ex : Adviso – Conseil + Stratégie Internet). Pour un article, mettez un titre accrocheur, habituellement le même que l’article. Vous pouvez aussi y ajouter un suffixe avec le nom de votre compagnie si vous voulez augmenter votre notoriété ou mettre en évidence votre champ d’expertise (ex : Augmenter le taux de clics de vos publications Facebook avec les balises Open Graph | Adviso – Stratégie Internet).
3. <og:image> Image représentant l’objet
Un visuel est essentiel pour attirer l’attention de l’internaute. Choisissez une image carrée pour éviter que l’image soit coupée dans l’aperçu . De plus, le format doit être d’au moins 200 x 200 pixels pour être conforme aux conditions de Facebook et d’autres réseaux sociaux. Par ailleurs, assurez-vous d’avoir une image affichée par défaut comme le logo de votre site pour vos articles qui ne contiennent pas d’images.
4. <og:url> L’URL où se trouve l’objet
Cet élément est simple mais important pour l’identification de l’objet par Facebook.
5. <og:description> Descritption de l’objet
La balise Description doit être courte et décrire de façon convaincante l’objet. Écrivez une ou deux lignes sur votre page web ou votre article qui convaincra l’internaute de cliquer. Utilisez par défaut les deux premières phrases de votre article. Par ailleurs, gardez en tête que l’espace dans votre aperçu est limité et Facebook coupera une description trop longue.
Voici un exemple des balises OG dans le code HTML pour un article :
<head>
...
<meta property="og:title" content="Le titre de mon article | Mon Site Web />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.siteweb.com/mon-nouvel-article" />
<meta property="og:image" content="http://www.siteweb.com/images/mon-image.jpg" />
<meta property="og:description" content="Voici un article que vous devriez tous lire!" />
<meta property="og:site_name" content="Mon site web" />
...
</head>
...
</html>
De plus, on vous suggère les ressources du site officiel du protocole Open Graph pour vous guider dans l’implémentation des balises.
Le potentiel grandissant de l’Open Graph
L’utilisation des balises de l’Open Graph est déjà très utile pour l’aperçu des partages de vos liens sur Facebook mais ce n’est qu’une fraction du potentiel. Par exemple, les balises Open Graph sont aussi reconnues par plusieurs sites importants dont LinkedIn, Google + et Bing.
De plus, l’intégration d’Open Graph peut rendre votre contenu beaucoup plus personnalisé, social et interactif comme on peut le voir avec les applications, les nouveaux verbes d’action et le partage automatique sur Facebook. Alors, qu’attendez-vous? Personnalisez vos balises Open Graph dès maintenant et profitez de toutes ces possibilités!
