Comment utiliser les balises Open Graph

Comment utiliser les balises Open Graph

Utilisez-vous des balises de titre et des balises de méta-description ? Bien sûr, vous le faites parce que vous savez déjà que les balises méta peuvent aider à stimuler votre classement dans les moteurs de recherche.

Mais saviez-vous que les balises méta affectent réellement votre trafic sur les médias sociaux ? Bien sûr, il y a les balises authorship de Google, mais qu’en est-il de Facebook et Twitter ? En fait, ils ont tous les deux leurs propres balises méta de médias sociaux qui peuvent vous aider à augmenter la quantité de trafic social que vous obtenez.

Vous avez déjà vu ces messages sur les médias sociaux qui ont des images et des vidéos cool ? Vous ne savez peut-être pas que vous n’avez pas besoin de logiciel ou de comptes premium pour faire la même chose pour vos posts sociaux.

Ils s’appellent Facebook Open Graph et Twitter Cards. Voici comment vous pouvez les exploiter tous les deux :

Facebook Open Graph

Lorsque vous partagez une image sur Facebook, à quoi cela ressemble-t-il ?

Eh bien, cela ne ressemble pas toujours à cela. Facebook essaie de lire le code de votre page, mais il n’est pas toujours capable d’extraire vos images. Si vous n’utilisez pas les balises Open Graph lorsque vous partagez une URL de votre site sur Facebook, voici à quoi cela peut ressembler :

C’est à cela que cela ressemblait avec Quick Sprout avant que je mette en œuvre les balises Open Graph sur mon site. Après avoir mis en œuvre les balises Open Graph, j’ai pu augmenter mon trafic Facebook de 174%, simplement parce que maintenant il y avait une image à côté de mes mises à jour de statut Quick Sprout.

Maintenant que vous êtes convaincu que vous devriez utiliser Open Graph, voici comment vous le configurez sur votre site Web.

og:title

C’est là que vous mettez le titre de votre contenu. Pensez à cela comme étant similaire à votre balise de titre html normale qu’un moteur de recherche utiliserait. Lorsque vous créez votre og:title, gardez le nombre de caractères à moins de 95 caractères.

Exemple : <meta property= »og:title » content= »11 Creative Ways to Build Links »/>

og:type

C’est ici que vous décrivez le type de contenu que vous partagez. S’agit-il d’une vidéo, d’une image, d’un article de blog, etc. Voici la liste complète dans laquelle vous pouvez piocher pour définir votre type de contenu :

Activités

• activité
• sport

Entreprises

• bar

.

• Compagnie
• café
• hôtel
• restaurant

Groupes

• cause

.

• Ligue_sportive
• équipe_sportive

Organisations

• bande
• gouvernement

.

• Sans but lucratif
• école
• université

Personnes

• acteur
• athlète
• auteur

.

• directeur
• musicien
• politicien
• figure_publique

Lieux

.
• Ville
• Pays
• Marque territoriale
• Etat_province

Produits et loisirs

.
• album
• livre
• boisson
• alimentation
• jeu
• produit
• chanson
• cinéma

.

• tv_show

Sites web

• blog
• site web
• article

Exemple : <meta property= »og:type » content= »article »/>

og:description

Ceci est également similaire à votre balise html meta description car elle est utilisée pour décrire votre contenu. Vous ne devriez pas vous soucier de savoir si elle est riche en mots clés, mais plutôt de trouver une description convaincante qui entraînera plus de clics. Vous avez jusqu’à 297 caractères pour cette balise.

Exemple : <meta property= »og:description » content= »Êtes-vous fatigué de construire des liens à la vieille école ? Vous savez, les méthodes qui vous obligent à envoyer des emails à des milliers de webmasters en les suppliant de vous fournir des liens. « />

og:image

Reportez-vous que j’ai mentionné que j’ai pu augmenter mon trafic Facebook de 174% ? C’est parce que j’ai utilisé Open Graph pour m’assurer que Facebook montrait une image chaque fois que quelqu’un partageait une URL de Quick Sprout.

En utilisant une balise og:image, vous vous assurez qu’une image sera à côté du contenu que vous partagez. De cette façon, il se démarque de toutes les autres mises à jour de statut textuelles que les gens voient dans leurs timelines.

