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é nrsquoest pas correctement affiché sur la communication sociale, et crsquoest là que lrsquoutilisation de marqueurs graphiques ouverts peut aider. Avec Open Graph, pouvez contrôler le titre, lrsquoimage, la description et drsquoautres apparences du contenu lorsque 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 qursquoil existe drsquoautres 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, pouvez 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 lrsquoé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: te _ 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 drsquoafficher plus d chaque fois que tweetez. Comme lrsquoétiquette graphique ouverte, lrsquoétiquette de lrsquoonglet 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 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: ne devriez utiliser qursquoun seul plug in avec des fonctionnalités similaires. 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 recommandons drsquoinstaller la dernière version de yoast SEO. La façon la plus simple est d’ajouter du nouveau contenu via le plugin gt 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 gt social à partir du tableau de bord de gestion WordPress. Tout drsquoabord, ajoutez des liens à votre profil social pour aider les moteurs de recherche à vérifier qursquoils 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: Crsquoest
Cliquez officiellement sur Activer les options. Supposons que ayez ajouté une page Facebook liée à votre site dans lrsquoonglet compte, alors pouvez le faire. souhaitez ajouter une image par défaut pour une page sans Média au premier plan, crsquoest à de décider.
Gazouillis Complétez Facebook et il est temps de faire face à Twitter. Assurez 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 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 lrsquoicône utilisateur et cliquez sur lrsquoonglet 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 lrsquoétiquette et de vérifier le site. Crsquoest à propos de Pinterest! Google + Le dernier compte social que devez configurer est Google +, qui nrsquoest qursquoun 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 de changer les paramètres par défaut dans le référencement gt apparence de recherche gt 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 lrsquoicône share (qui semble plus petite que le symbole) Google Structured Data Testing Tool: cet outil ne montrera pas un aperçu des messages partagés sur Google +, mais 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é lrsquoétiquette Open Graph, il suffit de coller lrsquoURL du site qui contient lrsquoétiquette. Il montre les propriétés de lrsquoobjet. Outil de validation Twitter: Vous pouvez utiliser ce lien pour prévisualiser lrsquoonglet 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 drsquoentrer lrsquoURL qui contient lrsquoétiquette de graphe ouvert pour prévisualiser et srsquoassurer que le contenu est affiché comme il devrait lrsquoêtre. suivez tout le tutoriel, nrsquoaurez aucun problème.
Avec ces métabalises graphiques ouvertes, pouvez optimiser la façon dont les titres, les images, les descriptions et drsquoautres 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, plutôt que de cliquer sur des URL nues ou courtes (ce qui peut également être utile si utilisez la technologie pour automatiser le partage social). Nous espérons que notre guide aidera à mettre en place des balises drsquoéléments ouverts et des balises Twitter pour votre site, mais nrsquohésitez pas à poser des questions si avez des questions. Nous serions heureux de aider si pouviez! Quels plugins WordPress utilisez pour implémenter ces métabalises? Avez drsquoautres conseils ou astuces à ajouter? Nrsquohésitez pas à mentionner vos idées dans les commentaires ci dessous.
Comment configurer les cartes Open Graph et Twitter pour WordPress
