Vous êtes ici : Accueil | Plugins WordPress | Comment intégrer Twitter à WordPress : le guide complet

Comment intégrer Twitter à WordPress : le guide complet

30 minutes. Cela fait 30 fichues minutes que vous cherchez comment intégrer Twitter à WordPress.

Quelle extension choisir ? Comment afficher son fil d’actu ? Comment publier vos articles sur le réseau social symbolisé par le petit oiseau bleu ?

Bref, vous vous posez une tonne de questions. Et vous en en avez marre de perdre du temps. S’il vous plaît : attendez un peu avant de balancer votre écran par la fenêtre.

Figurez-vous que lier Twitter et WordPress, ce n’est pas si sorcier. Il y a parfois des petites manipulations à faire pour tout rendre fonctionnel mais ça peut vraiment être très très utile.

Vous savez quoi ? Je vais vous le démontrer tout au long de cet article. Des astuces, conseils et méthodes simples vous permettront de reproduire tout ça chez vous.

Facilement. Pas à pas. Juste pour vous prévenir : j’ai prévu beaucoup beaucoup plus que 140 (ou maintenant 280) caractères.

Mais avant de commencer, voici notre feuille de route. Au cours de cet article, nous aborderons ensemble les points suivants :

  1. Pourquoi vous devez lier Twitter et WordPress ?
  2. Test ultime de 11 extensions Twitter pour WordPress
    1. Le plugin Twitter officiel
    2. Custom Twitter Feeds
    3. Click To Tweet
    4. AccessPress Twitter Feed
    5. Twitter Button by BestWebSoft
    6. Twitter Auto Publish
    7. Twitter Feed
    8. Recent Tweets Widget
    9. Rotating Tweets
    10. Twitter Cards Meta
    11. JM Twitter Cards
  3. LA vérification à faire une fois votre extension paramétrée
  4. 3 méthodes simples et détaillées pour intégrer Twitter à WordPress sans plugin. Le tout comme un pro
  5. 7 outils complémentaires pour gérer Twitter avec WordPress
  6. Bonus : 10 comptes Twitter à suivre absolument (indice : on n’a pas inclus @supermegadrivin et @Bescherelle).

Allez, c’est parti !

Pourquoi vous devez lier Twitter et WordPress ?

Twitter, service de microblogging

« La vitrine de ce qu’il se passe dans le monde et des sujets de conversation du moment. » En toute modestie, voilà comment se présente Twitter sur la page A Propos de son site officiel.

Lancé en 2006, « Twitter est un réseau social de microblogage, explique Wikipedia. Il permet à un utilisateur d’envoyer gratuitement de brefs messages, appelés tweets, sur internet, par messagerie instantanée ou par SMS. Ces messages sont limités à 280 caractères. »

Twitter vient de l’anglais « tweet », en français « gazouillis ».

Avec 330 millions d’utilisateurs – source – Twitter est le 5ème réseau social le plus utilisé dans le monde, très loin derrière Facebook (2 milliards d’utilisateurs) et Instagram (700 millions).

Tiens, en parlant de ça, si vous utilisez Instagram avec votre WordPress, n’hésitez pas à consulter The guide indispensable de la Marmite sur le sujet.

Si vous avez un site ou un blog WordPress, on parie que vous souhaitez avoir le maximum de visibilité pour promouvoir vos écrits, votre activité, vos produits etc.

Excellente idée. Sachez que Twitter est l’endroit adéquat – parmi d’autres – pour :

  • Renforcer votre image de marque.
  • Fidéliser votre public.
  • Conquérir de nouveaux lecteurs : imaginez l’impact d’un tweet viral sur votre trafic.
  • Rendre votre marque plus populaire.

En résumé, comme l’explique Stéphane Torregrosa sur son blog Squid Impact, Twitter est fort utile pour « vous faire connaître », « créer une communauté » et « partager ».

Utiliser le service de microblogging avec WordPress va vous permettre d’automatiser certaines tâches, de gagner en temps et en productivité.

Il existe deux principales façons de lier Twitter et WordPress. La plupart du temps, vous pourrez utiliser une extension. Mais sachez que l’on peut aussi faire ça en codant.

11 Extensions Twitter pour WordPress : Le grand test

Avant-propos : l’ordre d’apparition n’a pas de rapport avec la qualité ou ma préférence pour une extension.

Pour information, j’ai aussi choisi d’évoquer uniquement des plugins Twitter pour WordPress qui ont été mis à jour au cours des 12 derniers mois.

