Pourquoi mes Twitter Cards ne fonctionnent pas ?

Configuration des Twitter Cards avec WordPress SEO by Yoast

Il y a quelques mois, après avoir soigneusement configuré WordPress SEO by Yoast, j’avais renseigné mes différents profils dans la partie concernant les réseaux sociaux. J’ai pu vérifier que ma photo apparaissait bien dans les résultats de recherche de Google.

J’avais également renseigné mon compte Twitter, mais je n’avais pas pensé à vérifier que les Twitter Cards étaient bien en place, et ce par manque d’information. Et en effet, la magie n’avait pas opérée.

Voyons comment régler ce problème.

Twitter Cards ?

Vous avez certainement remarqué certains tweets contenant un lien vers un article, agrémentés de l’image à la une et du résumé de celui-ci.
Ils attirent indéniablement l’œil, mais aussi, et c’est encore mieux, le clic.

Configuration des Twitter Cards avec WordPress SEO by Yoast : le résultat
Un tweet d’un article avec la Twitter Card
Chaque blog et site devrait pouvoir être affiché de cette façon.

Toutefois, ajouter les balises appropriées dans la partie <header> des pages du site, que ce soit manuellement ou automatiquement grâce à un plugin tel que WordPress SEO by Yoast, ne suffit pas. Il manque une étape.

J’ai d’ailleurs découvert cette étape sur le blog de Yoast.

Pourquoi elles passent à la trappe ?

C’est tout simple : comme pour relier son profil Google+ à un blog en tant qu’auteur, il est nécessaire de déclarer son site ou son blog chez Twitter.

Et comme l’option est encore en beta, tout se passe sur la partie développement de Twitter, et n’est pas accessible directement, par son compte Twitter par exemple.

Je précise que la fonctionnalité est encore en beta, mais que le service fonctionne tout de même très bien.

Configuration dans WordPress SEO by Yoast

La première étape, la plus simple, consiste à indiquer votre compte Twitter dans la partie dédiée aux réseaux sociaux de WordPress SEO by Yoast.

Configuration des Twitter Cards avec WordPress SEO by Yoast : configuration du plugin
Configuration du plugin
Dès lors, plusieurs balises meta apparaissent dans le code la balise <header> du code HTML de vos articles, par exemple celle-ci :

<meta name="<a>twitter:card</a>" content="<a>summary</a>"/>

Activation de la fonctionnalité sur le site de Twitter

Aussi, avant de pouvoir profiter des Twitter Cards sur les tweets qui parlent de vos articles, il est nécessaire de valider votre blog directement sur le site de validation des meta tags.

La première étape est le choix du modèle.

Avec WordPress SEO by Yoast, la seule possibilité, pour le moment est l’affichage ‘summary’, c’est-à-dire le résumé à gauche et une miniature de l’image à la une, ou une image de l’article le cas échéant, à droite.

Configuration des Twitter Cards avec WordPress SEO by Yoast : le choix du modèle
Choix du modèle
Ensuite vous devez valider l’adresse d’un article, n’importe lequel, à partir du moment où il contient les balises insérées automatiquement après avoir configuré WordPress SEO by Yoast.

En clair, il s’agit bien de n’importe quel article, mais pas la page d’accueil du site.

Configuration des Twitter Cards avec WordPress SEO by Yoast : déclaration d'un article
Déclaration d’un article
Cliquez ensuite sur ‘Request Approval’ puis renseignez les champs qui ne l’ont pas été automatiquement :

  • la description du site, 140 caractères maximum (ça vous rappelle quelque chose ?)
  • le compte Twitter du propriétaire du site, certainement le vôtre, ou peut-être le compte Twitter dédié au site.

Enfin, patientez le temps de la validation, qui dure souvent à peine quelques minutes.

Le mot de la fin

Une fois ces deux actions de configuration accomplies, les tweets qui parlent de l’un de vos articles sont plus stylés et deviennent plus attractifs.

De plus, tous les tweets, même ceux déjà envoyés bénéficient de cette nouvelle présentation, automatiquement.

Finalement, ce n’était pas si compliqué, il suffisait simplement de le savoir. Comme toujours.

Cet article vous a été utile ? Partage it !

