Vous souhaitez ajouter des Twitter Cards à votre site WordPress ? Les cartes Twitter sont des images et des descriptions qui apparaissent sur Twitter lorsque quelqu’un partage votre contenu.
Il vous aide à contrôler l’apparence de vos Tweets sur Twitter, à obtenir du crédit en incluant automatiquement votre nom dans le Tweet et à stimuler l’engagement des utilisateurs.
Dans cet article, nous allons vous montrer comment ajouter des cartes Twitter dans WordPress, afin que vos Tweets puissent se démarquer.
Pourquoi utiliser les cartes Twitter dans WordPress ?
Les cartes Twitter vous permettent d’ajouter un titre, un résumé, une image et un fichier vidéo ou audio à votre Tweet. De cette façon, vous êtes plus susceptible d’obtenir plus de clics et de retweets.
Vous pouvez voir un exemple en direct en vous rendant sur notre Twitter.
Le plus grand avantage des cartes Twitter est qu’elles augmentent le nombre de personnes qui suivent vos comptes Twitter grâce à l’attribution de contenu. Souvent, les gens tweetent vos liens sans vous donner le crédit approprié.
Par exemple, @syedbalkhi retweet un message de @wpbeginner sans attribution, et d’autres personnes retweetent @syedbalkhi. Ensuite, les utilisateurs qui consultent ces retweets sont plus susceptibles de suivre @syedbalkhi que @wpbeginner.
Souvent, les conservateurs de contenu le font pour garder les Tweets courts et garantir les retweets de leurs propres Tweets.
Avec les cartes Twitter, ce problème est résolu car vous obtenez du crédit pour votre site à partir de chaque Tweet qui mentionne votre article.
Maintenant que vous connaissez les avantages des Twitter Cards, voyons comment les implémenter dans WordPress.
Méthode 1 : utilisez le plugin AIOSEO pour ajouter des cartes Twitter
Le moyen le plus simple d’ajouter des cartes Twitter à votre site Web est d’utiliser le Référencement tout en un (AOSEO) plugin pour WordPress. C’est le meilleur plugin WordPress SEO et est utilisé par plus de 2 millions de sites Web.
Tout d’abord, vous devrez installer et activer le plugin AIOSEO. Pour plus de détails, suivez notre tutoriel étape par étape sur la façon d’installer un plugin WordPress.
Vous pouvez utiliser le version gratuite d’AIOSEO car il offre une fonctionnalité pour configurer des cartes Twitter sur votre site Web WordPress.
Une fois le plugin actif, accédez à votre zone d’administration WordPress et accédez à Référencement tout en un » Réseaux sociaux. Cliquez ensuite sur l’onglet « Twitter » et assurez-vous que l’option « Activer la carte Twitter » est activée.
Une fois que vous avez activé les cartes Twitter, vous pouvez modifier leur apparence à l’aide de différents paramètres.
AIOSEO vous permet de sélectionner le type de carte par défaut pour votre contenu. Le plugin définira « Résumé » comme type de carte par défaut qui affichera le titre, le résumé et l’image miniature de votre contenu.
Cependant, vous pouvez le changer en « Résumé avec une grande image » dans le menu déroulant et Twitter affichera votre tweet avec une grande image.
Après cela, vous devez sélectionner la source d’image de publication par défaut. C’est l’image que vous souhaitez afficher dans vos cartes Twitter.
Vous avez le choix entre différentes options à l’aide du menu déroulant. Par exemple, vous pouvez télécharger ou sélectionner une image par défaut qui apparaîtra dans la carte Twitter ou sélectionner l’image en vedette, l’image jointe, la première image du contenu, etc.
Ensuite, ajoutez une image Twitter de publication par défaut, qui sera utilisée comme sauvegarde au cas où votre contenu n’aurait pas d’image.
Par exemple, si la source de votre image de publication est une image en vedette mais qu’il manque une image en vedette à la publication, alors Twitter utilisera l’image par défaut à la place.
En dehors de cela, AIOSEO offre plus d’options pour afficher des données supplémentaires telles que l’auteur du message et le temps qu’il faudrait pour lire un article.
Il existe également une option pour définir la source d’image du terme par défaut, mais vous aurez besoin AIOSEO Pro ou une licence supérieure d’utiliser cette fonctionnalité.
Maintenant, si vous faites défiler vers le bas, vous verrez les paramètres de la page d’accueil pour Twitter. Le plugin affichera un aperçu de l’apparence de votre page d’accueil dans une carte Twitter.
Dans cette section, vous pouvez modifier le type de carte et ajouter une image de page d’accueil. C’est similaire aux étapes que nous avons montrées plus tôt, mais la seule différence est que ces paramètres sont pour votre page d’accueil.
Ensuite, entrez un titre de page d’accueil et une description qui apparaîtront sur la carte Twitter.
Une fois cela fait, cliquez sur le bouton « Enregistrer les modifications ».
En plus de cela, AIOSEO vous permet également de modifier les paramètres de la carte Twitter pour les publications et les pages individuelles.
Pour ce faire, modifiez n’importe quel article ou page de blog, puis faites défiler jusqu’aux paramètres AIOSEO dans l’éditeur de contenu. Cliquez maintenant sur l’onglet ‘Social’ et sélectionnez ‘Twitter’.
Le plugin affichera un aperçu de la carte Twitter de votre publication et vous donnera la possibilité d’utiliser les données de l’onglet Facebook. Il vous permet également de modifier le titre et la description de Twitter.
Vous pouvez écrire un nouveau titre et une nouvelle description ou utiliser des balises actives. Par exemple, si vous utilisez la balise « + Titre du message » sous Titre Twitter, AIOSEO utilisera automatiquement le titre de votre message dans la Twitter Card.
Après cela, faites défiler vers le bas et sélectionnez la source d’image pour votre carte Twitter. Utilisez le menu déroulant pour sélectionner l’image que vous souhaitez afficher pour votre publication, comme une image vedette, une image jointe, la première image du contenu, etc.
Enfin, vous pouvez sélectionner le type de carte Twitter dans le menu déroulant. Par défaut, AIOSEO le définira sur « Résumé », mais vous pouvez le changer en « Résumé avec une grande image. »
Ensuite, mettez à jour ou publiez votre article de blog. Vous avez maintenant ajouté avec succès des cartes Twitter à votre site Web WordPress.
Méthode 2 : ajouter des cartes Twitter dans WordPress (méthode de code)
Cette méthode nécessite l’ajout de code à vos fichiers de thème ou de thème enfant. Ouvrez simplement le fichier header.php et ajoutez ce code juste avant le </head>
étiqueter.
<?php #twitter cards hack if(is_single() || is_page()) { $twitter_url = get_permalink(); $twitter_title = get_the_title(); $twitter_desc = get_the_excerpt(); $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full ); $twitter_thumb = $twitter_thumbs[0]; if(!$twitter_thumb) { $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75'; } $twitter_name = str_replace('@', '', get_the_author_meta('twitter')); ?> <meta name="twitter:card" value="summary" /> <meta name="twitter:url" value="<?php echo $twitter_url; ?>" /> <meta name="twitter:title" value="<?php echo $twitter_title; ?>" /> <meta name="twitter:description" value="<?php echo $twitter_desc; ?>" /> <meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" /> <meta name="twitter:site" value="@libdemvoice" /> <? if($twitter_name) { ?> <meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" /> <? } } ?>
Si vous ne savez pas comment travailler avec PHP ou si vous rencontrez des problèmes avec la méthode 2, veuillez utiliser la méthode 1.
Testez et validez vos cartes Twitter
Avant que les liens de votre site WordPress ne commencent à afficher les cartes Twitter, vous devez d’abord les vérifier dans le validateur de cartes Twitter.
Rendez-vous simplement sur le Validateur de carte page sur le site Web des développeurs Twitter. Entrez l’URL de n’importe quel article de votre site WordPress et cliquez sur le bouton Aperçu de la carte.
Twitter vous montrera un aperçu de votre carte Twitter.
Mettre à jour: Auparavant, vous deviez demander à participer aux Twitter Cards. Cependant, Twitter a mis en place un système qui met automatiquement les domaines en liste blanche lorsque vous les testez avec le validateur ou partagez simplement une URL sur Twitter.
Nous espérons que cet article vous a aidé à ajouter des cartes Twitter dans WordPress. Vous pouvez également consulter notre liste des meilleurs plugins Twitter pour WordPress et notre sélection d’experts des plugins WordPress indispensables pour développer votre site Web.