SlideShare une entreprise Scribd logo
1  sur  27
14 mars 2012




                                Camp #2



#doyouseo – www.doyouseo.ca   Julien Lord et Arnaud Mangasaryan
 L’importance des rich snippets.


 L’élaboration des sujets de
 discussions.
Sitelinks

           Author

Microformats, RDFa, Microdata
Meta
             description


Titre <h1>




                           4
6
Depuis octobre 2007...
                         7
Sitelinks

           Author

Microformats, RDFa, Microdata
G+ profile




             9
Un markup peu complexe à
      implanter...




                                                                          10
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986
11
12
13
Sitelinks

          Author

Microformats, RDFa, Microdata
hRecipe




          15
hCalendar/hEvent




             16
hReview




          17
Un microformat est une approche de formatage de données qui cherche à réutiliser
le contenu existant en n'utilisant que des classes et attributs HTML.

Langages
- HTML4, HTML5, XHTML1.

Navigateurs, clients et moteurs supportés
- Firefox 3+ (Tails Export)
- Microsoft Outlook et Apple Mail (vCard)
- Google

Exemple
<div class="vcard">
           <span class="fn">Julien Lord</span>
           <div class="org">TC Media</div>
           <div class="adr">
                      <div class="street-address">1100 René Lévesque</div>
                      <span class="locality">Montréal</span>,
                      <span class="region">Québec</span>,
                      <span class="postal-code">H3B 4X9</span>
           </div>
</div>

                                                                                   18
Les plus populaires

 vCard : carte d’affaire, contacts cellulaires.
 hRecipe : modèle efficace et supporté au Canada.
 hReview : format pouvant être greffé à d’autres microformats
  (hrecipe, hproduct).
 hCalendar : pris en charge par des applications calendrier.
 hEntry : très populaire sur les blogs, lister des billets.




                          http://microformats.org/
                                                                 19
•   RDFa est un ensemble d'éléments et d'attributs conforme au modèle Resource
    Description Framework (RDF)  : des données décrites en RDFa peuvent donc être
    facilement transformées en données RDF.

    Langages
    - XHTML 1.1, XHTML 2, XML.

    Exemples
    <div xmlns:dc="http://purl.org/dc/elements/1.1/" about="http://www.example.com/books/wikinomics">
           <span property="dc:title">Wikinomics</span>
           <span property="dc:creator">Don Tapscott</span>
           <span property="dc:date">2006-10-01</span>
    </div>




                                                                                                    20
Les microdatas sont une fonctionnalité HTML5 créée afin d'offrir du contenu
sémantique ,c’est un juste milieu entre RDFa et Microformats.


Langages
-   HTML5

Navigateurs et moteurs de recherche supportés
- Opera 11.6
- Autres navigateurs : Librairie MicrodataJS
- Bing, Google, Yahoo (Schema.org)


Exemple
<section itemprop="address” itemscope itemtype="http://data-vocabulary.org/Address">
            J’habite à <span itemprop="street-address">1234 Peel</span>,
            <span itemprop="locality">Montréal</span>,
            <span itemprop="region">Québec</span>.
</section>

Type: address
         street-address = 1234 Peel
         locality = Montréal
         region = Québec

                                                                                       21
Le cas Coup de Pouce


 Implantation risquée (production).

 Problèmes avec temps de cuisson.

 Conflits avec d’autres microformats.

 Utilisation du validateur Rich Snippets Testing Tool.




                                                          22
23
24
25
Le cas Recettes.qc.ca

 Plusieurs gabarits à supporter.




 Duplication MSN.




 Support direct de Google avec exemples spécifiques !




                                                         26
Merci !

www.doyouseo.ca
     #doyouseo

info@doyouseo.ca

Contenu connexe

En vedette

Guadal pp kris olds, discussion paper french
Guadal pp kris olds, discussion paper frenchGuadal pp kris olds, discussion paper french
Guadal pp kris olds, discussion paper frenchIAU_Past_Conferences
 
Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...
Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...
Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...Solutions IT et Business
 
Stratégie de relance, le résumé des décisions
Stratégie de relance, le résumé des décisionsStratégie de relance, le résumé des décisions
Stratégie de relance, le résumé des décisionslesoirbe
 
Gouvernement du Quebec - La sous-traitance des ressources informationnelles
Gouvernement du Quebec - La sous-traitance des ressources informationnellesGouvernement du Quebec - La sous-traitance des ressources informationnelles
Gouvernement du Quebec - La sous-traitance des ressources informationnellesjksdhh
 

En vedette (15)

Synthèse des Solutions Software
Synthèse des Solutions Software   Synthèse des Solutions Software
Synthèse des Solutions Software
 
Guadal pp kris olds, discussion paper french
Guadal pp kris olds, discussion paper frenchGuadal pp kris olds, discussion paper french
Guadal pp kris olds, discussion paper french
 
