Comment configurer les cartes Open Graph et Twitter pour WordPress

Un bon contenu attirera un public pertinent sur votre site, dont certains voudront probablement partager votre contenu sur les médias sociaux. Mais parfois, il y a des problèmes lorsque le contenu partagé n’est pas correctement affiché sur la communication sociale, et c’est là que l’utilisation de marqueurs graphiques ouverts peut aider. Avec Open Graph, vous pouvez contrôler le titre, l’image, la description et d’autres apparences du contenu lorsque vous le partagez sur les canaux sociaux. Vous connaissez peut – être déjà les métabalises communes, comme les balises de titre et de description. Mais beaucoup de blogueurs ne savent pas qu’il existe d’autres métabalises spécifiques aux réseaux sociaux, comme Google +, Facebook, Twitter et Pinterest. Ces sites de réseautage social ont commencé à utiliser des métadonnées pour afficher correctement le contenu ainsi que les images, descriptions et liens connexes. En définissant ces métabalises, vous pouvez vous assurer que votre contenu est plus facile à partager et à comprendre sur les médias sociaux.
Chaque site de réseautage social a des préférences différentes. Pinterest et Google + préfèrent les balises de mode, mais prennent également en charge les balises de protocole graphique ouvert, qui sont préférées par Facebook, Google + et Pinterest. Ouvrir l’étiquette de dessin aller à la Section De la page Web. Les balises les plus couramment utilisées sont: og: title og: description og: url og: Site _ name og: image og: type celles – ci peuvent ne pas avoir beaucoup de sens, donc voici quelques diagrammes sociaux à partager avec des balises ouvertes clairement marquées. Pinterest Rich pin Sample Exemple de partage Google + 1 Exemple de diagramme ouvert Facebook Exemple de carte Twitter Twitter Twitter définit également ses propres balises personnalisées appelées cartes Twitter. Ces étiquettes permettent à vos liens d’afficher plus d’informations chaque fois que vous tweetez. Comme l’étiquette graphique ouverte, l’étiquette de l’onglet Twitter se trouve entre les sections Une page
Réseau na. Les étiquettes Twitter les plus couramment utilisées sont: Twitter: Paper – Twitter: site – Twitter: Creator, bien que vous puissiez ajouter manuellement des graphiques ouverts et des étiquettes de cartes Twitter sur WordPress. L’org dispose de nombreux plugins qui permettent aux utilisateurs inexpérimentés d’ajouter facilement des étiquettes aux messages et aux pages WordPress. Voici quelques – uns de nos favoris:
Yoast SEO Open chart for Facebook, Google + and Twitter tab Tags JM Twitter Card SEO Framework (Twitter Card only) Open Graph Protocol Framework (Open Graph label only, recommended for developers) dans ce tutoriel, nous utiliserons les options intégrées du plug – in yoast SEO pour définir des métabalises spéciales qui rendent nos messages conviviaux pour les Médias riches. Remarque: vous ne devriez utiliser qu’un seul plug – in avec des fonctionnalités similaires. Si vous avez installé le référencement WordPress de yoast, il est préférable de configurer le plug – in plutôt que d’installer le plug – in Open Graph avec les étiquettes Facebook, Google + et Twitter.
Étape 1: installer la dernière version de yoast SEO nous vous recommandons d’installer la dernière version de yoast SEO. La façon la plus simple est d’ajouter du nouveau contenu via le plugin > et de rechercher le tableau de bord de gestion WordPress dans le \
Étape 2: configurer les paramètres sociaux Pour configurer les onglets Open Graph et Twitter, allez au référencement > social à partir du tableau de bord de gestion WordPress. Tout d’abord, ajoutez des liens à votre profil social pour aider les moteurs de recherche à vérifier qu’ils sont liés à votre site. Puis passez à une variété de cartes sociales. Facebook La première étape consiste à activer les métadonnées graphiques ouvertes pour les messages Facebook: C’est
Cliquez officiellement sur Activer les options. Supposons que vous ayez ajouté une page Facebook liée à votre site dans l’onglet compte, alors vous pouvez le faire. Si vous souhaitez ajouter une image par défaut pour une page sans Média au premier plan, c’est à vous de décider. Gazouillis Complétez Facebook et il est temps de faire face à Twitter. Assurez – vous simplement que les métadonnées de la carte Twitter sont activées, puis sélectionnez la disposition par défaut du papier (résumé ou résumé avec de grandes images). De même, cela sera associé à la poignée Twitter que vous ajoutez à la page de compte. Pinterest Pinterest est un peu différent parce que la plate – forme utilise la validation des métabalises. Allez sur votre compte Pinterest, passez le curseur sur l’icône utilisateur et cliquez sur l’onglet paramètres. Cliquez sur demander des options de site Web et sélectionnez ajouter des options de balisage HTML.
Copiez les métabalises générées et collez – les dans votre panneau de référencement yoast. Enregistrer les modifications et retourner à la publication Pinterest. Cela indique à Pinterest de vérifier l’étiquette et de vérifier le site. C’est à propos de Pinterest! Google + Le dernier compte social que vous devez configurer est Google +, qui n’est qu’un lien vers la page Google + de votre entreprise. Colle – le, et ça ira. Définir les paramètres par défaut La dernière étape consiste à créer une valeur par défaut. Yoast utilise des méta – boîtes sur le contenu pour définir les données de dessin ouvertes, donc assurez – vous de changer les paramètres par défaut dans le référencement > apparence de recherche > type de contenu. Utilisez les variables de fragment de code intégrées de yoast SEO pour créer des paramètres dynamiques par défaut pour le titre du billet (pour og: title) et la métadescription (pour og: description).
Personnaliser les images, les titres et les descriptions Yoast SEO inclut également une option pour les messages personnels qui peuvent personnaliser les images, les titres et les descriptions pour Facebook et Twitter. Q
Uando édite le Post, il suffit de faire défiler vers le bas dans la section yoast SEO et de cliquer sur l’icône share (qui semble plus petite que le symbole) Google Structured Data Testing Tool: cet outil ne vous montrera pas un aperçu des messages partagés sur Google +, mais vous montrera les métadonnées et la lisibilité fournies par Google. Vos propriétés sont affichées sous les propriétés du noeud rdfa. Débogage Facebook: après avoir implémenté l’étiquette Open Graph, il suffit de coller l’URL du site qui contient l’étiquette. Il vous montre les propriétés de l’objet. Outil de validation Twitter: Vous pouvez utiliser ce lien pour prévisualiser l’onglet Twitter de votre message avant de le partager sur les médias sociaux. Validateur de Pinterest Rich Pins: Comme les deux validateurs précédents, il suffit d’entrer l’URL qui contient l’étiquette de graphe ouvert pour prévisualiser et s’assurer que le contenu est affiché comme il devrait l’être. Si vous suivez tout le tutoriel, vous n’aurez aucun problème.
Avec ces métabalises graphiques ouvertes, vous pouvez optimiser la façon dont les titres, les images, les descriptions et d’autres détails du contenu sont affichés sur les médias sociaux. Cela contribue à accroître le trafic sur les sites de réseaux sociaux, car les liens bien informés ont tendance à être plus partagés et plus naturels. De plus, les gens ont tendance à faire confiance aux liens qui contiennent plus d’informations, plutôt que de cliquer sur des URL nues ou courtes (ce qui peut également être utile si vous utilisez la technologie pour automatiser le partage social). Nous espérons que notre guide vous aidera à mettre en place des balises d’éléments ouverts et des balises Twitter pour votre site, mais n’hésitez pas à poser des questions si vous avez des questions. Nous serions heureux de vous aider si vous pouviez! Quels plugins WordPress utilisez – vous pour implémenter ces métabalises? Avez – vous d’autres conseils ou astuces à ajouter? N’hésitez pas à mentionner vos idées dans les commentaires ci – dessous.