Meta Tags : pour générer facilement des balises meta et Open Graph

Certaines propriétés des pages web sont obligatoires ou fortement recommandées. Ce sont les balises title, meta title, description et toute la déclinaison de balises meta Open Graph. Un outil, Meta Tags, permet de prévisualiser et générer facilement – et sans erreur – ces lignes de code.

Paramétrer et prévisualiser ses balises meta

L’outil en ligne est simplissime. Vous n’avez qu’à uploader une image, saisir un titre et une description. Vous prévisualisez ensuite l’affichage de ces données sur Google et les réseaux sociaux : Facebook, Twitter, LinkedIn, Pinterest et même Slack. Vous pouvez vérifier que vos données s’afficheront correctement dans les résultats de recherche (SERP) et sur les réseaux sociaux.

Générer les balises meta et Open Graph

Quand vous êtes satisfait, vous n’avez plus qu’à cliquer sur Generate Meta Tags, en haut à droite, pour obtenir vos balises meta. Vous devrez néanmoins procéder à quelques modifications : og:url et twitter:url à changer, voire l’URL de l’image open graph que vous pouvez héberger sur votre serveur. Si votre site contient beaucoup de contenu (si vous utilisez un CMS comme WordPress notamment), vous pourrez également remplacer certaines valeurs par des variables pour industrialiser l’optimisation de vos balises meta et Open Graph.

L’outil Meta Tags est simple à utiliser et permet d’éviter un certain nombre d’erreurs. Autre intérêt : des liens vers les debuggers sont inclus (pour vider le cache Facebook, Twitter, LinkedIn et Google). De la documentation est également fournie pour permettre à tous de comprendre l’intérêt des balises meta pour l’accessibilité des sites web et le SEO.