Ensuite, vous constaterez que les extensions dédiées à Twitter permettent, en général, de réaliser 4 actions :

  • Intégrer un fil twitter sur son site.
  • Afficher des boutons Twitter sur son WordPress.
  • Optimiser les Twitter cards.
  • Partager un contenu entier ou un morceau de contenu.

La plupart de celles que je m’apprête à vous présenter combinent plusieurs de ces caractéristiques.

La liste que je vous propose n’est évidemment pas exhaustive. Il existe des dizaines et des dizaines d’extensions dédiées à Twitter sur le répertoire officiel.

Vous avez trouvé mieux ? Vous en utilisez une que je n’évoque pas ? N’hésitez pas à me le faire savoir en commentaire !

Dernière chose : en cas de doute, consultez cet article rédigé par Alex : « Comment installer un plugin WordPress dans les règles de l’art ».

1. Twitter

Capture d'écran de l'extension Twitter

Commençons par la base : l’extension officielle Twitter. Pour tout vous dire, j’ai d’abord eu assez peur d’elle en allant faire un tour sur le repository. Petit florilège des commentaires hyper-sympas auxquels elle a droit : « Vraiment pas terrible », « Ne fonctionne pas », « Inutile, perte de temps ».

Au milieu de cette nuée de messages peu avenants, on a trouvé un mec cool qui lui a mis 5 étoiles (sur 5) et expliqué qu’il « avait aimé ». Une exception car cette extension est très mal notée (2,6/5).

Avec tout ça, on s’attendait pas à l’affaire du siècle. Mais on a voulu se faire notre propre idée. Résultat : ça marche !

Une fois l’extension installée, une icône Twitter apparaîtra en bas, à gauche, dans votre barre d’admin.

Au niveau des réglages, cela reste très minimaliste. Vous pourrez choisir :

  • la couleur de votre thème : foncé ou clair. Pour l’exemple, on a opté pour foncé.
  • la couleur des liens.
  • d’intégrer un bouton Tweeter.

Administration du plugin Twitter

Ensuite, tout se passe au niveau de vos widgets. L’extension permet d’ajouter, dans les emplacements prévus par votre thème (sidebar, footer, header etc.), votre fil de tweets, un bouton de suivi ou encore les derniers tweets d’une liste de plusieurs comptes.

Voilà ce que ça donne, en sidebar, avec le compte de Jack Dorsey (@jack), le fondateur et PDG de Twitter.

Exemple d'intégration en page du plugin Twitter

Dernière info concernant cette extension : elle n’a pas été mise à jour depuis 10 mois. Mais, au final, elle n’est donc pas si catastrophique que ça.

Télécharger l’extension Twitter officielle

 2. Custom Twitter Feeds

Extension Custom Twitter Feed

Contrairement à l’extension Twitter présentée juste au-dessus, Custom Twitter Feeds est précédée d’une très bonne réputation.

20 000 installations actives, d’excellents avis (5 étoiles), un support supposé rapide et efficace : on ne demandait qu’à voir cette présumée Rolls Royce en action.

Premier constat : l’extension est très simple à utiliser et possède de nombreuses options de personnalisation.

Tout d’abord, il faudra obtenir une clé Token en vous connectant à votre compte Twitter. Deux clics suffisent. Cela permet à l’extension de fonctionner.

Ensuite, pour intégrer votre fil Twitter à WordPress, il ne vous restera plus qu’à personnaliser tout ça en ajoutant vos préférences pour :

  • Le nombre de tweets que vous souhaitez afficher ;
  • La possibilité d’inclure votre photo, votre bio ;
  • La largeur et hauteur du fil ;
  • Le choix de la taille de la police des tweets ;
  • La couleur de fond etc.

Administration de l'extension Custom Twitted feed

En fait, pour une version gratuite, les choix sont presque illimités.

Une fois vos réglages affinés, il vous suffit juste d’insérer le shortcode [custom-twitter-feeds] là où vous le souhaitez (article, page, sidebar). Et là où votre thème le permet.

On l’a testée à l’intérieur d’un article et en sidebar : épreuve validée.

Intégration de l'extension Custom Twitter Feed dans un article

Cerise sur le gâteau, l’extension est parfaitement responsive.

Conclusion : j’aime beaucoup.

