Enrichissez vos tweets grace aux Twitter Cards

le Vendredi 3 Mai 2013

Enrichissez vos tweets grace aux Twitter Cards
Apporter de la valeur à vos tweets grâce aux Twitter Cards, c'est désormais possible sur WMaker !

A l'instar de Facebook via son désormais célèbre OpenGraph, les Twitter Cards permettent d'enrichir et de mettre en valeur votre contenu lorsqu'il est partagé sur Twitter. Cela contribue ainsi à considérablement augmenter le traffic vers votre site mais aussi le nombre de partage de votre contenu et donc améliorer votre référencement.

Ergonomie d'une Twitter Card

Il existe plusieurs présentations possibles pour vos cartes, selon le type de contenu dont vous disposez.

  1. Summary : C'est la carte de résumé par défaut avec le titre de votre page, sa description et éventuellement la vignette associée.
  2. Summary Large Image : C'est la même carte, sauf que l'image est mise en avant.
  3. Photo : Affiche une photo dans un tweet qui peut être vue dans la visionneuse d'image de Twitter
  4. Gallery : Permet d'afficher plusieurs photos de votre galerie photo dans un tweet (Je vois déjà certain d'entre vous le sourire aux lèvres)
  5. Product : Les produits de votre boutique mis en avant sur Twitter ? C'est ce que permet de faire cette carte
  6. Player : Vos vidéos pourront être jouées directement dans Twitter avec cette carte


Comme vous pouvez le constater, les possibilités d'interactions avec votre site chez WMaker sont nombreuses ! De la boutique en ligne à la Web TV  en passant par les pros de la photo, il y en a pour tous les goûts !
Exemple de Twitter Card
Exemple de Twitter Card

Les Twitter Cards chez WMaker

Nous avons décidé de procéder en plusieurs phases cette implémentation des Twitter Cards dans votre CMS préféré. La première consiste à proposer les cards partout où existe déjà l'OpenGraph de Facebook c'est à dire : 

  • La page d'accueil
  • La page article
  • L'agenda
  • Les petites annonces


C'est désormais chose faite, chacune de ces pages dispose des tags permettant de bénéficier d'une carte Summary Large Image. C'est la présentation qui contribue le mieux selon nous à promouvoir votre site et donner envie à vos followers d'en savoir plus, et pourquoi pas devenir ambassadeur de votre site.

La deuxième phase sera commune à Facebook et Twitter et étendra les tags des deux plateformes aux autres sections de votre site afin de vous permettre d'aller encore plus loin en terme de promotion de votre site avec des tweets enrichis et adaptés au contenu ciblé (Ex: une carte Gallery pour vos albums photos ou encore une carte Player pour vos vidéos) !

Comment activer ce service ?

Nous avons fait la majeure partie du travail pour vous, cela dit vous devez tout même apporter votre pierre à l'édifice si vous voulez que les Twitter Cards fonctionnent correctement.

Actuellement ce service doit être activé manuellement par vos soins pour votre domaine puis approuvé par Twitter. Ce processus prend selon eux environ une semaine à deux semaines.
 
Pour les activer, vous devez vous accéder à l'outil de validation de Twitter  en vous authentifiant avec votre compte Twitter.

Fermez l'ibox qui s'ouvre automatiquement et cliquez sur l'onglet Validate & Apply puis saisissez l'adresse de votre site ou de n'importe quel article de votre site. Vous voyez dès lors à quoi pourra ressembler un tweet enrichi faisant référence à cette page.
Enrichissez vos tweets grace aux Twitter Cards


Cliquez ensuite sur Request Approval, remplissez puis envoyez le formulaire d'approbation à Twitter. Voilà c'est terminé !
Enrichissez vos tweets grace aux Twitter Cards

Terminé ou presque...

Et oui, il y a toujours un "mais".

Je vous ai dit plus haut que nous avions choisi d'adopter "Summary Large Image"  comme mode de présentation pour vos cartes car elles représentent pour les pages concernées la meilleur disposition pour mettre en avant vos contenus.

Lorsque vous avez soumis le formulaire d'approbation, vous avez dû noter ce petit encart "Card Type Requested" qui signifie que cette requête n'est valide que pour les cartes de ce type là.

Vous voyez déjà où je veux en venir... Quand nous rajouterons les autres cartes avec des types différents (par exemple le type Photo pour une photo de la galerie), vous serez obligés d'effectuer de nouveau ce processus d'approbation.
Enrichissez vos tweets grace aux Twitter Cards


En attendant, entre la publication automatique de vos articles sur Twitter, les boutons de partages dans vos pages et ce nouvel outil, vous n'avez plus aucune excuse pour ne pas commencer à gazouiller :-)




