Guide du débutant sur comment ajouter des Twitter Cards dans WordPress

Voulez-vous ajouter des Twitter Cards à votre site WordPress? Twitter Cards vous permet d’attacher du contenu multimédia enrichi à des tweets qui renvoient à votre contenu. Ceci est très similaire au partage d'un lien sur Facebook qui affiche automatiquement un aperçu avec un titre, un résumé et une vignette du contenu de votre page. Dans cet article, nous allons vous montrer comment ajouter des cartes Twitter dans WordPress.

Comment fonctionnent les Twitter Cards?

Lorsque votre tweet contient un lien vers un site sur lequel les cartes Twitter sont activées, une option vous permet d'afficher un résumé. Chaque fois qu'un autre utilisateur clique sur le tweet, il verra ce résumé comme la capture d'écran ci-dessous. Vous pouvez voir l'exemple en direct en allant sur notre page Twitter.

Le principal avantage des cartes Twitter est que cela augmente le nombre de personnes qui suivent vos comptes Twitter grâce à l'attribution de contenu. Souvent, les gens tweetent vos liens sans vous attribuer correctement.

Nous avons remarqué cela particulièrement chez certains curateurs de contenu populaires. Ils vont tweeter nos articles sans aucun via @wpbeginner ou RT @wpbeginner. C'est leur droit, mais en tant qu'éditeurs, nous manquons particulièrement lorsque d'autres personnes retweetent votre contenu avec les attributs de quelqu'un d'autre..

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.

C'est souvent ce que font les conservateurs de contenu pour maintenir la longueur des tweets et assurer des retweets de leurs propres tweets. Avec les cartes Twitter, ce problème est résolu car vous obtenez du crédit sur votre site pour chaque tweet mentionnant votre article. Remarque: nous ne choisissons pas les conservateurs de contenu. C'est une faille de 140 caractères maximum, et Twitter aide à résoudre le problème avec les cartes Twitter.

Par exemple, quand Annie a tweeté notre article, elle n'a pas mentionné @wpbeginner. Mais grâce à l'intégration de nos cartes Twitter, nous avons obtenu toute la solvabilité et la visibilité nécessaires. Remarquez comment il a un bouton suivre en un clic.

Maintenant que vous connaissez les avantages des cartes twitter, voyons comment implémenter dans WordPress.

Comment ajouter des cartes Twitter dans WordPress

Il existe deux manières d'ajouter des cartes Twitter dans WordPress. Jetons un coup d'oeil aux deux.

Méthode 1: plug-in Yoast SEO

Si vous utilisez le plugin WordPress SEO by Yoast, vous avez de la chance. Yoast a une intégration intégrée pour les cartes Twitter, l'activer en quelques clics.

Allez simplement sur la page «Social» de la page des paramètres de Yoast SEO. Entrez votre nom d'utilisateur Twitter et enregistrez les modifications.

Après cela, cliquez sur l'onglet Twitter. Sous l'onglet Twitter, vous devez cocher la case Ajouter les métadonnées de la carte Twitter. Sélectionnez un type de carte par défaut à choisir. Vous pouvez choisir d'afficher un résumé ou un résumé avec une grande image.

La prochaine chose que vous devez faire est d'aller à Utilisateurs "Mon profil page. Vous verrez un nouveau champ sous Informations de contact pour votre nom d'utilisateur Twitter. Entrez votre nom d'utilisateur Twitter ici.

Si vous utilisez un site multi-auteurs, demandez à vos auteurs de compléter cette partie dans leur profil. De cette façon, chaque auteur spécifique obtient également un crédit pour son travail. Voir l'exemple ci-dessous:

C'est tout ce que vous avez ajouté avec succès les balises méta tags Twitter Cards à votre site WordPress.

Cette méthode est de loin la plus simple. Puisque nous utilisons WordPress SEO par Yoast sur tous nos sites Web, nous utilisons cette méthode..

Méthode 2: codez en dur

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 étiquette.

 ID), complet); $ 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'));?>          

Source: Ryan Cullen @artesea

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..

Dernière étape: tester et valider

Avant que les liens de votre site WordPress commencent à afficher des cartes Twitter, vous devez d'abord les vérifier dans le validateur de cartes Twitter..

Rendez-vous simplement sur la page du validateur de cartes sur le site Web des développeurs Twitter. Entrez l'URL de toute publication de votre site WordPress et cliquez sur le bouton de la carte de prévisualisation.

Twitter va vous montrer un aperçu de votre carte Twitter.

Mettre à jour: Auparavant, vous deviez postuler pour participer aux Twitter Cards. Cependant, Twitter a mis en place un système qui ajoute automatiquement la liste blanche aux domaines lorsque vous les testez avec le validateur ou que vous partagez simplement une URL sur Twitter..

Nous espérons que cet article vous a aidé à ajouter des cartes Twitter dans WordPress. Vous voudrez peut-être aussi voir notre liste des 10 hacks et plugins Twitter les plus recherchés pour WordPress.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.