PS : pour ceux qui en veulent encore plus, il existe une version pro. La licence la moins chère coûte 39$ (environ 34€), utilisable sur un site. Elle permet, entre autres, d’afficher les tweets de différents utilisateurs ou hashtags, ceux dans lesquels vous êtes mentionné etc. Ça peut être intéressant dans certains cas bien spécifiques.

Télécharger Custom Twitter Feeds

3. Click To Tweet

Extension Click to tweet

« Le plugin WordPress n°1 pour Twitter. » Sinon, les chevilles, ça va ?

L’extension Clicktotweet nous promet aussi, une fois installée, de bénéficier de l’outil « le plus simple pour promouvoir et faire la publicité de son contenu » sur Twitter.

Super, on ne demandait qu’à voir ça de plus près.

Contrairement à un bouton de partage classique, Clicktotweet permet de se concentrer sur une partie spécifique du contenu que vous souhaitez mettre en valeur. Par exemple, si j’écris un article expliquant comment créer un site WordPress, je ferai un truc du genre :

« Tirez le meilleur de WordPress grâce à WPMarmite. »

Bien que cette extension ait un public assez limité (4 000 installations actives), ce n’est en aucun cas un gage de mauvaise qualité.

Une fois que vous l’aurez installée, il faudra la lier à votre compte Twitter. 2 clics et le tour est joué.

Réglages de l'extension Click to tweet

Ensuite, rendez-vous dans un article ou une page. Vous verrez qu’une icône avec le petit oiseau bleu de Twitter apparaît dans la barre d’outils.

Sélectionnez le texte que vous voulez mettre en valeur en le surlignant puis cliquez sur l’oiseau bleu. Une fenêtre pop-up va automatiquement s’ouvrir et vous verrez votre message apparaître. Il vous faudra ensuite choisir votre thème.

Bouton click to tweet à l'intérieur d'un article

Bémol : le temps de chargement très long au moment d’insérer un Clicktotweet dans un article, par exemple. Il m’a été impossible de le faire à plusieurs reprises. Avez-vous le même problème chez vous ?

Maintenant : si ce désagrément se produit, ne vous affolez pas. On actionne la technique numéro 2.

Rendez-vous sur la page officielle de Clicktotweet. Cliquez sur Basic Link en haut et entrez ensuite le message que vous désirez.

Click to Tweet

Puis cliquez sur Generate New Link et collez le lien obtenu où vous le souhaitez dans votre contenu. Et voilà, fin de la manipulation. Cliquez ici pour voir ce que ça donne (il ne vous restera plus qu’à cliquer sur le bouton Tweeter pour finir le boulot).

Si vous utilisez directement le site, le plugin ne vous servira pas donc autant le désinstaller.

Télécharger Click to tweet

4. AccessPress Twitter Feed

Extension Access Press Twitter Feed

Cette extension plutôt populaire (40 000 installations actives) ajoutera un « wordpress twitter feed » à votre site/blog : comprenez un fil d’actu Twitter.

Vous serez capable de le faire par deux moyens : l’utilisation de shortcodes ou via des widgets.

Avant cela, va falloir passer par un contrôle d’identité très sérieux. Pour ne pas dire dissuasif. Ne vous inquiétez pas, la police ne va pas se pointer chez vous.

En fait, pour que l’extension fonctionne, il faut d’abord créer une application pour obtenir plusieurs infos comme une clé d’accès Token. En soi, ce n’est pas compliqué, cela rallonge juste le processus.

Réglages de l'extension Access Press Twitter Feed

Voici la marche à suivre détaillée en 4 étapes.

Etape 1 : dirigez-vous vers la page d’inscription, si l’on peut dire.

Page inscription création d'une app Twitter

Etape 2 : remplissez le formulaire ci-dessus. Entrez obligatoirement :

  • un nom : ce que vous voulez sans inclure le mot Twitter. Exemple, WPMarmite.
  • une description : mettez ce que vous le souhaitez car cela ne sera pas affiché. Exemple : WPMarmite montre aux débutants comment créer et personnaliser des sites WordPress pas à pas.
  • L’URL de votre site web (website) : exemple : https://wpmarmite.com/.

Puis acceptez les conditions d’utilisation et cliquez sur « Create your Twitter application ».

Etape 3 : récupérez vos clés d’accès.

Avant cela, commencez par vérifier, dans l’onglet Permissions, que le bouton radio « Read and write » est bien coché. Ensuite, rendez-vous sur l’onglet “Keys and Access Tokens”.

Vérifier les permissions Twitter

Etape 4 : entrez vos clés d’accès sur votre administration WordPress.

