Dans ce tuto HTML et Google dédié aux extrais enrichis ou snippet, vous allez apprendre à modifier le code HTML d'une page produit pour que les informations affichées par Google soient bien plus parlantes et donnent envie aux internautes d'en savoir plus. Dans cet exemple, nous allons transformer un résultat de recherche très classique en quelque chose de bien plus engageant.

Les extraits ou rich snippet (les quelques lignes de texte qui s'affichent sous chaque résultat de recherche) sont conçus pour donner aux internautes un aperçu du contenu de la page et leur montrer la pertinence du résultat par rapport à leur requête.

Si Google interprète correctement le contenu de vos pages, il crée des extraits enrichis, c'est-à-dire des informations détaillées visant à aider les internautes lors de recherches spécifiques. Par exemple, l'extrait enrichi d'une recette de cuisine peut contenir une photo et indiquer la durée totale de préparation ainsi que la note attribuée à la recette. L'extrait enrichi pour un restaurant peut indiquer sa note moyenne et un ordre de prix. Enfin, l'extrait enrichi d'un album musical peut contenir la liste des titres avec un lien permettant de lire chacun d'entre eux. Ces extraits enrichis aident les internautes à savoir si votre site est pertinent dans le cadre de leur recherche, et peuvent entraîner une hausse des clics sur vos pages.

Jetez un oeil à ces autres tuto Google

Introduction à l’API Google Maps JavaScript v3Introduction à l’API Google…
Dans ce tutoriel vidéo Introduction à l'API GoogleMaps Javascript…

Savez-vous parler Google ?Savez-vous parler Google ?
Dans ce tuto Google, en vidéo, vous apprendrez à effectuer…

Formation Google AppsFormation Google Apps
Dans ce tuto de formation Google Apps en vidéo d'une durée…

Effectuer une recherche simpleEffectuer une recherche simple…
Dans ce tutorial découvrez comment effectuer efficacement une…

Introduction à l’API Google Maps JavaScript v3Introduction à l’API Google…
Dans ce tutoriel vidéo Introduction à l'API GoogleMaps Javascript…

Créer son site avec Google SitesCréer son site avec Google…
Avec votre compte Google, vous pouvez accéder à Google Sites…

Formation Google AppsFormation Google Apps
Dans ce tuto de formation Google Apps en vidéo d'une durée…

Faire une recherche avec GoogleFaire une recherche avec Google…
Dans ce cours, vous verrez comment :- Faire une recherche avec…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Google de 15 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

Mediaforma , Formateur

Mediaforma diffuse gratuitement des vidéos sur le système d'exploitation Windows 7. Vingt vidéos sur un total de cent douze sont disponibles en permanence sur le site. Toutes les semaines, deux nouvelles vidéos apparaissent et les deux plus anciennes sont supprimées. A propos de moi : Michel Martin est un MVP (Most Valuable Professional) Microsoft sur la technologie Windows. Depuis de nombreuses années, il écrit des livres et des formations multimédia sur les technologies Microsoft et non Microsoft.

Toutes les formations de Mediaforma


Témoignage des clients de Mediaforma

De très bons tutoriels, bien expliqués et destinés à tous les âges. Merci à vous.

J'adore vos formations elles sont toujours très complètes

 

D'autres tuto de Mediaforma

Savez-vous parler Google ?Savez-vous parler Google ?
Dans ce tuto Google, en vidéo, vous apprendrez à effectuer une recherche pointue sur…

Débuter en HTML5 - CSS3 - Javascript - Tome 2Débuter en HTML5 - CSS3 - Javascript - Tome 2
Cette formation vidéo fait partie d'une série sur la programmation HTML5, CSS3 et JavaScript.…

Formation Windows 8 Consumer PreviewFormation Windows 8 Consumer Preview
Voici une formation Windows 8, dédiée à la découverte de la version Consumer Preview.…

Débuter en HTML5 - CSS3 - Javascript - Tome 1Débuter en HTML5 - CSS3 - Javascript - Tome 1
Cette formation fait partie d'une série sur la programmation HTML5, CSS3 et JavaScript.…

voir tous les tuto de Mediaforma

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (8)

par milito
(a acheté ce tuto - 20 mars 2013)

" Bonjour, merci de votre réponse. Comme je vous le disez j'utilise Joomla 2.5, j'ai mis le code dans ma page d'accueil mais il apparait sur le site.
Je ne voudrais pas le voir dans le page accueil pour cela je dois le mettre ou dans les pages. Dans le "Head, body, dans les Options des Métadonnées Joomla " je ne s'ais pas. Si il faut le mettre dans la page accueil comment faire pour qu'il ne s'affiche pas. Merci pour la précision des autres pages

Cordialement "

par Mediaforma
(auteur de ce tuto - 19 mars 2013)

" Bonjour Milito,

Voici (enfin !) la réponse à votre question.

Les extraits enrichis doivent être créés dans chacune des pages pour lesquelles vous voulez voir des informations enrichies dans les résultats des réponses de Google.

Si vous voulez que 10 de vos pages apparaissent de façon enrichie, vous devrez insérer un bloc de code correspondant dans chacune des dix pages concernées.

Bonne continuation.
"

par Mediaforma
(auteur de ce tuto - 13 février 2013)

" Bonjour Milito,

Actuellement en voyage aux USA, je ne peux pas vous répondre dans l'immédiat. Je vous recontacte dès mon retour d'ici une grosse semaine. Désolé pour le délai.

"

par milito
(a acheté ce tuto - 13 février 2013)

" bonjour, le tuto est trés bien, mais je n'est pas compris ou je doit le mettre. dans ma page acceuil ? ou dans l'article?.
j'utilise joomla 2.5 merci pour votre aide. "

par Mediaforma
(auteur de ce tuto - 28 août 2012)

" Si vous trouvez que cette vidéo n'est pas assez concrête, je vous informe que je viens d'insérer les microdonnées prises en exemple dans une page Web bien réelles. Cette page a été soumise à Google.

Dès que les microdonnées auront été prises en compte par Google (entre 5 jours et un mois si tout se passe bien), je complèterai la vidéo actuelle pour y insérer cet exemple pratique.

Je vous dis donc à bientôt. "

par Mediaforma
(auteur de ce tuto - 15 août 2012)

" Bonjour,

Désolé que ce tuto ne vous convienne pas. Je vais revoir son contenu en y ajoutant un exemple pratique. Je reviendrai vers vous lorsqu'il sera en ligne.
"

par DynaMICmédia
(a acheté ce tuto - 13 août 2012)

" tout à fait d'acord avec Kenmaclord

inutile et surtout apres plusieurs essais d'intégration, cela ne fonctionne pas
"

par kenmaclorda voté :
(a acheté ce tuto - 06 août 2012)

" Le contenu pourrait être intéressant, mais la vidéo est lente, molle et monotone. On s'ennuie ferme. Par ailleurs, la partie la plus importante qui est l'intégration à une page HTML n'est tout simplement pas abordée. À la fin de la vidéo on ne sait pas comment utiliser le code ébauché. Donc tuto inutile. "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Google d’une durée de 15 minutes a été acheté 54 fois et a reçu une note moyenne de 1/5.

Ce tuto a été publié le 31 juillet 2012 par Mediaforma, contributeur, ayant reçu une note moyenne de 3,5/5 pour l’ensemble de ses vidéos.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !