Si vous cherchez à développer votre entreprise, votre blog ou votre présence en ligne, vous utilisez probablement les médias sociaux, et Twitter en fait partie.
En tant que spécialiste du marketing numérique, je sais que faire remarquer votre contenu sur des plateformes telles que Twitter est un objectif permanent.
Lorsque vous partagez un lien vers votre site web sur Twitter, vous voulez qu'il se démarque et qu'il attire l'attention des gens. C'est là que les Twitter Cards entrent en jeu. Elles transforment vos liens ordinaires en aperçus enrichis, souvent accompagnés d'images, de titres et de descriptions.
Si vous souhaitez rendre les liens de votre site web sur Twitter plus efficaces et plus attrayants sur le plan visuel, vous êtes au bon endroit.
Dans ce guide étape par étape, je vous montrerai exactement comment ajouter les Twitter Cards à votre site web. Je partagerai le processus simple que j'ai utilisé pour mettre en place les Twitter Cards sur WordPress, afin que vous puissiez faire en sorte que chaque lien de site Web que vous partagez sur Twitter travaille plus fort pour vous.
Dans cet article
- Pourquoi utiliser les Twitter Cards pour votre site web ?
- Comment ajouter des cartes Twitter à votre site web (méthode simple)
Pourquoi utiliser les Twitter Cards pour votre site web ?
Si vous souhaitez toucher un grand nombre de nouvelles personnes pour votre marque, Twitter peut être un endroit fantastique.
Après tout, d'après nos recherches sur les statistiques de marketing des médias sociaux, Twitter compte plus de 330 millions d'utilisateurs ; il s'agit donc d'une plateforme massive de médias sociaux avec des tonnes de clients potentiels.
Mais commencer à utiliser Twitter peut s'avérer difficile, surtout si votre marque ne dispose pas déjà d'une large audience sur les médias sociaux.
Un moyen simple et efficace d'y parvenir est d'ajouter des cartes Twitter à votre site web. Ainsi, les visiteurs de votre site peuvent facilement consulter vos tweets et vous suivre.
Voici quelques autres façons d'utiliser les cartes Twitter pour votre site web :
- En intégrant des tweets pertinents, vous pouvez attirer l'attention des internautes et les inciter à rester sur votre site.
- Vous pouvez publier des tweets avec les dernières nouvelles et annonces concernant votre marque et informer facilement vos visiteurs.
- L'affichage de votre chronologie Twitter montre également aux gens que vous publiez activement sur Twitter, ce qui signifie qu'ils sont susceptibles de vous contacter par ce biais. Cela vous permet également d'obtenir plus de retweets.
- Si vous souhaitez augmenter vos ventes, vous pouvez utiliser les cartes Twitter pour intégrer des commentaires sur vos produits et convaincre davantage de personnes d'acheter.
Et ce n'est qu'un début. Les cartes Twitter peuvent être un moyen fantastique de se lancer dans le marketing des médias sociaux, de susciter l'intérêt de vos followers et de développer votre entreprise.
Voyons maintenant la manière la plus simple d'afficher le contenu de Twitter sur votre site web.
Comment ajouter des cartes Twitter à votre site web (méthode simple)
Si vous souhaitez montrer des cartes Twitter aux visiteurs de votre site web, le meilleur moyen est d'utiliser un plugin WordPress.
Vous pouvez ainsi intégrer autant de contenu Twitter que vous le souhaitez, sans aucun codage.
Et le meilleur plugin pour afficher les tweets sur votre site web est Twitter Feed Pro.
Grâce à ce plugin, vous pouvez ajouter des cartes Twitter à votre site web en toute simplicité et commencer à attirer l'attention de vos visiteurs en un rien de temps.
Twitter Feed Pro est le meilleur plugin de flux Twitter pour WordPress. Il est conçu pour faciliter l'affichage de votre contenu Twitter engageant et pour maintenir l'intérêt des visiteurs de votre site web pour votre présence sur les médias sociaux, en travaillant main dans la main avec vos efforts pour améliorer votre stratégie Twitter, comme l'utilisation des Twitter Cards.
Quelques clics suffisent pour créer, personnaliser et intégrer un flux de cartes Twitter sur votre site web.
Tout comme la mise en place des Twitter Cards est simple, le démarrage de Twitter Feed Pro est rapide et facile. Aucun codage compliqué n'est nécessaire pour l'un ou l'autre.
De plus, vous disposez de nombreuses options quant au type de contenu Twitter que vous souhaitez afficher.
Vous pouvez afficher les tweets de la chronologie des utilisateurs, intégrer les hashtags Twitter que vous avez choisis, afficher les résultats de la recherche sur Twitter, et bien plus encore.
Le plus beau ? Vos cartes Twitter s'adapteront automatiquement au design de votre site web grâce au plugin. Ainsi, le contenu de Twitter s'adaptera parfaitement à votre image de marque.
Une chose que j'apprécie vraiment dans Twitter Feed Pro est son personnalisateur visuel de flux.
Il vous permet de personnaliser facilement l'apparence de votre flux Twitter et le contenu qu'il affiche, vous donnant ainsi le contrôle de l'intégration de Twitter sur votre site web, tout comme vous contrôlez l'apparence de vos liens avec les Twitter Cards.
En quelques clics, vous pouvez définir votre mise en page, votre palette de couleurs, la conception des boutons, le style de l'en-tête, et bien plus encore.
De plus, ce plugin est accompagné d'une équipe d'experts WordPress qui sont toujours prêts à vous aider.
Comme vous pouvez le constater, Twitter Feed Pro est vraiment le meilleur plugin pour vous aider à intégrer du contenu Twitter sur votre site web.
En fait, certaines des plus grandes marques du monde utilisent Smash Balloon pour intégrer des flux de médias sociaux sur leurs sites web.
Prêt à ajouter des cartes Twitter à votre site web ? Obtenez votre copie de Twitter Feed Pro ici.
Voyons maintenant comment utiliser le plugin pour ajouter des cartes Twitter à votre site web.
Étape 1 : Télécharger le plugin Twitter Feed Pro
Pour commencer, téléchargez le plugin Twitter Feed Pro sur votre ordinateur.
Ensuite, il vous suffit d'installer et d'activer le plugin sur votre site web.
Si vous avez besoin d'aide, consultez ce tutoriel sur l 'installation d'un plugin WordPress, étape par étape.
Une fois le plugin installé et activé, vous pouvez passer à l'étape 2 ci-dessous.
Étape 2 : Créer un nouveau flux Twitter
Maintenant que votre plugin est prêt, vous pouvez l'utiliser pour créer un nouveau flux Twitter sur votre site web.
Grâce à ce flux, vous pouvez afficher des tonnes de cartes Twitter en même temps.
Depuis votre tableau de bord, accédez au menu Fil Twitter " Tous les fils " pour commencer.
Créez maintenant un nouveau flux en cliquant sur le bouton Ajouter un nouveau .
Ensuite, vous pouvez choisir le type de contenu Twitter que vous souhaitez afficher sur vos cartes. Voici les options qui s'offrent à vous :
- Timeline de l'utilisateur : Intégrer une chronologie Twitter sur votre site web
- Hashtag : Afficher les messages Twitter contenant un hashtag choisi
- Home Timeline : Affiche les tweets de votre page d'accueil
- Recherche : Choisissez un terme de recherche et intégrez des tweets contenant ce terme.
- Mentions : Afficher les tweets qui mentionnent votre profil
- Listes : Afficher le contenu d'une liste Twitter publique
Sélectionnez l'option que vous préférez dans cette liste, puis cliquez sur le bouton Suivant.
Pour cet exemple, nous utiliserons un flux de type " timeline".
Comme vous pouvez le constater, ce plugin vous permet de créer un flux Twitter en quelques clics,
À l'étape 3, vous pouvez connecter ce flux à Twitter afin qu'il puisse afficher des cartes Twitter sur votre site web.
Étape 3 : Connecter votre compte Twitter
Pour intégrer les cartes Twitter, vous pouvez connecter ce nouveau flux à votre compte Twitter.
Pour cela, cliquez sur le bouton Connecter pour commencer.
Le plugin ouvrira ensuite Twitter afin que vous puissiez terminer la connexion de votre compte. Pour cela, vous pouvez simplement donner un accès en lecture seule au plugin.
De cette façon, votre compte Twitter sera totalement sécurisé puisque le plugin ne peut que consulter les informations de Twitter et ne pourra pas y apporter de modifications.
Pour connecter votre compte Twitter, cliquez sur Autoriser l'application ici.
Maintenant que vous avez connecté votre compte Twitter, il est temps d'ajouter la source.
La source peut être le profil Twitter, le hashtag, la liste, le terme de recherche et le contenu Twitter personnalisé que vous souhaitez afficher sur votre site web.
Ici, nous avons ajouté le profil Twitter @starbucks comme source. Cela affichera les cartes Twitter du profil de cet utilisateur.
Après avoir saisi la source dans la fenêtre contextuelle, cliquez sur le bouton Suivant.
Vous pouvez maintenant passer à l'étape 4 et personnaliser l'apparence de vos cartes Twitter sur votre site web.
Étape 4 : Personnaliser votre fil Twitter
Pour commencer, vous pouvez choisir d'importer un design prédéfini pour vos cartes Twitter. Voici les 6 options qui s'offrent à vous :
- Défaut
- Cartes de maçonnerie
- Carrousel simple
- Cartes simples
- Carrousel de présentation
- Dernier Tweet
- Widget
Après avoir sélectionné le modèle, cliquez sur Suivant pour continuer.
Une fois que vous avez fait cela, Twitter Feed Pro vous enverra à l'éditeur de flux en direct. A partir de là, vous pouvez modifier la mise en page, les couleurs, le design des boutons, la boîte à lumière, le design de l'en-tête, et plus encore pour vos cartes Twitter.
Vers la droite, vous pouvez trouver un aperçu en direct qui montre comment les cartes Twitter s'afficheront sur votre site web.
Pour commencer la personnalisation, vous pouvez modifier la présentation des cartes Twitter sur votre site web.
Pour ce faire, cliquez sur l'option Feed Layout.
Ensuite, vous pouvez choisir entre 3 mises en page pour vos cartes Twitter : Liste, Masonry et Carousel.
Voyons-les ci-dessous :
Grâce à la présentation en liste, vous pouvez afficher vos cartes Twitter sur une seule colonne, à l'instar de la présentation du site officiel de Twitter.
De cette manière, chaque carte Twitter est clairement visible sur votre site web.
Ensuite, vous avez la mise en page en maçonnerie qui permet d'afficher les cartes Twitter dans plusieurs colonnes.
C'est un excellent moyen de montrer des tonnes de cartes Twitter en une seule fois.
Vous pouvez également choisir la disposition en carrousel et intégrer un diaporama de cartes Twitter sur votre site web.
Cette mise en page peut vous aider à rendre votre site web encore plus interactif.
Après avoir sélectionné la mise en page de votre flux Twitter, cliquez sur le bouton Enregistrer en haut de la page.
Ensuite, vous pouvez continuer à configurer le design de votre flux Twitter en cliquant sur le bouton Personnaliser en haut de la page.
Vous pouvez désormais utiliser l'éditeur de flux en direct pour modifier les couleurs de votre flux Twitter.
Cliquez sur l'option Schéma de couleurs à gauche pour commencer.
Pour modifier vos couleurs, vous pouvez simplement choisir entre 4 schémas de couleurs différents :
- Hériter du thème : Copier les couleurs de votre thème WordPress
- Léger : Un arrière-plan clair avec une couleur de police foncée
- Dark : Fond sombre sur une couleur de police claire
- Personnalisé : Choisir manuellement toutes les couleurs
Une fois que vous avez sélectionné votre palette de couleurs, cliquez sur le bouton Enregistrer.
Vous pouvez ensuite utiliser les autres options de personnalisation et modifier l'en-tête, le design des boutons, la taille du flux et bien d'autres choses encore en quelques clics.
Enfin, cliquez sur le bouton Enregistrer pour confirmer le nouveau design de votre fil Twitter.
Vous pouvez ensuite passer à l'étape finale et commencer à intégrer vos cartes Twitter sur votre site web.
Étape 5 : Incorporer vos cartes Twitter sur votre site Web
Maintenant que vous avez personnalisé l'apparence des cartes Twitter, il est temps de les intégrer à votre site Web WordPress.
Vous pouvez le faire de 2 manières avec ce plugin :
- Intégrer des cartes Twitter sur une page WordPress
- Intégrer des cartes Twitter dans la barre latérale ou le pied de page de WordPress
Examinons les deux méthodes ci-dessous.
Intégrer des cartes Twitter sur une page WordPress
Grâce à l'éditeur de flux en direct, vous pouvez facilement intégrer vos cartes Twitter en quelques clics - aucun codage n'est nécessaire.
Pour commencer, cliquez sur le bouton " Embed" en haut de la page.
Une fois que vous avez fait cela, vous verrez une fenêtre contextuelle dans laquelle vous pourrez choisir l'emplacement de vos cartes Twitter.
Cliquez sur Ajouter à une page ici pour continuer.
Ensuite, vous verrez une liste de toutes les pages WordPress de votre site web. Vous pouvez maintenant sélectionner la page où vous souhaitez intégrer les cartes Twitter.
Ensuite, cliquez sur Ajouter pour continuer.
Twitter Feed Pro va maintenant ouvrir cette page dans l'éditeur WordPress. Ici, vous pouvez ajouter un nouveau bloc de contenu en cliquant sur l'icône plus (+).
Écrivez "twitter feed" dans la barre de recherche en haut de la page pour trouver le bloc de contenu adéquat.
Ensuite, cliquez sur le bloc Fil Twitter dans les options ci-dessous.
Enfin, cliquez sur le bouton Mettre à jour , et vos cartes Twitter seront en ligne sur votre site web.
Pour voir ce que cela donne, il vous suffit d'ouvrir votre site web et de vérifier par vous-même.
Voyons maintenant une autre façon d'ajouter des cartes Twitter à votre site Web en utilisant Twitter Feed Pro.
Intégrer des flux Twitter dans la barre latérale ou le pied de page de WordPress
Grâce à cette méthode, vous pouvez intégrer les cartes Twitter dans votre barre latérale ou votre pied de page WordPress sous la forme d'un widget Twitter.
Vous pouvez également utiliser l'éditeur de flux en direct pour cela.
Tout d'abord, naviguez vers le menu Twitter Feed " All Feeds " depuis votre tableau de bord WordPress.
Vous verrez alors une liste de tous les flux Twitter sur votre site web. Cliquez maintenant sur le flux Twitter que vous souhaitez intégrer.
Cela ouvrira à nouveau l'éditeur de flux en direct. Il vous suffit de cliquer sur le bouton Embed pour commencer à intégrer vos cartes Twitter.
Dans la fenêtre contextuelle, cliquez sur Ajouter à un widget pour continuer.
Cela vous renverra à la page des widgets de WordPress pour que vous puissiez ajouter votre widget Twitter.
À partir de là, vous pouvez choisir entre la barre latérale et le pied de page pour vos cartes Twitter.
Vous souhaitez afficher des cartes Twitter dans la barre latérale de votre site web ?
Il suffit de cliquer sur le panneau Sidebar .
Vous pouvez également choisir d'afficher les cartes Twitter dans le pied de page.
Pour cela, cliquez plutôt sur un panneau de pied de page.
Vous pouvez maintenant ajouter un nouveau widget en cliquant sur l'icône plus (+) en bas.
Ensuite, sélectionnez le widget Twitter Feed dans les options.
Enfin, vous pouvez cliquer sur Mettre à jour pour enregistrer les modifications.
C'est ainsi que vous avez ajouté les cartes Twitter aux zones prêtes à accueillir des widgets sur votre site web. Vous pouvez y jeter un coup d'œil en ouvrant votre site web.
En résumé, Twitter Feed Pro est le meilleur plugin si vous souhaitez ajouter facilement du contenu Twitter à votre site web.
Voyons maintenant comment intégrer des cartes Twitter sans utiliser de plugin.
Ajouter manuellement des cartes Twitter à votre site Web
Vous pouvez également ajouter des cartes Twitter à votre site web de manière manuelle, sans utiliser de plugin.
Par conséquent, cette méthode peut prendre beaucoup plus de temps. En effet, vous devrez générer manuellement le code d'intégration de Twitter et l'ajouter à votre site web.
De plus, vous n'aurez pas d'options de personnalisation, de sorte que vos cartes Twitter risquent de ne pas correspondre à votre image de marque.
Si vous souhaitez modifier l'apparence des cartes Twitter, vous devrez modifier le code vous-même ou faire appel à un développeur.
De plus, vous ne bénéficierez pas d'une équipe d'assistance comme avec Twitter Feed Pro. Si l'ajout du code d'intégration à votre site provoque des erreurs, vous ne pourrez pas demander l'aide d'une équipe d'assistance.
Commençons par voir comment ajouter manuellement des cartes Twitter à votre site.
Étape 1 : Visiter Twitter Publier
Pour commencer, ouvrez publish.twitter.com dans votre navigateur pour accéder au site Web Twitter Publish.
Ici, vous pouvez utiliser le générateur de cartes Twitter pour créer un code HTML d'intégration pour le contenu Twitter.
Étape 2 : Choisissez votre type d'intégration
Si vous faites défiler l'écran vers le bas, vous trouverez trois options d'intégration différentes :
- Twitter intégré : Ajoutez une carte Twitter unique à votre site
- Timeline intégrée : Afficher les cartes Twitter d'une chronologie spécifique
- Boutons Twitter : Intégrer des boutons Twitter
Pour notre exemple, nous choisirons l'option de la ligne de temps intégrée.
Étape 3 : Collez votre URL Twitter
Ensuite, vous verrez apparaître une fenêtre contextuelle de génération de cartes Twitter. Il vous suffit d'entrer l'URL de la ligne temporelle Twitter que vous souhaitez intégrer.
Après avoir collé l'URL de la timeline Twitter dans la fenêtre contextuelle, cliquez sur le bouton Aperçu pour continuer.
Étape 4 : Copier le code HTML
Enfin, vous pouvez voir le code HTML de vos cartes Twitter. Vous pouvez également voir un aperçu de l'apparence des cartes Twitter sur votre site web.
Pour continuer, cliquez sur le bouton Copier le code.
Enfin, vous pouvez utiliser ce code pour intégrer les cartes Twitter à l'étape suivante.
Étape 5 : Ajouter le code HTML à WordPress
Vous pouvez maintenant coller le code HTML dans votre page ou article WordPress.
Pour utiliser une page WordPress, cliquez sur le menu Pages " Ajouter une nouvelle page dans votre tableau de bord.
Vous pouvez également ouvrir le menu "Posts" "Add New" dans votre tableau de bord pour utiliser l'article WordPress.
Pour cet exemple, nous utiliserons une page WordPress.
Ajoutez maintenant un bloc de contenu à la page ou à l'article en cliquant sur l'icône plus (+).
Enfin, cherchez la barre de recherche en haut de la page et écrivez-y "custom html".
Sélectionnez ensuite le bloc HTML personnalisé dans les options ci-dessous.
Vous pouvez maintenant coller le code d'intégration Twitter copié dans le bloc HTML.
Cela permettra d'intégrer les cartes Twitter à votre site web.
Enfin, cliquez sur Publier pour enregistrer vos modifications, et les cartes Twitter seront en ligne.
Il suffit d'ouvrir votre site web pour voir à quoi ressemblent les cartes Twitter.
Mais si vous souhaitez intégrer une seule carte Twitter, c'est un peu plus facile.
Tout d'abord, copiez l'URL de votre Twitter, puis retournez sur votre site web WordPress. Ensuite, il vous suffit de coller votre URL dans votre article ou votre page.
Comme précédemment, cliquez sur Publier pour confirmer vos modifications, et votre nouvelle carte Twitter sera en ligne.
Et voilà !
Comme vous pouvez le voir, il est très facile d'ajouter des cartes Twitter à votre site web en utilisant un plugin WordPress. Avec Twitter Feed Pro, vous pouvez commencer à afficher le contenu de Twitter en quelques clics - même si vous êtes un novice en matière de WordPress.
Vous pouvez alors augmenter votre audience sur les médias sociaux, engager les visiteurs de votre site web et augmenter vos ventes.
Si vous souhaitez commencer à tirer le meilleur parti de Twitter pour votre marque, consultez notre liste des meilleurs moyens de gagner de l'argent sur Twitter.
Vous avez un site web Elementor ? Voici comment intégrer un flux Twitter sur votre site Elementor.
Si ce tutoriel vous a aidé, suivez-nous sur Facebook et Twitter pour d'autres conseils utiles sur le marketing des médias sociaux.
