Balises sociales

Nos données

Le contenu est un facteur clé de référencement en SEO. Mais pour diffuser votre contenu à une audience plus large, vous devez augmenter sa portée potentielle. C’est ici que les balises sociales entrent en jeu. Les balises sociales font référence à l’Open Graph et aux Twitter Cards.

L’Open Graph a été lancé en 2010 par Facebook dans le but de faciliter l’intégration entre sa plate-forme et d’autres sites internet, leur permettant ainsi de devenir des objets “rich graph” avec les mêmes fonctionnalités que les autres objets Facebook. En fait, cette balise meta détermine la manière dont une URL va être affichée sur un site internet tierce. Aujourd’hui, l’Open Graph est pris en charge par d’autres réseaux sociaux comme Linkedin ou Twitter (même si ce dernier a développé le sien: les Twitter Cards). L’Open Graph représente un excellent partenaire pour votre stratégie SEO globale puisqu’il peut augmenter considérablement votre taux de clic et vos conversions.

D’un autre coté, les Twitter Cards vous aident également à améliorer vos partages sur Twitter. Ce protocole permet aux tweets contenant des liens de s’afficher avec un format plus riche, avec du contenu plus visible et de faire partie intégrante d’un tweet.
Twitter fournit plusieurs types de Cards: Summary, Player, Large image, App et Lead generation.
Cette balise est très utile si vous êtes un bloggueur régulier. En fait, elle est pertinente lorsque vous postez des liens renvoyant vers votre site depuis votre compte Twitter. La carte rend votre tweet extensible et votre contenu est également visible en ligne à l’intérieur de Twitter.
Comme l’Open Graph, les Twitter Cards sont un excellent moyen d’augmenter l’engagement et le taux de clic.

Chez OnCrawl, nous avons intégré ce type de données dans notre nouvel onglet ‘Content’. Vous pouvez facilement vérifier si votre OpenGraph et vos Twitter Cards sont bien installés. Le rapport que nous fournissons montre votre répartition et vos performances Open Graph de manière claire. Et vous pouvez aussi accéder aux détails des URLs pour plus d’informations.

Dans le graphique ci-dessous, vous pouvez facilement voir quelles pages ont un Open Graph complet ou incomplet et si votre og:url correspond ou non à son URL canonique.

Open Graph insight
Dans le graphique ci-dessous, vous pouvez facilement voir la répartition de votre og:type. Le site que nous avons analysé traite d’actualités cinématographiques et fournit des bandes-annonces de films. Il a alors affaire à des og:type en rapport avec les films ou les vidéos qui peuvent aider à mieux indexer son contenu.

Ogtype distribution

Ensuite, vous pouvez vérifier si vous avez rempli la donnée méta principale. Comme avec n’importe quel graphique, vous pouvez voir quelles sont les URLs directement concernées si vous cliquez sur un segment en particulier.
Open Graph Basic Metadata
Il y a des données méta optionnelles que vous pouvez remplir afin d’ajouter des informations en plus sur votre contenu et augmenter le potentiel de vos partages.

Open graph optional metadata

Le graphique ci-dessous montre la répartition de vos Twitter Cards ou en d’autres termes, avec quels types de Twitter Cards vous fonctionnez.
Twitter Cards distribution
Enfin, le diagramme des propriétés de vos Twitter Cards analyse tous les éléments relatifs à vos Twitter Cards, par type de propriété et par nombre de pages.

Twitter Cards distribution

Les bonnes pratiques pour l’Open Graph

  • Les plates-formes qui le prennent en charge: Facebook, LinkedIn, Twitter, Pinterest, Google+
  • Remplissez les principales balises d’Open Graph: og titre, og: image, og: type, og:url
  • Balises additionnelles: og:audio, og:description, og:determiner, og:locale, og:locale:alternate, og:site_name, og:video, etc.
  • La taille de l’image Facebook: au moins 200x200px. Pour les images plus larges: jusqu’à 1200×630
  • La taille de la miniature Twitter: 120x120px
  • La taille de l’image large sur Twitter: 280x150px
  • Utilisez le plugin SEO by Yoast pour installer vos Open Graphs

Les bonnes pratiques pour Les Twitter Cards

  • Les types de Twitter Cards prises en charge : Summary Card, Summary Card avec une large image, Player Card, App Card, Lead Generation Card.
  • Utilisez des plugins comme Jetpack, JM Twitter Cards, SEO by Yoast pour installer facilement vos Twitter Cards
  • Summary Card:
    • Titre: 70 caractères
    • Description: 200 caractères
    • Image: au moins 120×120 pixels et pas plus de 1MB
  • Summary Card avec une large image:
    • Titre: 70 caractères
    • Description: 200 caracteres
    • Image: au moins 280 x 150 pixels et pas plus de 1MB
  • App Card
    • Titre: établi par l’ID de l’app
    • Description: 200 caractères
    • Image: logo de l’app provient de l’ID de l’app—image doit être d’au moins 800 x 320 pixels peut avoir un format JPG, JPEG, PNG ou GIF. Les images en dessous de 1MB sont préférables.
  • Player Card:
    • Description: 200 caractères
    • Image: affichée à la place du lecteur sur les plates-formes qui ne cautionnent pas iframes ou les lecteurs inline. Même dimensions que pour votre lecteur: pas plus de 1MB
    • Video: H.264, profil de base, niveau 3.0, jusqu’à 640 x 480 pixels à 30fps.
    • Audio: AAC, profil de préférence avec faible complexité
  • Lead Generation Card:
    • Titre: 50 caractères
    • Bouton d’action: 20 caractères
    • Message après envoi (optionnel): 100 caractères
    • Image: au moins 800 x 200 pixels avec un ratio d’aspect 4:1 et pas plus de 3MB
  • Vérifiez que vos Twitter Cards se comportent correctement avec le Twitter Card Validator.

Si vous avez la moindre question sur les balises sociales, n’hésitez pas à nous joindre sur @Oncrawl_CS