Avant d’entrer dans la façon dont vous pouvez utiliser cette balise, je vais vous présenter les exigences de Facebook. Une image doit être d’au moins 50px par 50px, mais de préférence plus grande que 200px par 200px. De plus, l’image ne peut pas avoir une taille supérieure à 5 Mo.

Exemple : <meta property= »og:image » content= »https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg »/>

og:url

Dans cette balise, vous devez placer l’URL de la page que vous partagez. Cette balise peut sembler sans intérêt, mais elle est importante car parfois vous aurez plus d’une URL pour le même contenu. En utilisant cette balise, vous vous assurerez que tous les partages vont vers une URL plutôt que vers plusieurs, ce qui devrait aider votre Edgerank Facebook.

Exemple : <meta property= »og:url » content= »https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/ »/>

og:site_name

Cette balise indique à Facebook le nom de votre site web. Vous n’avez pas vraiment besoin de cette balise, mais il n’y a aucun mal à l’inclure.

Exemple : <meta property= »og:site_name » content= »Quick Sprout »/>

fb:admins

Si vous avez une page fan sur Facebook et que vous voulez obtenir plus de données dans Facebook Insights, alors vous devez utiliser cette balise. Elle indique à Facebook que vous êtes le propriétaire du site, et elle connecte votre page fan Facebook à votre site web.

Exemple : <meta property= »fb:admins » content= »500013011″/>

Maintenant que vous avez vos balises méta Open Graph de Facebook en place, passons aux Twitter Cards.

Cartes Twitter

Avez-vous déjà vu un tweet comme celui-ci ?

Eh bien, ces tweets détaillés ne s’affichent que lorsque vous utilisez les cartes Twitter. N’aimeriez-vous pas avoir cela pour votre site ? Cela l’aidera à se démarquer de la foule.

Voici comment tirer parti des Twitter Cards :

Si vous utilisez le plugin SEO for WordPress de Yoast, suivez simplement ces étapes. Pour tous les autres, suivez les étapes ci-dessous.

twitter:card

Cette balise méta décrit le type de contenu que vous partagez. Vous avez trois options avec Twitter : photo (pour les images), lecteur (pour les vidéos) et résumé (pour tout le reste). Si vous ne définissez pas votre carte, Twitter choisira par défaut le résumé.

Exemple : <meta name= »twitter:card » content= »summary »>

twitter:url

C’est la page que vous partagez sur Twitter. De la même manière que Facebook demande une URL, Twitter le fait également car vous pouvez avoir le même élément de contenu sur votre site plusieurs fois. Cela permet de s’assurer qu’une seule URL reçoit tous les tweets. Sinon, vos tweets seront répartis sur plusieurs urls.

Exemple : <meta name= »twitter:url » content= »https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/ »>

twitter:title

Similairement à votre titre Open Graph de Facebook, cela ne devrait pas être bourré de mots-clés. Rendez-le convaincant pour que les gens aient envie de cliquer dessus. Encore une fois, comme avec Facebook, vous voudrez limiter le nombre de caractères à 70.

Exemple : <meta name= »twitter:title » content= »11 Creative Ways to Build Links »>

twitter:description

Ceci est similaire à une balise meta description que vous utiliseriez pour Google. Mais ne la bourrez pas de mots-clés. Votre objectif doit être de créer une phrase convaincante qui incite les gens à cliquer sur votre site Web. Votre description est limitée à 200 caractères.

Exemple : <meta name= »twitter:description » content= » Êtes-vous fatigué de construire des liens à la vieille école ? Vous savez, les méthodes qui vous obligent à envoyer des courriels à des milliers de webmasters pour quémander des liens. « >

twitter:image

Pour faire ressortir votre tweet, vous avez besoin d’une image. Vos images doivent avoir une taille de fichier inférieure à 1 Mo, et elles ne peuvent pas être plus petites que 60px par 60px. Les images plus grandes que 120px par 120px seront redimensionnées.

Exemple : <meta name= »twitter:image » content= » https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg »>

Après avoir appliqué les balises méta Twitter Card à votre site, vous devez vous inscrire au programme Card de Twitter. Une fois que vous serez accepté, les URL de votre site seront affichées au format carte.

Conclusion

Les balises méta ne sont pas seulement destinées aux moteurs de recherche. Les sites de médias sociaux les exploitent également. Tout comme la façon dont vous optimisez vos balises méta pour les classements Google et les taux de clics, vous devez faire de même pour Facebook et Twitter.