Louaize pres abdo el kahi
Louaize pres abdo el kahiLouaize pres abdo el kahi
Louaize pres abdo el kahi
 
Les canaux ioniques
Les canaux ioniquesLes canaux ioniques
Les canaux ioniques
 
0938w ni transp04
0938w ni transp040938w ni transp04
0938w ni transp04
 
Gastronomia
GastronomiaGastronomia
Gastronomia
 
Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...
Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...
Le groupe associatif Alptis réinvente ses processus métier pour se rapprocher...
 
Couleurs
CouleursCouleurs
Couleurs
 
title
titletitle
title
 
Modx
ModxModx
Modx
 
Our services
Our servicesOur services
Our services
 
Stratégie de relance, le résumé des décisions
Stratégie de relance, le résumé des décisionsStratégie de relance, le résumé des décisions
Stratégie de relance, le résumé des décisions
 
Le jeu de la mort
Le jeu de la mortLe jeu de la mort
Le jeu de la mort
 
Promo events IBM ECM UserNet 2012
Promo events IBM ECM UserNet 2012 Promo events IBM ECM UserNet 2012
Promo events IBM ECM UserNet 2012
 
Gouvernement du Quebec - La sous-traitance des ressources informationnelles
Gouvernement du Quebec - La sous-traitance des ressources informationnellesGouvernement du Quebec - La sous-traitance des ressources informationnelles
Gouvernement du Quebec - La sous-traitance des ressources informationnelles
 

Similaire à DoYouSEO Camp mtl #2

Réussir son projet Drupal
Réussir son projet DrupalRéussir son projet Drupal
Réussir son projet DrupalAdyax
 
Découvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référenceDécouvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référenceLINAGORA
 
Les professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de donnéesLes professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de donnéesGautier Poupeau
 
Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018
Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018
Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018ABES
 
Introduction aux bases de données NoSQL
Introduction aux bases de données NoSQLIntroduction aux bases de données NoSQL
Introduction aux bases de données NoSQLAntoine Augusti
 
Les bases pour utiliser SPARQL
Les bases pour utiliser SPARQLLes bases pour utiliser SPARQL
Les bases pour utiliser SPARQLBorderCloud
 
Les technologies big data avec speech commentaries
Les technologies big data avec speech commentariesLes technologies big data avec speech commentaries
Les technologies big data avec speech commentariesRima Jamli Faidi
 
Big data: NoSQL comme solution
Big data: NoSQL comme solutionBig data: NoSQL comme solution
Big data: NoSQL comme solutionJEMLI Fathi
 
Workshop HTML5 : référencement grâce à la sémantique
Workshop HTML5 : référencement grâce à la sémantiqueWorkshop HTML5 : référencement grâce à la sémantique
Workshop HTML5 : référencement grâce à la sémantiqueLes-Tilleuls.coop
 
Présentation de l'offre IAM de LINAGORA LinID
Présentation de l'offre IAM de LINAGORA LinIDPrésentation de l'offre IAM de LINAGORA LinID
Présentation de l'offre IAM de LINAGORA LinIDMichel-Marie Maudet
 
Du web sémantique à tous les étages
Du web sémantique à tous les étagesDu web sémantique à tous les étages
Du web sémantique à tous les étagesSemWebPro
 
ABES - intervention congrès Semweb pro (5-11-2014)
ABES - intervention congrès Semweb pro (5-11-2014)ABES - intervention congrès Semweb pro (5-11-2014)
ABES - intervention congrès Semweb pro (5-11-2014)ABES
 
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...CERTyou Formation
 
Microformats, RDFa et microdata
Microformats, RDFa et microdataMicroformats, RDFa et microdata
Microformats, RDFa et microdataSamuel Lavoie
 
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...Renoir Boulanger
 
Industrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalIndustrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalLINAGORA
 

Similaire à DoYouSEO Camp mtl #2 (20)

Réussir son projet Drupal
Réussir son projet DrupalRéussir son projet Drupal
Réussir son projet Drupal
 
Découvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référenceDécouvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référence
 
Drupagora linagora-20111110
Drupagora linagora-20111110Drupagora linagora-20111110
Drupagora linagora-20111110
 
Les professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de donnéesLes professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de données
 
Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018
Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018
Bien recevoir le web sémantique dans sa cuisine interne, SemWebPro 2018
 
Introduction aux bases de données NoSQL
Introduction aux bases de données NoSQLIntroduction aux bases de données NoSQL
Introduction aux bases de données NoSQL
 
Les bases pour utiliser SPARQL
Les bases pour utiliser SPARQLLes bases pour utiliser SPARQL
Les bases pour utiliser SPARQL
 
Do you speak technique ?
Do you speak technique ?Do you speak technique ?
Do you speak technique ?
 
Les technologies big data avec speech commentaries
Les technologies big data avec speech commentariesLes technologies big data avec speech commentaries
Les technologies big data avec speech commentaries
 
