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.
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.
<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.
En clair, il s’agit bien de n’importe quel article, mais pas la page d’accueil du site.
- 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.
Sur le même thème...
Décorez le flux RSS WordPress
Configurer WordPress SEO by Yoast : les paramètres généraux
Suite du tutorial WordPress SEO : optimiser les articles
Configurer et installer le breadcrumb avec WordPress SEO by Yoast
Changer le type de Twitter Card par défaut de WordPress SEO by Yoast
Infinite scroll et Twenty Thirteen
Merci pour l’info.
j’ai ajouté les meta à la main mais impossible de passer la validation avec un « Invad card type » systématiquement 🙁
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
je ne les ai pas mis en page d’accueil, mais uniquement dans mes billets 😉 c’est que je maîtrise le if single() 🙂
voir par exemple : http://www.concertsenboite.fr/2013/07/23/chronique-photos-live-nadeah-5
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
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 !!!
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
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
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.
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
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.
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
Je sais pas vous, mais de mon coté impoossible de voir les twitter card sur ordi.
Je les vois seulement sur l’appli iphone
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
Merci!!
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 ?
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
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.
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
Bizarre je ne les vois pas du tout, faut -il être non logue pour les voir ? Merci pour le compliment
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
re,
Je ne sais plus, je pense avant mais sans être sur.
Je viens de partager sur Twitter un article depuis mon blog : https://twitter.com/PapaBlogueur
et je ne vois pas les avantages de Twitter Cards.
Je vois bien les Twitter Cards des deux derniers tweets avec un lien vers ton blog, sur le site Twitter et sur smartphone…
David
bizarre de chez bizarre, je vais voir sur un autre navigateur sans être connecté à mon compte, merci quand même
Oui, c’est bizarre… Tu pourras me dire si c’était bien ça ?
David
J’ai demandé sur mon profil ce que voyait mes lecteurs, tous voient comme moi, sans twitter cards, donc je ne sais pas comment tu les vois, tu pourrais m’envoyer une capture par email stp, merci ?
Je vois des tweets qui sont des Twitter Cards mais qui ne le savent pas… 😉
Je t’envoies ça par mail.
David
Ouep, mais bon j’aimerais qu’ils soient visible partout et chez tout le monde, je ne sais pas pourquoi c’est si aléatoire, ce n’est pas suffisant pour moi, merci pour ton aide.