Cliquez sur Settings pour accéder aux réglages de votre extension et copiez-collez les clés d’accès générées par l’application Twitter.

Attention : il vous faudra sûrement générer une clé Token via l’onglet « Keys and Access Tokens ».

Processus de création d’une application Twitter : terminé.

Une fois les infos requises renseignées, vous trouverez deux nouveaux widgets dans Apparence > Widgets.

Le premier, “AccessPress Twitter Feed”, permet d’afficher votre fil Twitter. Le second, “AccessPress Tweet Slider”, permet de montrer ce fil dans un slider.

Vous pourrez aussi utiliser des shortcodes, si vous préférez. À chaque fois, vous aurez 3 templates au choix.

Au final, le plugin fonctionne, mais on a plutôt été refroidi par le nombre d’actions à effectuer avant d’avoir à l’utiliser. L’un de ses concurrents, Custom Twitter Feeds, est par exemple beaucoup plus simple à manipuler.

Une version pro existe. Elle coûte 18$ (environ 16 €) mais n’a plus été mise à jour depuis novembre 2016. Prudence, donc.

NB : AccesPress, le développeur de cette extension, propose aussi une extension pour publier sur votre profil Twitter vos articles, pages et custom post types. Et ce, dès que vous aurez appuyé sur le bouton « Publier » ou « Mettre à jour » de votre administration WordPress.

Si cela vous intéresse, cette extension s’appelle AutoTweet for WordPress.

Télécharger AccessPress Twitter Feed

5. Twitter Button by BestWebSoft

Extension Twitter button

Voilà une extension simple et efficace pour ajouter jusqu’à 4 boutons de partage à votre contenu :

  • tweet.
  • suivre (follow).
  • hashtag.
  • mention.

Réglages de l'extension Twitter Button

Parmi les options de personnalisation, vous allez pouvoir choisir la taille du bouton (grand ou petit), sa position (avant et/ou après le contenu), le texte à afficher ou encore le nombre d’abonnés.

Une fois que vous avez effectué vos réglages, rendez-vous par exemple sur un de vos articles. Au niveau de la barre d’outils, vous verrez désormais apparaître l’icône « Add BWS Shortcode ».

Il ne vous reste plus qu’à sélectionner les boutons que vous avez envie de montrer à vos fidèles lecteurs et l’extension ajoutera un shortcode pour les afficher. Jetez un œil au rendu sur cet article de test.

Intégration de l'extension Twitter button dans un article

Le développeur de l’extension, BestWebSoft, propose aussi une version pro à 20,38$ (oui, très précisément), soit environ 17 € pour un site.

Cependant, les options sont assez limitées par rapport à la version gratuite. En pro, vous pourrez notamment prévisualiser l’apparence de vos boutons ou encore choisir sur quels types de contenus les intégrer.

Télécharger Twitter Button by BestWebSoft

6. Twitter Auto Publish

Extension Twitter auto publish

Cette extension très pratique permet de publier automatiquement vos articles ou pages sur Twitter.

Mais, car il y a un mais : il va falloir créer ce que l’on appelle une application Twitter pour la faire fonctionner. Oui, encore elle !

Si vous ne l’avez pas déjà fait, je vous invite à consulter l’explication détaillée dans la présentation de l’extension AccessPress Twitter Feed (n°4).

Viens ensuite le moment de paramétrer votre extension.

Cela se passe dans « Basic Settings », au niveau des réglages de l’extension de l’admin WordPress. Vous pouvez même suivre l’état de vos auto-publications dans l’onglet Logs.

Réglages de l'extension Twitter auto publish

Et voilà. C’était tout simple, non ?

Afin d’en rajouter une couche, sachez que l’extension WP to Twitter fait sensiblement la même chose et réclame aussi de créer une application Twitter.

J’espère que cela ne vous a pas dégoûté. Au pire, ne vous inquiétez pas. On peut aussi se passer de cette fameuse application Twitter pour intégrer Twitter à WordPress.

Restez par là, je vous expliquerai comment dans la partie 4.

Télécharger Twitter Auto publish

7. Twitter Feed

Extension Twitter feed

Intégrer un fil Twitter sur son site n’est pas si complexe que ça. Vous allez encore en avoir la démonstration avec l’extension Twitter Feed.

Activez-la et nous voilà parti pour les réglages. Rendez-vous dans votre administration, dans la barre latérale gauche. Une icône « Twitter Feed » a dû apparaître. Cliquez sur « Add New » pour créer votre flux.