Big data: NoSQL comme solution
Big data: NoSQL comme solutionBig data: NoSQL comme solution
Big data: NoSQL comme solution
 
Workshop HTML5 : référencement grâce à la sémantique
Workshop HTML5 : référencement grâce à la sémantiqueWorkshop HTML5 : référencement grâce à la sémantique
Workshop HTML5 : référencement grâce à la sémantique
 
Présentation de l'offre IAM de LINAGORA LinID
Présentation de l'offre IAM de LINAGORA LinIDPrésentation de l'offre IAM de LINAGORA LinID
Présentation de l'offre IAM de LINAGORA LinID
 
Du web sémantique à tous les étages
Du web sémantique à tous les étagesDu web sémantique à tous les étages
Du web sémantique à tous les étages
 
ABES - intervention congrès Semweb pro (5-11-2014)
ABES - intervention congrès Semweb pro (5-11-2014)ABES - intervention congrès Semweb pro (5-11-2014)
ABES - intervention congrès Semweb pro (5-11-2014)
 
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
 
Microformats, RDFa et microdata
Microformats, RDFa et microdataMicroformats, RDFa et microdata
Microformats, RDFa et microdata
 
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...
 
Industrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalIndustrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec Drupal
 
Les CMS & Drupal
Les CMS & DrupalLes CMS & Drupal
Les CMS & Drupal
 
Big data
Big dataBig data
Big data
 

DoYouSEO Camp mtl #2

  • 1. 14 mars 2012 Camp #2 #doyouseo – www.doyouseo.ca Julien Lord et Arnaud Mangasaryan
  • 2.  L’importance des rich snippets.  L’élaboration des sujets de discussions.
  • 3. Sitelinks Author Microformats, RDFa, Microdata
  • 4. Meta description Titre <h1> 4
  • 5.
  • 6. 6
  • 8. Sitelinks Author Microformats, RDFa, Microdata
  • 10. Un markup peu complexe à implanter... 10 http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986
  • 11. 11
  • 12. 12
  • 13. 13
  • 14. Sitelinks Author Microformats, RDFa, Microdata
  • 15. hRecipe 15
  • 17. hReview 17
  • 18. Un microformat est une approche de formatage de données qui cherche à réutiliser le contenu existant en n'utilisant que des classes et attributs HTML. Langages - HTML4, HTML5, XHTML1. Navigateurs, clients et moteurs supportés - Firefox 3+ (Tails Export) - Microsoft Outlook et Apple Mail (vCard) - Google Exemple <div class="vcard"> <span class="fn">Julien Lord</span> <div class="org">TC Media</div> <div class="adr"> <div class="street-address">1100 René Lévesque</div> <span class="locality">Montréal</span>, <span class="region">Québec</span>, <span class="postal-code">H3B 4X9</span> </div> </div> 18
  • 19. Les plus populaires  vCard : carte d’affaire, contacts cellulaires.  hRecipe : modèle efficace et supporté au Canada.  hReview : format pouvant être greffé à d’autres microformats (hrecipe, hproduct).  hCalendar : pris en charge par des applications calendrier.  hEntry : très populaire sur les blogs, lister des billets. http://microformats.org/ 19
  • 20. RDFa est un ensemble d'éléments et d'attributs conforme au modèle Resource Description Framework (RDF)  : des données décrites en RDFa peuvent donc être facilement transformées en données RDF. Langages - XHTML 1.1, XHTML 2, XML. Exemples <div xmlns:dc="http://purl.org/dc/elements/1.1/" about="http://www.example.com/books/wikinomics"> <span property="dc:title">Wikinomics</span> <span property="dc:creator">Don Tapscott</span> <span property="dc:date">2006-10-01</span> </div> 20
  • 21. Les microdatas sont une fonctionnalité HTML5 créée afin d'offrir du contenu sémantique ,c’est un juste milieu entre RDFa et Microformats. Langages - HTML5 Navigateurs et moteurs de recherche supportés - Opera 11.6 - Autres navigateurs : Librairie MicrodataJS - Bing, Google, Yahoo (Schema.org) Exemple <section itemprop="address” itemscope itemtype="http://data-vocabulary.org/Address"> J’habite à <span itemprop="street-address">1234 Peel</span>, <span itemprop="locality">Montréal</span>, <span itemprop="region">Québec</span>. </section> Type: address street-address = 1234 Peel locality = Montréal region = Québec 21
  • 22. Le cas Coup de Pouce  Implantation risquée (production).  Problèmes avec temps de cuisson.  Conflits avec d’autres microformats.  Utilisation du validateur Rich Snippets Testing Tool. 22
  • 23. 23
  • 24. 24
  • 25. 25
  • 26. Le cas Recettes.qc.ca  Plusieurs gabarits à supporter.  Duplication MSN.  Support direct de Google avec exemples spécifiques ! 26
  • 27. Merci ! www.doyouseo.ca #doyouseo info@doyouseo.ca