27 réflexions au sujet de « Pourquoi mes Twitter Cards ne fonctionnent pas ? »

    1. Bonjour Arnaud,

      Tu utilises bien un article en tant que page à tester, et pas la page d’accueil ?
      J’ai regardé le source HTML, les métas ne sont pas présentes (sauf si tu les as enlevées).

      David

        1. Je voulais dire que c’est une page d’article qu’il faut soumettre à Twitter, je n’ai aucun doute sur tes compétences en WordPress, bien au contraire 😉

          Tu as bien ajouté les balises opengraph (og), mais il manque les quelques balises Twitter nécessaires. Par exemple :
          <meta name= »twitter:card » content= »summary »/>
          <meta name= »twitter:site » content= »@partageit »/>
          <meta name= »twitter:domain » content= »partage-it.com »/>
          <meta name= »twitter:creator » content= »@partageit »/>

          Aucun rapport, mais tes photos sont superbes 🙂

          David

          1. J’ai compris dès que j’ai lu ton message : le cache !!!
            En tant qu’admin, je reçois une version sans cache, ce qui n’est pas le cas pour les visiteurs.. Une purge et zouh, tout est en ligne et la demande pour mes twitter cards est en cours !!!

            Merci !!!

  1. Salut David,

    Lorsque j’ai vu le titre de ton article dans tes articles relatifs, je me suis demandé de quoi tu voulais parler, car sincèrement, c’est la première fois que j’entends parler de Twitter Cards!
    Et j’ai finalement bien fait d’aller voir, car comme tu le dis, c’est plus attirant qu’un simple tweet basique.
    Merci pour ton tutoriel clair et simple, comme d’habitude 😉
    Je pourrai donc me coucher un peu moins bête ce soir 😉

    Amicalement,

    Bruno

    1. Bonjour Bruno,
      Je pense que tu ne les connaissais pas parce que Twitter n’a pas beaucoup communiqué sur cette fonctionnalité, comme elle est en toujours en version beta.
      Mais ça ne l’empêche pas de bien fonctionner… et WordPress SEO by Yoast de les gérer (à peu de choses près).
      Merci à toi pour les partages 🙂
      David

  2. Merci beaucoup pour ce tuto ! J’ai tout suivi, twitter m’a meme envoyé un email mais je ne vois pas la card apparaitre en partageant un lien de notre site.

    J’ai d’ailleurs essayé de partager le lien de cet article mais la card n’apparait pas non plus.

    Merci pour ton aide.

    1. Bonjour Jonathan,
      J’ai l’impression que tout est rentré dans l’ordre pour toi, j’ai jeté un oeil à tes tweets, et les cards sont bien en place.
      David

      1. Bonjour David,

        Ah tu les vois ? Moi je ne les vois qu’avec l’appli sur l’iPhone mais sur l’ordinateur, elles n’apparaissent pas dans ma page twitter (meme après avoir rechargé le Cache…)…

        Merci pour ton aide.

        1. Bonjour Jonathan,
          J’aurais également pensé au cache, mais comme tu me dis que tu l’as déjà rechargé, ce n’est pas ça…
          David

  3. Je sais pas vous, mais de mon coté impoossible de voir les twitter card sur ordi.
    Je les vois seulement sur l’appli iphone

    1. Bonjour Gotcha,
      En effet, maintenant je ne les vois plus non plus…
      Pour certains (Jonathan par exemple), la disparition a débuté plus tôt.
      Et comme souvent avec les Twitter Cards, on n’a aucune communication officielle.
      Twitter prépare certainement quelque chose. Peut-être la fin de la beta et l’officialisation de cette fonctionnalité, ou encore l’affichage automatique, comme pour les photos.
      Affaire à suivre…
      David

  4. Super, je me prenais le chou à essayer de trouver comment avoir les Twitter card pour mon blog.

    Par contre, après avoir suivi toute la procédure ci-dessous, je n’ai pa eu une validation de quelques minutes mais un message selon lequel Twitter allait considérer mon application et que ça pouvait prendre quelques semaines.

    C’est normal ?

    1. Bonjour Stéphanie,
      D’après mes souvenirs, Twitter se réserve un délai assez large, mais la réponse arrive tout de même assez vite.
      Depuis quand as-tu activé les Twitter Cards sur ton blog ?
      David

  5. Bonsoir et merci pour ton article.

    J’ai configuré YOAST et passé par la page de validation de Twitter. La prévisu est bonne et il me dit « *.papa-blogueur.fr is whitelisted for summary_large_image card  » sauf que je ne vois aucun changement sur mes publication sur Twitter.

    Une idée ? O_o

    Je lis plein d’article mais cela ne m’avance pas.

    1. Bonjour Franck – Papa Blogueur,

      J’ai l’impression que tu as réussi, je vois les Cards sur tes tweets en rapport avec les articles de ton blog (très utile d’ailleurs, merci 🙂 ).

      David

    1. En fait, le tweet sur la chandeleur avec les enfants est bien présenté sous la forme d’une Twitter Card, mais pas celui à propos du concours…
      Et toutes les informations sont correctes dans le code HTML…
      Tu as configuré les Twitter Cards avant ou après avoir tweeté l’article sur le concours ?
      David

    1. Je vois bien les Twitter Cards des deux derniers tweets avec un lien vers ton blog, sur le site Twitter et sur smartphone…

      David

Laisser un commentaire

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

Si vous le souhaitez, renseignez le champ 'Nom' de cette façon : 'VotreNom@VotreMotClef' pour obtenir une ancre optimisée pour les moteurs de recherche.