Vos commentaires

1.Posté par Olivier Oudon le 03/05/2013 18:48 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Un seul mot : ÉNORME.

2.Posté par Moi le 04/05/2013 03:05 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour, c'est dû à quoi ? Error Encountered

Something went wrong and your request to be added to the whitelist failed. Please try again.

Reason: Internal error when processing the whitelist request

3.Posté par Gérald Vidamment le 04/05/2013 05:58 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,
Très bonne nouvelle !
Par contre j'ai également un message d'erreur lors de l'approbation. J'ai l'impression que cela vient de l'intitulé "website twitter username". Que faut il mettre ? J'ai essayé en indiquant le même que pour "twitter username", à savoir @competencephoto puis j'ai essayé d'en créer un nouveau mais rien n'y fait, le message d'erreur apparaît.

4.Posté par Jean-Mathieu Marchetti-Ettori le 04/05/2013 08:51 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,

@Gerald ne mettez pas l'@ avant votre username, je me suis fait avoir aussi au début.
@Moi il s'agit d'une erreur propre a Twitter, refaites un essai plus tard !

5.Posté par Jérôme Pietri le 04/05/2013 10:57 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@tous il ne faut pas mettre @ avant votre username il y est déjà devant le champs de saisie.

6.Posté par Gérald Vidamment le 04/05/2013 17:04 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Merci pour vos retours. Malheureusement, je ne mettais pas @ devant.

7.Posté par Jean-Mathieu Marchetti-Ettori le 04/05/2013 18:04 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@ tous ceux qui ont l'erreur Internal error when processing the whitelist request, le problème vient probablement du champ "Website Description" qui doit être très court ! (pas plus de deux ou trois mots)

8.Posté par Gérald Vidamment le 04/05/2013 18:09 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Je viens d'essayer avec un website description très court (2 mots) mais l'erreur persiste. Qui peut me dire à quoi correspond le "website twitter username" ? Que faut il mettre ? J'ai essayé en indiquant le même que pour "twitter username" puis un différent mais cela ne change rien.

9.Posté par Jérôme Pietri le 04/05/2013 18:18 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@gerald Passez par le support et communiquez vous codes d'accès qu'on regarde.
Pour infos quand même l'erreur est chez eux pas chez nous, Twitter nous procure du support :)

10.Posté par Olivier Oudon le 05/05/2013 23:48 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@ tous : nous avons rempli le champs desciption en anglais et pas en français, et c'est passé. Pas sûr qu'il y ait un lien mais bon, voilà l'info.

@ team WM : pouvez-vous implémenter la balise meta qui permette d'activer la Card "Player" pour les Web TV ? Thanks !

11.Posté par Nathalie Hardouin le 06/05/2013 10:54 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,
Je confirme qu'en remplissant ce champs en anglais ça fonctionne !
Bonne journée à tous

12.Posté par Gérald Vidamment le 06/05/2013 11:23 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Merci, l'anglais était bien la solution au problème !

13.Posté par Hermann Giguère le 13/05/2013 03:55 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bravo. Aucun problème à m'inscrire. Je l'ai fait en anglais. J'attends la réponse de Twitter.

14.Posté par Yannick Sourisseau le 17/05/2013 08:41 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,
Je n'ai pas tout compris. J'ai rempli le formulaire et j'ai eu la réponse de Twitter m'indiquant que ma demande était acceptée, mais que dois-je faire désormais pour que ça fonctionne ?
Cordialement

15.Posté par Jean-Mathieu Marchetti-Ettori le 17/05/2013 10:38 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,

si votre demande est acceptée vous n'avez rien à faire. Tous les tweets qui feront référence à une des pages de votre site seront enrichis.

D'ailleurs puisque vous avez activé la publication automatique de vos articles sur Twitter, je vous invite à regarder les tweets existants sur votre compte, vous remarquerez qu'en cliquant dessus vous avez la Twitter card que vous avez paramétré.

16.Posté par Yannick Sourisseau le 18/05/2013 10:25 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Effectivement, ça marche et c'est formidable. Merci WMaker, toujours à la pointe du progrès

17.Posté par Jérémy Brachet le 24/05/2013 10:27 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,
Aucun problème à m'inscrire.
Par contre le Card Preview me montre bien la carte mais sans l'image.
Et les tweets n'ont effectivement pas le visuel.
Pour info j'ai mis les tags suivants :
"twitter:card", "twitter:url", "twitter:title", "twitter:description", "twitter:image" et ai laissé les autres vides.
L'url pour l'image est bien correcte.