Cette section est close pour le moment.
Mais je n'arrête pas la veille, loin de là. Retrouvez mes projets sur Github et sur cette page qui sera à jour plus régulierement


Ressources

Définition de ressource : (nom féminin) Qui peut fournir ce dont on a besoin.
Vous l'aurez compris, sur cette page ce ne sont pas vraiment des tutoriels, c'est plutôt des penses-bêtes plus ou moins fournis mais qui vous permettront d'avoir des bases concernant la programmation.
Recherche par tag

Enrichissez vos tweets de contenu avec des Twitter Cards

Enrichissez vos tweets de contenu avec des Twitter Cards
Publication : Le 18/11/2012 à 08:35:23

Introduction

Les Twitter Cards permettent d'ajouter du contenu automatiquement à vos tweets. Ce contenu sera le résumé de la page partagée.

Ce système de partage enrichi est basé sur les balises Open Graph Protocol que l'ont à déjà vu dans d'autres ressources.

Création de la Twitter Card

Vous avez le choix entre différent type de carte :

- Summary
- Photo
- Player

Comme cette ressource n'est qu'une approche des Twitter Cards, nous verrons que la première carte. Vous réussirez sans problème à intégrer les autres grâce à la documentation de Twitter.

Pour créer une Carte de type Summary il vous faudra renseigner obligatoirement certains paramètres :

- twitter:card
- twitter:url, l'url à partager
- twitter:title, le titre de votre partage
- twitter:description, Un texte court résumant le contenu de la page

D'autres paramètres sont optionnels :

- twitter:image, lien vers une image, qui sera "croppé" si elle est trop grande
- twitter:site, le compte Twitter du site
- twitter:creator, le compte Twitter de l'auteur du contenu.

Tous ces paramètres sont à inscrire sous forme de balise Open Graph Protocol dans la partie head de votre site.
<html>
 <head>
   ...
     <meta name="twitter:card" content="summary">
     <meta name="twitter:site" content="@site">
     <meta name="twitter:creator" content="@site_creator">
     <meta name="twitter:url" content="http://www.mon-site.fr/lien-de-mon-article/">
    <meta name="twitter:title" content="Le titre de mon article">
    <meta name="twitter:description" content="L'article va parler de plein de choses intéressante">
    <meta name="twitter:image" content="http://mon-site.fr/images/image.jpg">
 </head>
 <body>
 </body>
</html>
Si vous travaillez sur un partage via d'autres réseaux sociaux, vous allez vous rendre compte que certaines balises sont redondantes. On peut donc simplifier le code en appelant une seule fois le titre de la page et la description (par exemple) via les balises OGP.

Les paramètres propres à Twitter ne changeront pas :
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@site">
<meta name="twitter:creator" content="@site_creator">

<meta name="og:url" content="http://www.mon-site.fr/lien-de-mon-article/">
<meta name="og:title" content="Le titre de mon article">
<meta name="og:description" content="L'article va parler de plein de choses intéressante">
<meta name="og:image" content="http://mon-site.fr/images/image.jpg">
Pour tester la bonne intégration de votre code, vous pouvez faire des vérifications via l'espace développeur de Twitter, soit en copiant votre code directement, soit en vérifiant via l'url.

Envoyer votre travail à Twitter pour être accepté

Mais tout ceci ne sert à rien si Twitter refuse d'intégrer votre Twitter Card à vos Tweets.

Pour cela il faut faire une demande au réseau social via un formulaire où vous devrez renseigner des informations sur vous, le type de contenu que l'on trouve sur votre site (vous trouverez le lien sur la droite de l'article).

Il faut compter 3 semaines à 1 mois pour avoir une réponse.

Si vous êtes accepté, vous n'aurez rien à faire de spécial. Tous les liens renvoyant sur votre site seront intégrés aux tweets concernés.

Conclusion

Vu que les Twitter Card ne sont pas utilisées par la majorité des sites il peut être important de se démarquer via ce système.

De plus, cela permet d'augmenter le nombre de visites et donc de followers.

Il n'y a donc que des points positifs à l'utilisation de ce service.

Sur le même thème

Enrichissez vos tweets de contenu avec des Twitter Cards
Publication : Le 18/11/2012 à 08:35:23

Tags

Tags : réseaux sociaux / twitter

Suggestion :

Enrichissez vos tweets de contenu avec des Twitter Cards

Enrichissez vos tweets de contenu avec des Twitter Cards