Que sont les métabalises sociales ?

Que sont les métabalises sociales ? Comment contrôler l’apparence de votre contenu dans les partages de médias sociaux.

Avez-vous déjà collé un lien dans Facebook ou Twitter pour constater que l’image associée n’a rien à voir avec le contenu de cette page, ou que la description du post se lit comme un SEO Mad Lib ?

Vous y réfléchissez à deux fois avant de le partager, n’est-ce pas ?

Il existe un moyen pour les spécialistes du marketing de contrôler l’affichage de leur contenu lorsqu’il apparaît sur les réseaux sociaux, notamment Facebook, LinkedIn et Twitter. Vous contrôlez le contenu des médias sociaux que votre page génère grâce aux balises méta sociales.

Conseils de pro pour rédiger des balises méta sociales

L’intérêt d’utiliser des balises méta sociales est de contrôler la façon dont votre contenu est affiché dans les flux plutôt que de laisser Facebook, Twitter et d’autres plateformes sociales générer le titre, la description et l’image pour vous.

Adaptez ou recyclez les idées de titres inutilisés en les utilisant comme titres dans le contenu des médias sociaux.
Vous pouvez tester différentes versions d’une image. Utilisez les balises Open Graph et les balises Twitter Card comme terrain d’essai pour le marketing des médias sociaux.
Modifiez l’image et le contenu en fonction du réseau. Présentez des images et du texte qui susciteront les intérêts uniques du public distinct de chaque réseau.
Bien qu’il soit dit que Twitter utilise par défaut les balises Open Graph si aucune balise Twitter Card ne figure sur la page, notre expérience montre que vous obtenez un résultat plus contrôlé si vous incluez les deux types de balises de médias sociaux sur une page.

Utilisation de WordPress ? Métabalises sociales dans les plugins WordPress

Si vous utilisez WordPress, plusieurs plugins permettent d’implémenter des balises méta sociales sans jamais avoir à écrire une seule ligne de code.

Voici quelques options :

WPSSO pour le balisage social sur les principaux sites sociaux
JM Twitter Cards pour la gamme complète de types de cartes Twitter
WordPress SEO by Yoast pour les balises Facebook Open Graph et Twitter Cards
Les plugins WordPress pour les balises méta sociales sont un moyen rapide et facile d’associer des titres, descriptions et images personnalisés à vos articles et pages Web WordPress, page par page.

Champs de saisie des données Facebook Open Graph dans le plugin WordPress Yoast SEO. Si vous deviez cliquer sur l’onglet Twitter bird, vous verriez les mêmes champs pour personnaliser le balisage Twitter Card.

Si vous utilisez un autre logiciel pour exploiter votre site, vous trouverez ci-dessous le balisage social pour Facebook Open Graph, Twitter Cards et les autres principaux réseaux sociaux.

Balises Open Graph

Le protocole Open Graph est la norme de Facebook pour la mise en œuvre des balises méta sociales. Il est également reconnu par toutes les grandes plateformes sociales, y compris LinkedIn et Twitter. Cela signifie que Twitter, LinkedIn et d’autres réseaux tirent souvent le titre, la description et l’image indiqués dans les balises Open Graph.

Les balises Open Graph essentielles sont les suivantes :

Balise Open Graph Description de la balise
og:title Titre ou titre alternatif de la page qui s’affiche en tant que titre.
og:url URL de la page
og:description description de la page, dont Facebook affiche 300 caractères au maximum
og:image URL de l’image unique, dimensions recommandées 1200×630 pixels
og:type article (sinon la valeur par défaut est « site web »)
Pour que les partages Facebook qui proviennent de vos pages Web soient formatés avec un titre (headline), une description et une image de votre choix, comme ceci :

Pour vous assurer que vos balises Open Graph ont été correctement configurées, utilisez le débogueur de partage de Facebook pour afficher un rapport d’erreur et voir un aperçu de la façon dont une URL partagée apparaîtra lorsqu’elle sera publiée sur Facebook.

Conseil de pro : si vous mettez à jour les balises OG d’une page, utilisez le débogueur de partage pour forcer Facebook à effectuer une nouvelle analyse de l’URL, ce qui permettra à Facebook d’extraire les nouvelles données de métabalises sociales. Sinon, il risque d’extraire du cache au lieu d’afficher votre contenu mis à jour.

Balisage des cartes Twitter

Les cartes Twitter vous permettent de joindre des photos ou des vidéos à des Tweets avec quelques lignes de code. Il existe plusieurs types de Twitter Cards, mais les Summary Cards et les Photo Summary Cards sont les plus couramment utilisés.

Les balises de balisage de base pour Twitter sont les suivantes :

Balise Twitter Card Description de la balise
twitter:card Type de carte (liste complète des types de cartes ici)
twitter:title Titre ou titre alternatif de la page affichée en tant qu’en-tête
twitter:url URL de la page
twitter:description Brève description en moins de 200 caractères
twitter:image URL d’une image unique, dimensions minimales recommandées de 440×220 pixels

Vous voulez voir à quoi ressemblera votre page lorsqu’elle sera collée dans un tweet ? Saisissez une URL dans le validateur Twitter Card pour obtenir un aperçu et vous assurer que vous avez configuré correctement votre balisage social Twitter Card.

Conseil de pro : si vous mettez à jour les balises Twitter Card d’une page, utilisez le validateur Twitter Card pour obliger Twitter à effectuer un nouveau balayage de l’URL, ce qui l’amènera à extraire les nouvelles données des métabalises sociales. Sinon, il pourrait extraire les données d’un cache au lieu de vos balises mises à jour.

Schéma pour le partage sur LinkedIn et Pinterest

Comme mentionné, les balises Open Graph sont lues par Facebook, LinkedIn et Twitter. La plupart des réseaux sociaux reconnaissent et prennent en charge Open Graph comme norme par défaut lorsqu’il s’agit de balisage social. Mais il existe une autre solution pour Pinterest et LinkedIn : le balisage schématique.

Pour utiliser le balisage schématique afin de personnaliser le titre, la description et l’image associés à votre LinkedIn ou Pinterest, les balises méta sociales ressemblent à ceci :

<html itemscope itemtype= »https://schema.org/Article »>

<meta itemprop= »name » content= »Blog Post Title »>

<meta itemprop= »description » content= »This a description of blog post »>

<meta itemprop= »image » content= »https://www.domain.com/image.jpg »>

Encore une fois, ce balisage de schéma sera placé dans le code HTML associé à votre article juste avant la balise de fermeture head, </head>.

Vous pouvez valider votre balisage de schéma à l’aide de l’outil de test des données structurées de Google.

Promotion des médias sociaux avec les balises Meta

Commencez à considérer votre contenu de médias sociaux comme de la publicité sociale. Le balisage social stratégique pour une meilleure distribution est essentiel dans le paysage numérique dynamique d’aujourd’hui.

La clé pour maximiser votre distribution sociale est de contrôler la façon dont votre contenu est affiché dans les flux plutôt que de laisser Facebook, Twitter et les autres plateformes sociales tirer le contenu de la page pour vous. En optimisant les balises méta qui contrôlent le contenu des médias sociaux, vous pouvez élaborer des messages sur votre article de blog adaptés aux publics distincts que vous avez sur chaque réseau social.

Tout comme les balises de titre de page et les balises de méta-description contribuent à améliorer le classement organique des moteurs de recherche, les balises méta sociales sont des éléments de votre HTML qui renforcent l’exposition sociale, augmentent le trafic sur les médias sociaux et améliorent les taux de clics.

SEO AGENCE est une agence SEO à Lille.