Donnez-lui un nom, WP Marmite par exemple (c’est juste pour vous, il ne s’affichera pas sur votre site) et décidez ce que vous souhaitez afficher. Par exemple, le nombre total de tweets, un hashtag etc.

En version gratuite, les options vont être assez limitées :

  • Vous ne pouvez choisir qu’un template, celui par défaut (sur les 6 disponibles).
  • Vous ne pouvez choisir que deux styles de flux sur trois : vertical et blog.

Concrètement : l’extension est très commode à mettre en place. Une fois vos paramètres enregistrés, un shortcode est généré. Insérez-le au sein d’un article ou d’une page et le tour est joué.

Affichage de l'extension custom twitter feeds dans un article via un shortcode

J’ai cependant noté deux contraintes :

  • Impossible d’ajouter mes tweets dans un widget. Pour cela, il faut passer à la version payante. Si cela vous intéresse, il vous faudra débourser 13$ (environ 11 €) pour pouvoir l’utiliser sur un site. Mais elle donne accès à toutes les fonctionnalités bloquées en freemium.
  • Un affichage douteux du flux sur notre site WordPress. Les tweets ont été coupés avant la fin. Nous avons désinstallé puis réinstallé l’extension. Ce petit défaut n’a pas disparu. N’hésitez pas à faire le test pour voir si la compatibilité fonctionne.

Télécharger Twitter Feed

8. Recent Tweets Widget

Extension Recent Tweet widget

Cette extension-là, je l’attendais de pied ferme. Pourquoi ? Parce qu’elle compte 200 000 installations actives et qu’elle a surtout été développée par Noah Kagan himself (ou très sûrement par ses équipes, peu importe).

Noah Kagan dirige notamment Sumo.com, et permet aux entrepreneurs de booster leur productivité, en résumant grossièrement.

Noah, c’est le genre de mec trop cool avec des piercings aux deux oreilles, qui fait du marketing (un ancien salarié de Facebook, le 30ème notamment) et utilise des tacos dans ses bullet lists. Si si, véridique. D’ailleurs, vous pouvez vérifier tout ça sur son site web, Okdork.

Bon, après cet aparté, revenons-en à notre mouton : la fameuse extension.

Avec elle, on fait quoi ?

En principe, on facilite la mise en cache des tweets et, donc, on permet à son site de ne pas trop ramer.

« L’extension utilise l’API v1.1 et stocke les tweets dans le cache, explique son descriptif. Cela signifie qu’elle va lire les messages de statuts de votre base de données et ne fera pas de requête à Twitter.com pour chaque chargement de page donc vous ne serez pas limité au niveau du temps de chargement. »

Une fois activée, glissez le widget « Recent Tweets » à l’emplacement souhaité. Par exemple, dans votre sidebar.

Pour le faire fonctionner, il faut récupérer vos clés API et Token. Il s’agit de la même procédure que pour certaines extensions présentées un peu plus haut.

Remplissez ensuite tout ça dans la zone de widget. Vous pouvez spécifier le moment où les tweets vont être mis en cache (toutes les 3 heures par exemple) ou encore le nombre de tweets à afficher.

Admin de l'extension recent tweet widget

Télécharger Recent Tweets Widget

9. Rotating Tweets

Extension Twitter Rotating Tweets

Allez, on va se marrer un peu. Parce que cette extension est rigolote. Bon, en lisant le titre, vous devez un peu vous douter que ça va swinguer.

Le concept : au lieu d’afficher vos tweets un par un, Rotating Tweets permet de les exposer à vos lecteurs les uns après les autres. En boucle.

Avant de voir cette extension en action, il va falloir passer par la case installation. Le côté un peu lourd du truc, comme pour certaines autres détaillées plus haut. Mais il faut le faire, alors c’est parti.

Pour ça, l’extension donne une feuille de route très claire.

Réglages de l'extension Rotating Tweets

Donc : vous suivez le lien renseigné pour créer votre application Twitter. Vous l’activez puis générez votre clé Token.

Ensuite, copiez-collez dans votre admin WordPress :

  • la clé d’usager pour l’API de Twitter ;
  • la clé secrète d’usager pour l’API Twitter ;
  • le jeton d’accès pour l’API de Twitter ;
  • le jeton secret d’accès pour l’API de Twitter.

Poursuivez en configurant certains réglages à votre guise, comme le temps que met l’extension à essayer de récupérer vos derniers tweets sur Twitter.

