RDFa, comment insuffler un peu d'intelligence à une page Web ?Antidot
Le but de ce tutoriel est de présenter de manière concrète RDFa, recommandation du W3C qui permet d'exprimer des triplets RDF dans des pages Web HTML. A travers différents exemples, nous montrons pas à pas les principes de cette syntaxe de RDF revenant au passage sur les fondements du modèle de triplet. Puis, nous abordons différents exemples d'exploitation des données en RDFa tant du point de vue du site Web en lui-même, qu'au niveau du navigateur que des moteurs de recherche (Google rich snippet, Yahoo SearchMonkey, projet Isidore du CNRS). Dans la continuité, nous ouvrons la discussion sur les perspectives ouvertes par RDFa dans le domaine de l'optimisation du référencement, en particulier dans le E-commerce.
Mise à jour du cours portant sur la recherche web (automne 2013): moteurs, opérateurs, recherche avancée, Google, annuaires et catalogues, web invisible web profond). Fiabilité et crédibilité des informations.
Les secrets inavouables de Google
L'intervention en quelques mots :
PBN, Cloacking, Automatisation, les secrets du voodoo #SEO selon la blackhatitude mais où sont les limites, que risque t-on ? Jusqu'où certaines agences peu scrupuleuses peuvent vous emmener, voire faire tomber ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?Antidot
Le but de ce tutoriel est de présenter de manière concrète RDFa, recommandation du W3C qui permet d'exprimer des triplets RDF dans des pages Web HTML. A travers différents exemples, nous montrons pas à pas les principes de cette syntaxe de RDF revenant au passage sur les fondements du modèle de triplet. Puis, nous abordons différents exemples d'exploitation des données en RDFa tant du point de vue du site Web en lui-même, qu'au niveau du navigateur que des moteurs de recherche (Google rich snippet, Yahoo SearchMonkey, projet Isidore du CNRS). Dans la continuité, nous ouvrons la discussion sur les perspectives ouvertes par RDFa dans le domaine de l'optimisation du référencement, en particulier dans le E-commerce.
Mise à jour du cours portant sur la recherche web (automne 2013): moteurs, opérateurs, recherche avancée, Google, annuaires et catalogues, web invisible web profond). Fiabilité et crédibilité des informations.
Les secrets inavouables de Google
L'intervention en quelques mots :
PBN, Cloacking, Automatisation, les secrets du voodoo #SEO selon la blackhatitude mais où sont les limites, que risque t-on ? Jusqu'où certaines agences peu scrupuleuses peuvent vous emmener, voire faire tomber ?
Seo campus 2015 - L'emploi des référenceurs en franceSEO CAMP
En janvier 2015, le SEO Camp a organisé une grande enquête sur l'emploi des SEO en France et dans la francophonie. Nous présentons ici quelques résultats compilés par Séverine Authier et Sébastien Monnier.
Cette présentation a été effectuée lors du SEO Campus 2015.
Clinique SEO Google - Nathalie Peret - SEO Campus 2010SEO CAMP
Comment votre site est-il perçu par une personne du service qualité de Google ? Votre site est-il "Google Friendly ? Certaines des techniques que vous utilisez violent-elles les conditions générales de Google ?
session présentée par Nathalie Peret, de l'équipe Qualité de Recherche de Google
session animée par Olivier Andrieu
http://www.seo-campus.org/programme/vendredi
Principes de fonctionnement des moteurs - Renaud Joly - SEO Campus 2010SEO CAMP
Principes de fonctionnement des moteurs
Principaux critères utilisés par les moteurs
Atelier animé par Renaud Joly, chef de projet SEO senior (Agence Altima). Chargé d'enseignement vacataire en Master Marketing Direct, Vente à Distance et E-commerce à l'IAE de Lille.
http://www.seo-campus.org/programme/vendredi
Seo campus 2015 - L'emploi des référenceurs en franceSEO CAMP
En janvier 2015, le SEO Camp a organisé une grande enquête sur l'emploi des SEO en France et dans la francophonie. Nous présentons ici quelques résultats compilés par Séverine Authier et Sébastien Monnier.
Cette présentation a été effectuée lors du SEO Campus 2015.
Clinique SEO Google - Nathalie Peret - SEO Campus 2010SEO CAMP
Comment votre site est-il perçu par une personne du service qualité de Google ? Votre site est-il "Google Friendly ? Certaines des techniques que vous utilisez violent-elles les conditions générales de Google ?
session présentée par Nathalie Peret, de l'équipe Qualité de Recherche de Google
session animée par Olivier Andrieu
http://www.seo-campus.org/programme/vendredi
Principes de fonctionnement des moteurs - Renaud Joly - SEO Campus 2010SEO CAMP
Principes de fonctionnement des moteurs
Principaux critères utilisés par les moteurs
Atelier animé par Renaud Joly, chef de projet SEO senior (Agence Altima). Chargé d'enseignement vacataire en Master Marketing Direct, Vente à Distance et E-commerce à l'IAE de Lille.
http://www.seo-campus.org/programme/vendredi
Referencement et performance pour sites E-commerceMohammed ALAMI ✅
La présence sur internet pour toute entreprise n’est pas une option mais elle bien obligatoire pour développer son activité. (plus sur http://www.mozalami.com/referencement-ecommerce/). Les sites E-Commerce se livrent une bataille féroce pour accroître leur visibilité en ligne et gagner en visibilité. Une des méthodes les moins coûteuses ayant une portée à long terme consiste à optimiser le site pour apparaître sur les résultats naturels des moteurs de recherche. On parle alors de référencement SEO, dit naturel ou organique.
Glenn Jones : "Réutiliser les data existantes des médias sociaux"Christophe Ducamp
La réutilisation pratique des données de médias sociaux et comment cela peut créer une meilleure expérience utilisateur. En combinant l’API du Graphique Social de Google et avec des sources de données comme RSS et les microformats pour fournir une information riche à propos de vos utilisateurs
Une présentation traduite de Glenn Jones http://www.slideshare.net/glennjones/reusing-social-media-data -
Comment les technologies du Web sémantique peuvent répondre aux problématiques du Ecommerce ?
Diaporama de la présentation faite à l'occasion du Salon Ecommerce 2010, Paris.
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEMarouan OMEZZINE
Une introduction / ébauche au langage PHP (Manipulation des formulaires, sessions et cookies) faite dans le cadre des formations inter-membres du club Junior ENSI (http://www.junior-ensi.org/) de l'école nationale des sciences de l'informatique (http://www.ensi.rnu.tn/).
Nos activités, nos relations, nos contenus, nos envies et finalement notre identité ont migré d’une sphère locale à une portée mondiale grâce au Web. La complexité croissante des relations que nous souhaitons stocker et exprimer en ligne demande une évolution de notre façon de concevoir et d’assurer la pérennité et l’utilité des applications Web.
David Larlet discutera des solutions apportées par le Web Sémantique dans le domaine.
Web 3.0 (web semantique) et incidences en référencement, marketing, ecommerceMohammed ALAMI ✅
Pour plus d'info, mon blogpost sur Mozalami http://www.mozalami.com/web-3-0-semantique-incidences-referencement/ Le web sémantique est une réalité depuis que Google annonçait en 2009 qu'il prenait en charge les RDFa même si avant lui en 2008 Search monkey de Yahoo! le faisait déjà. En Juin 2011 les trois moteurs ont approuvé le vocabulaire Schema.org basé sur la syntaxe des microdata du HTML5 : .quelles sont donc les incidences en référencement, 3.0 le marketing 3.0, et le e-commerce 3.0.
4. Les "Rich snippets" Les "rich snippets", c'est quoi ? Du "snippet" classique… Au "rich snippet"…
5. Les "Rich snippets" Les "rich snippets", c'est quoi ? Une nouvelle façon de mettre en valeur sa page dans les SERP
6. Les "Rich snippets" Les "rich snippets", c'est quoi ? Une idée pas si neuve que ça (offre "Listing Enhancements" ou "Affichage optimal" sur AltaVista en novembre 2001)… Sources : http://actu.abondance.com/actu0145.html#vendredi http://web.archive.org/web/20021003204737/http://fr.altavista.com/submit/le
7. Les "Rich snippets" Les "rich snippets", c'est quoi ? Une idée pas si neuve que ça (offre "Open Search Platform" ou "Search Monkey" sur Yahoo! en février 2008)… Sources : http://actu.abondance.com/2008/02/open-search-platform-yahoo-ouvre-ses.html http://web.archive.org/web/20080720015311/http://tools.search.yahoo.com/newsearch/open.html
8. Les "Rich snippets" Les "rich snippets", c'est quoi ? Pour arriver aux "rich snippets" de Google en mai 2009… Sources : http://actu.abondance.com/2009/05/nouvelles-fonctionnalites-sur-la.html http://googlewebmastercentral.blogspot.com/2009/05/introducing-rich-snippets.html
9. Les "Rich snippets" Les "rich snippets", c'est quoi ? Puis les "Tiles" ou "indicateurs visuels" de Bing en février 2011… Sources : http://actu.abondance.com/2011/02/bing-renforce-laffichage-des-facebook.html http://www.seomoz.org/blog/director-of-bing-discusses-holistic-search-and-clickstream-data-whiteboard-friday
11. Les "Rich snippets" Les "rich snippets", comment ça marche ? Indiquer dans le code source de la page les informations à afficher dans un des 3 formats proposés : Microformats, Microdonnées et RDFa Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170 Microdonnées (microdata : http://en.wikipedia.org/wiki/Microdata_%28HTML5%29 ) <div> Je m'appelle Pierre Dumoulin, mais on m'appelle Pierrot. Voici ma page d'accueil : <a href="http://www.example.com">www.example.com</a> J'habite à Strasbourg, en Alsace, et je suis ingénieur chez Tartampion. </div> <div itemscope itemtype="http://data-vocabulary.org/Person"> Je m'appelle <span itemprop="name"> Pierre Dumoulin </span> mais on m'appelle <span itemprop="nickname"> Pierrot </span> . Voici ma page d'accueil : <a href="http://www.example.com" itemprop="url" >www.example.com</a> J'habite à Strasbourg, en Alsace, et je suis <span itemprop="title"> ingénieur </span> chez <span itemprop="affiliation"> Tartampion </span> . </div> HTML classique
12. Les "Rich snippets" Les "rich snippets", comment ça marche ? Indiquer dans le code source de la page les informations à afficher dans un des 3 formats proposés : Microformats, Microdonnées et RDFa Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146897 Microformat (http://microformats.org/) <div> <img src="www.example.com/pierredumoulin.jpg" /> <strong>Pierre Dumoulin</strong> Ingénieur chez Tartampion 12 rue des plantes Villeperdue, XY 12345 </div> <div class="vcard"> <img class="photo" src="www.example.com/pierredumoulin.jpg" /> <strong class="fn" >Pierre Dumoulin</strong> <span class="title" >Ingénieur</span> chez <span class="org" >Tartampion</span> <span class="adr" > <span class="street-address" >12 rue des plantes</span> <span class="locality" >Villeperdue</span>, <span class="region" >XY</span> <span class="postal-code" >12345</span> </span> </div> HTML classique Attention aux conflits avec les CSS !
13. Les "Rich snippets" Les "rich snippets", comment ça marche ? Indiquer dans le code source de la page les informations à afficher dans un des 3 formats proposés : Microformats, Microdonnées et RDFa Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146898 RDFa (http://rdfa.info/) <div> Je m'appelle Pierre Dumoulin, mais on m'appelle Pierrot. Voici ma page d'accueil : <a href="http://www.example.com">www.example.com</a>. J'habite à Strasbourg, en Alsace, et je suis ingénieur chez Tartampion. </div> <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person" > Je m'appelle <span property="v:name"> Pierre Dumoulin</span>, mais on m'appelle <span property="v:nickname"> Pierrot</span>. Voici ma page d'accueil : <a href="http://www.example.com" rel="v:url" >www.example.com</a>. J'habite à Strasbourg, en Alsace, et je suis<span property="v:title" >ingénieur</span> chez <span property="v:affiliation" >Tartampion</span>. </div> HTML classique
14. Les "Rich snippets" Les "rich snippets", comment ça marche ? Microformats, Microdonnées et RDFa : Quel format choisir ? - Il n'existe pas de format "idéal" (Google réfléchirait d'ailleurs à en proposer un 4ème, qui lui serait propre). - Chacun choisira selon ses besoins et attentes. Les 3 fonctionnent… - Impossible de dire aujourd'hui si l'un ou l'autre sera abandonné dans le futur, s'ils seront complémentaires, ou si un seul standard subsistera…
17. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les avis Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170 <div class="hreview"> <span class=" item "> <span class="fn">L'Amourita Pizza</span> </span> Avis rédigé par <span class=" reviewer ">Pierre Lemarchand</span> le <span class=" dtreviewed "> 6 janvier<span class="value-title" title="2009-01-06"></span> </span>. <span class=" summary ">Pizzas délicieuses et savoureuses à Strasbourg !</span> <span class=" description ">L'Amourita vous propose des pizzas napolitaines cuites au feu de bois. Très bon accueil, service rapide et agréable. La petite pizzeria de quartier idéale.</span> Note : <span class=" rating ">4,5</span> </div>
18. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les avis Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170 <div class="hreview-aggregate"> <span class="i tem "> <span class="fn">L'Amourita Pizza</span> </span> <span class=" rating "> <span class=" average" >9</span> sur <span class=" best" >10</span> </span> note basée sur <span class=" votes ">24</span> évaluations <span class=" count ">5</span> avis </div>
19. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les personnes Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146646 <div class="vcard"> Je m'appelle <span class="f n ">Pierre Dumoulin</span>, mais on m'appelle <span class=" nickname ">Pierrot</span>. Voici ma page d'accueil : <a href="http://www.example.com" class=" url ">www.example.com</a>. J'habite à <span class=" adr "> <span class="l ocality" >Strasbourg</span>, en <span class="r egion ">Alsace</span>, </span> et je suis <span class=" title ">ingénieur</span> chez <span class=" org ">Tartampion</span>. Mes amis : <a href="http://blog-philippe.example.com" rel=" friend ">Philippe</a>, <a href="http://blog-isabelle.example.com" rel=" friend ">Isabelle</a> </div>
20. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les produits Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146750 Il s'agit là d'un simple exemple. Les possibilités sont assez complètes…
21. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les entreprises Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146861 <div class="vcard"> <span class=" fn org ">L'Amourita Pizza</span> Located at <div class=" adr "> <span class=" street-address ">123 Main St</span>, <span class=" locality ">Albuquerque</span>, <span class=" region ">NM</span>. </div> <span class=" geo "> <span class=" latitude "> <span class="value-title" title="37.774929"></span> </span> <span class=" longitude "> <span class="value-title" title="-122.419416"></span> </span> </span> Phone: <span class=" tel" >206-555-1234</span> <a href="http://pizza.example.com/" class=" url ">http://pizza.example.com</a> </div> Permet de fournir des infos "locales" à Google. Plutôt utilisé par Google Adresses…
22. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les recettes Source : http://www.google.com/support/webmasters/bin/answer.py?answer=173379 <div class="hrecipe"> <span class="item"> <h1 class= "fn ">La tarte aux pommes de ma grand-mère</h1> </span> <img src="tarte_aux_pommes.jpg" class=" photo " /> Par <span class=" author ">Caroline Martin</span> Publié le : <span class=" published ">5 novembre 2009<span class="value-title" title="2009-11-05"></span></span> <span class=" summary ">Voici la recette de tarte aux pommes de ma grand-mère. J'y ajoute un peu de noix de muscade.</span> <span class="review hreview-aggregate"> <span class=" rating "> <span class=" average ">4</span> étoiles, note basée sur <span class=" count ">35</span> avis </span> </span> Temps de préparation : <span class=" preptime ">30 mn</span> … <span class=" ingredient "> <span class=" name ">Sucre blanc</span>: <span class=" amount ">100 g</span> </span> Instructions : <span class=" instructions "> 1. Coupez et épluchez les pommes. 2. Mélangez le sucre et la cannelle. Il vous faudra également du sucre pour les pommes. ... </span> </div>
23. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les recettes Source : http://actu.abondance.com/2011/02/google-propose-un-filtre-de-recherche.html L'indication de données structurées permet de proposer des applicatifs de filtrage intéressants…
24. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les événements Source : http://www.google.com/support/webmasters/bin/answer.py?answer=164506
26. Les "Rich snippets" Les "rich snippets", quelles possibilités ? Les recherche locales Idem que précédemment, mais affiché dans Google Maps / Adresse (avis, événements, entreprise, etc.) Source : http://maps.google.com/help/maps/richsnippetslocal/
28. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Les RS sont-ils affichées de façon identique dans tous les pays ? R : les RS ont été lancés officellement en mai 2009 et n'étaient, au début, visibles qu'aux Etats-Unis. Après de nombreux tests, le système a été ouvert au monde entier en avril 2010. Il n'y a pas de délai de latence entre les US et les autres pays. En France, donc, les RS s'affichent et si on les voit moins souvent qu'aux US, c'est que moins de sites web en français les prennent en compte.
29. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Les RS sont-ils un plus pour le positionnement ? R : non, le fait de proposer du "code enrichi" dans ses pages n'est pas un "ranking signal" pour Google. Les RS n'influencent donc pas le positionnement des pages (mais le taux de clic, si, certainement).
30. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Comment savoir si le code enrichi inséré dans les pages est correct ? R : en utilisant l'outil de test : http://www.google.com/webmasters/tools/richsnippets Pas toujours super fiable (message Insufficient data to generate the preview )…
31. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Faut-il prévenir Google lorsqu'on a intégré les RS dans son code ? R : il vaut mieux, à cette adresse : http://www.google.com/support/webmasters/bin/request.py?contact_type=rich_snippets_feedback
32. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Le fait que le code soit enrichi garantit-il que les RS soient affichés dans les SERP ? R : Google ne garantit pas cet affichage, même si le code enrichi est présent dans la page et favorablement testé. Quelques raisons pour un non-affichage des RS : - Les données du code ne sont pas en rapport avec le contenu éditorial de la page. - Bugs non détectés par l'outil de test. - Le code enrichi est caché (mais comment Google le vérifie-t-il ?). - Le site a trop peu de pages (ou trop peu de pages ayant intégré du code enrichi).
33. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Le fait que le code soit enrichi garantit-il que les RS soient affichés dans les SERP ? R : Les RS de nombreuses pages ne semblent pas afichées encore aujourd'hui dans les SERP. Bug ? Volonté de Google ? Critères "à la Sitelinks" ? Autre raison ?
34. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : L'affichage du RS dépend-il de la requête ? R : Non. A priori , l'affichage des RS ne dépend pas du mot clé demandé…
35. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Y a-t-il un test préalable par Google des infos affichées (avis, etc.) ? R : Oui, selon Google, il y a vérification des données affichées pour éviter que les RS proposent des informations erronées (notamment les avis)… (NDLR : mais on ne sait pas comment la vérification est faite ;) )
36. Les "Rich snippets" Les "rich snippets", une petite FAQ… Q : Est-il possible de proposer plusieurs types de RS dans une même page web ? R : Oui, à partir du moment où les RS sont pertinents par rapport au contenu de la page. Mais si une page de poker en ligne propose un RS sur les recettes, il ne sera pas affiché ! (sauf s'il s'agit d'une recette pour gagner au poker ;-) )
38. Les "Rich snippets" Les "rich snippets", une petite webographie… Quelques liens pour en savoir plus… La zone dédiée de Google : http://www.google.com/support/webmasters/bin/topic.py?topic=21997&hl=fr La page Knol sur le sujet : http://knol.google.com/k/google-rich-snippets-tips-and-tricks# La page Wikipedia sur le sujet : http://en.wikipedia.org/wiki/Semantic_HTML Falcon, un moteur sur les objets sémantiques : http://iws.seu.edu.cn/services/falcons/objectsearch/index. jsp Operator, extracteur de données sémantique (plugin Firefox) : https://addons.mozilla.org/fr/firefox/addon/operator / hReview creator (générateur de code "avis") : http://microformats.org/code/hreview/creator Plugin Wordpress : http://dev.squarecows.com/projects/wp-rdfa/ Outils de développement sémantique : http://www.w3.org/2001/sw/wiki/Tools
40. Les "Rich snippets" Les "rich snippets", conclusion… Les RS sont une occasion unique de donner une meilleure visibilité à ses pages dans les SERPs Il s'agit certainement de la "nouvelle génération sémantique" des balises meta. Ils vont devenir incontournables (même si l’impact actuel est moyen sauf pour les avis et le e-commerce, voire les personnes)…. Peu de sites les utilisent encore, raison de plus pour être parmi les premiers à les intégrer… Ils ne sont pas si compliqués que ça à mettre en place… Autant s'y mettre tout de suite :-)
41. Merci :-) (et merci à Anouar de la « Google Search Quality Team » ;-) ) Support proposé par Olivier Andrieu - [email_address] Les "Rich snippets"