Venons-en à la partie la plus concrète : l’intégration de l’extension.

Vous pouvez l’ajouter à votre WordPress via un shortcode ou directement dans la zone de widgets.

Exemple de paramétrage de l'extension Rotating Tweets

Pour les widgets, c’est très simple : il suffit de mettre votre nom de compte (ou celui d’une autre personne) et de le personnaliser à votre guise. J’ai encore pris l’exemple de Jack Dorsey (@jack) pour vous montrer (regardez dans la sidebar, ci-dessous).

Pourtant, je suis fâché contre lui depuis qu’il a décidé de passer à 280 caractères. Mais je t’aime bien quand même, @jack.

Si vous êtes plutôt un adepte des shortcodes, insérez-le par exemple dans votre dernier super article qui tue en collant ça : [rotatingtweets screen_name='your_twitter'].

Pour la démo, j’ai pris le compte du créateur de l’appli, « mpntod ». Vous pouvez voir le résultat dans le corps du texte.

Exemple d'intégration du plugin Rotating Tweets en sidebar et via un shortcode

Si vous souhaitez personnaliser l’apparence de votre shortcode pour le rendre plus percutant, pas de souci. Consultez la page de l’extension et ce site web.

Télécharger Rotating Tweets

Les Twitter Cards

Enfin, bouclons cette série de tests avec deux extensions pour optimiser vos Twitter Cards.

Là, vous vous demandez sûrement : mais que se cache-t-il derrière ce terme un peu barbare ?

Une Twitter Card permet simplement d’améliorer un tweet et de l’enrichir. Twitter explique sur son site officiel que cela autorise à joindre du contenu additionnel à votre tweet initial (photo, vidéo, information sur un produit ou service etc.) afin de vous aider à générer plus de trafic sur votre site web.

Du coup, cela vous rend beaucoup plus visible dans la timeline – ou TL, pour les Twittos – de vos abonnés, par exemple.

Ci-dessous, un exemple d’un type de Twitter Card que l’on appelle « Summary » : « Résumé ».

Twitter Card résumé

Il existe plusieurs façons d’intégrer les Twitter Cards sur votre site :

  • Manuellement. N’hésitez pas à consulter la documentation officielle de Twitter pour y parvenir. Attention : c’est en anglais et peut être assez complexe à appréhender. Mais on a d’autres solutions, ne vous inquiétez pas.
  • En utilisant l’extension Yoast SEO. Je vous renvoie d’ailleurs vers l’article d’Alex à ce sujet : Yoast SEO, comment configurer le meilleur plugin de référencement pour WordPress. Attention bis : avec Yoast, vous ne pourrez créer que deux types de Twitter Cards (Summary Card et Summary Card with Large Image).
  • En utilisant une extension dédiée. C’est ce que nous allons voir avec deux d’entre-elles.

Avec ces trois méthodes, vous devrez bien penser à valider les cartes sur votre site afin que tout fonctionne correctement.

10. Twitter Cards Meta – Best Twitter Card Plugin for WordPress

Extension Twitter Cards Meta

« La meilleure extension de Twitter Cards pour WordPress. » C’est en ces termes que le développeur présente son application, qui recense 6 000 installations actives.

Dès l’activation du plugin, rendez-vous sur les réglages. Pensez à bien renseigner votre nom de compte et à définir une image par défaut : vous pouvez par exemple la récupérer dans votre Bibliothèque.

Ensuite, cliquez sur le lien en bleu, à droite « Click here to visit Twitter validation page ». Vous allez tomber sur la page ci-dessous, pour valider votre carte Twitter. Entrez l’URL de votre article ou page, validez puis envoyez une demande d’approbation.

Procédure pour valider une Twitter Card

Enfin, il vous suffit d’attendre un mail de confirmation de Twitter pour pouvoir publier votre Twitter Card !

Télécharger Twitter Meta Cards

11. JM Twitter Cards

Extension JM Twitter Cards

Pour activer cette extension, développée par Julien Maury, très impliqué dans la communauté WP FR, vous avez simplement à paramétrer vos options dans l’onglet Options.

Lorsque vous vous rendrez sur un article ou une page, vous verrez l’apparition d’une nouvelle zone intitulée « Twitter Cards », après votre éditeur de texte. Grâce à elle, vous pourrez prévisualiser l’affichage de votre Twitter Card sur le réseau social au petit oiseau bleu.

Twitter Cards Julien Maury

Télécharger JM Twitter Cards

LA vérification à faire une fois votre extension paramétrée

Après l’installation de l’extension de votre choix, veillez à vérifier le temps de chargement de vos pages.

Pourquoi ? Car les extensions de partage sur les réseaux sociaux ont parfois la fâcheuse tendance à ralentir votre site. Et ça, Google n’aime pas vraiment. Vos visiteurs encore moins.

Au passage, si vous souhaitez approfondir le sujet, je vous recommande l’article de Florian, sur la Marmite : « Comment optimiser un site WordPress sans se ruiner ».

N’hésitez pas à aller faire un tour sur GTmetrix, par exemple. Copiez-collez l’URL de votre choix et laissez GTmetrix l’analyser. Puis corrigez.

GT Metrix permet de tester la vitesse de son site

Vous pouvez aussi utiliser Pingdom, WebPagetest ou encore Dareboost.

3 méthodes pour intégrer Twitter à WordPress sans plugin comme un pro

Si vous ne souhaitez pas utiliser une extension – exemple : vous trouvez que la création d’une app Twitter est trop complexe – et que vous aimez le code, sachez qu’il est tout à fait possible d’intégrer Twitter à WordPress sans passer par un plugin.

Voici trois méthodes pour y parvenir.

1. Utiliser un embed tweet (tweet embarqué)

Cela vous permet d’intégrer n’importe quel tweet dans votre contenu WordPress. Pour cela, il suffit de copier-coller l’URL du tweet qui vous fait rêver et de l’inclure dans votre article, par exemple.

Regardez ci-dessous. J’ai « volé » un tweet de Maxime (@Maximebj), qui s’occupe de la formation WPChef avec Alex et Nicolas Richer.

Ce qui est sympa, c’est que vous allez pouvoir directement interagir avec le tweet en question (à condition d’avoir un compte Twitter) : vous pouvez l’aimer, le retweeter et/ou le commenter. Pas mal, non ?

Petit bémol : avec cette option, il est juste possible d’intégrer un tweet, pas votre fil d’actu complet.

2. Créer un « Twitter Feed Widget »

Cette astuce va vous aider à créer et intégrer votre fil d’actu pour afficher vos tweets sur WordPress, sans avoir à créer une app.

Pour cela, rendez-vous sur votre compte Twitter puis dans Paramètres et confidentialité > Widgets > Créer un widget.

A ce moment-là, cinq choix vous seront proposés :

  • Profil
  • J’aime
  • Liste
  • Collection
  • Recherche

Choisissez l’option qui vous convient le mieux. Pour ma part, j’ai opté pour Profil car je voulais afficher mon fil à mes gentils lecteurs.

Ensuite entrez votre URL Twitter dans l’espace proposé. Vous obtiendrez un code à copier-coller où vous le souhaitez sur votre site. En vrai, ça donne ça :

Intégration d'unTwitter Feed Widget

Conseil d’ami : collez bien le code donné par Twitter dans la partie Texte de votre éditeur WordPress (quand vous écrivez un article ou une page).

Je répète : dans la partie Texte.

Si vous casez tout ça dans l’éditeur Visuel, ben vous n’allez rien voir…

Pour info, le code HTML généré ressemble à ça :

<a class="twitter-timeline" href="https://twitter.com/thibforte?ref_src=twsrc%5Etfw">Tweets by thibforte</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Pour utiliser votre fil dans un widget, c’est très simple. Prenez un widget HTML (Apparence > Widgets) et glissez-le là où votre thème le permet. Par exemple, dans la sidebar ou dans le pied de page. Pensez à bien coller le code dans Texte.

Et voilà, vous êtes un champion !

3. Ajouter un bouton Twitter

Vous le savez sûrement, mais les boutons d’action Twitter comme « Tweeter » ou « Suivre » peuvent s’avérer très utiles pour développer de l’interactivité avec vos lecteurs.

Ils sont aussi très simples à ajouter à WordPress.

Pour cela, la procédure est un jeu d’enfants :

Soit vous suivez les mêmes étapes que pour ajouter un Twitter Feed widget. Vous tomberez alors sur une page de ce style.

Page pour créer un bouton Twitter

Soit vous suivez ce lien, qui vous mènera au même endroit.

Cliquez sur Twitter Buttons et choisissez celui qui vous intéresse. Pour l’exemple, j’ai pris le premier : bouton de partage.

Liste de boutons Twitter à ajouter à WordPress

Copiez-collez le code obtenu sur votre site et admirez le travail 😉

7 outils complémentaires pour gérer Twitter avec WordPress

Ce n’est pas le propos central de cet article, qui se concentre notamment sur des extensions spécifiques à Twitter. Cependant, sachez qu’il est possible d’intégrer Twitter à WordPress grâce à des extensions « généralistes », qui englobent plusieurs réseaux sociaux à la fois.

Je tenais aussi à vous en faire part, pour vous aider un maximum.

Sans rentrer dans les détails, en voici quelques-unes qui pourront sûrement vous filer un bon coup de pouce :

  • Social locker : Une extension de filou qui permet de bloquer l’accès à une partie de votre contenu à vos lecteurs. Ceux-ci ne pourront lire la ressource entière qu’à partir du moment où ils auront tweeté ou aimé votre article, par exemple. N’hésitez pas à tester cette extension car elle peut avoir un impact intéressant sur le trafic de votre site et l’interaction sur vos réseaux sociaux. A condition d’avoir des textes qui en valent la peine. Si vous publiez 300 mots ennuyeux à mourir tous les 3 mois, c’est non.
  • Revive Old Post : Utilisée par la Marmite, cette extension permet de promouvoir vos anciens articles sur les réseaux sociaux, et donc sur Twitter. Une technique très efficace en content marketing et SEO, surtout si vous mettez à jour le contenu initial.
  • Social Warfare : “Le WP Rocket des partages sociaux”. A ce sujet, je vous invite à consulter l’article rédigé par Nicolas, sur la Marmite, pour découvrir en détail cette extension très pro.
  • Mashshare : Une excellente extension pour intégrer des boutons de partage à vos publications.
  • Monarch : Une extension proposée par Elegant Themes pour afficher vos boutons de réseaux sociaux un peu partout sur votre WordPress. Le package global coûte 89$ (environ 77€) avec accès à tous leurs thèmes (dont Divi) et plugins.
  • Buffer et Hootsuite : Deux outils pour gérer vos publications, planifier vos tweets – ainsi que vos autres posts sur les réseaux sociaux – et analyser vos résultats.

Bonus – 10 comptes Twitter à suivre d’urgence

Une sélection très personnelle de comptes Twitter français en lien avec WordPress. Suivez-les, si ce n’est pas déjà fait 😉

  1. @wpmarmite : Votre hôte pour aujourd’hui 🙂
  2. @Addict2Work : Emilie Lebrun, fondatrice de l’agence Whodunit ;
  3. @seomix : Daniel Roch, fondateur de SEOMix ;
  4. @jennybeaumont : Organisatrice du WordCamp Europe 2016 ;
  5. @GeekPressFR : Jonathan Buttigieg, co-fondateur de WP Rocket ;
  6. @gregoirenoyelle : Adepte du framemork Genesis et co-fondateur du podcast Very French Trip ;
  7. @Maximebj : Co-fondateur de WPChef et de l’extension de newsletter DeliPress ;
  8. @wpchannel : Aurélien Denis, le président de WPFR ;
  9. @BoiteAWeb : Julio Potier, créateur de SecuPress ;
  10. @wpformation : Fabrice Ducarme, créateur de WP Serveur.

Alors, prêts à vous mettre au boulot ?

J’espère que cet article vous a été utile. Si vous l’avez apprécié, je vous invite à nous suivre sur Twitter, Alex et moi. Mesdames et messieurs, voici l’instant auto-promo :

Enfin, avant de se quitter, je vous encourage à me faire part de vos avis et suggestions en commentaire.

Dites-moi tout : si vous avez utilisé une extension ou si vous êtes plutôt du genre codeur. Et même si vous avez beaucoup mieux que ce que je vous ai proposé.

Les lecteurs de la Marmite seront ravis de le savoir. Et moi aussi 😉

Si vous avez apprécié cet article, inscrivez-vous à la newsletter

Recevez gratuitement les prochains articles et accédez à des ressources exclusives. Plus de 10000 personnes l'ont fait, pourquoi pas vous ?

C'est parti, je m'inscris !

    Laisser un commentaire

    Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    La Marmite ne peut malheureusement pas fournir de support. Merci d'en tenir compte dans votre commentaire 😉

    Si vous ne lui en voulez pas, donnez-lui un j'aime sur Facebook :



    [email protected]@@@@@@@@@@@@@@@@@@@@@@@@@@
    62 Partages
    Partagez32
    Tweetez21
    Partagez9