2009




Référencement
& Standards Web :
La même direction

                      Thierry Régagnon
Thierry Régagnon
    http://regagnon.com - Twitter: @Thierry

Consultant pour le cabinet de conseil




Membre français du...
Référencement Naturel
Sémantique
                  Netlinking


             Technique
• Réponses des entêtes HTTP
• Structure du HTML
• Format des URL et leurs redirections
• Etc.
Web sémantique
Web1.0
  Read
Web1.0   Web 2.0
  Read    Read/Write
Web1.0   Web 2.0 Web 3.0
  Read    Read/Write   Learn
Web de données
Microformat
    +
   RDFa
Microformat
Designed for human first
and machine second.
        – Microformat.org, about page
• Simple
• Se base sur l’existant : HTML
• Un ensemble de formats arrêtés
hReview
                                  XFN
      hCard

                                    hCalendar
rel-Tag



      ...
<p class="vcard">
 <strong class="fn">Arthur Nonyme</strong> est
joignable à l'adresse <a class="email"
href="mailto:a@non...
<p class="vcard">
 <strong class="fn">Arthur Nonyme</strong> est
joignable à l'adresse <a class="email"
href="mailto:a@non...
RDFa
RDF en attributs HTML
• Puissant
• Très souple
• Petit temps d’apprentissage
• Initiative du W3C
<div typeof="event:Vevent" xmlns:event="http://
www.w3.org/2002/12/cal#">

<h1 property="event:summary">Paris Web 2009</h1...
<div typeof="event:Vevent" xmlns:event="http://
www.w3.org/2002/12/cal#">

<h1 property="event:summary">Paris Web 2009</h1...
<div typeof="event:Vevent" xmlns:event="http://
www.w3.org/2002/12/cal#">

<h1 property="event:summary">Paris Web 2009</h1...
<div typeof="event:Vevent" xmlns:event="http://
www.w3.org/2002/12/cal#">

<h1 property="event:summary">Paris Web 2009</h1...
Un nouveau Doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
&
Produits          Adresses        Actualités




Vidéos            Événements      Documents




    Discussions          ...
Produit




 Vidéo




Adresse
http://developer.search.yahoo.com
Google Rich Snippets
• Marquer une personne, une entreprise
• Marquer un produit ou une critique
• Identifier des vidéos
• Spécifier la licence d...
Critique




Personne
Les moteurs de recherche en France
    Yahoo
     3 %
            Bing
            4 %
                   Autres
         ...
Mettre les mains dans le moteur
http://microformats.org/wiki/
Tester vos Microformats
http://rdfa.info/wiki/
http://validator.w3.org/
Tester le rendu des moteurs
http://www.google.com/webmasters/tools/richsnippets




      http://developer.search.yahoo.co...
Les moteurs de recherche sont
au cœur de notre activité web.
Le Web Sémantique
 C’est maintenant
Merci ! Des questions ?


           • http://regagnon.com
           • http://twitter.com/Thierry
           • http://www...
Crédit photos
• Slide 3 : Auteur inconnu
• Slide 14 : Anita Martinz (cc-by)
• Slide 16 : Logo Microformat
• Slide 45 : Aut...
Référencement & Standards Web : La même direction (PW2009)
Référencement & Standards Web : La même direction (PW2009)
Référencement & Standards Web : La même direction (PW2009)
Prochain SlideShare
Chargement dans…5
×

Référencement & Standards Web : La même direction (PW2009)

2 024 vues

Publié le

Présenté lors de Paris Web 2009. http://www.paris-web.fr/2009/

Un article sur mon blog, détaillant le contenu de la présentation, est à venir.

Publié dans : Technologie
0 commentaire
8 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 024
Sur SlideShare
0
Issues des intégrations
0
Intégrations
24
Actions
Partages
0
Téléchargements
55
Commentaires
0
J’aime
8
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Référencement & Standards Web : La même direction (PW2009)

  1. 1. 2009 Référencement & Standards Web : La même direction Thierry Régagnon
  2. 2. Thierry Régagnon http://regagnon.com - Twitter: @Thierry Consultant pour le cabinet de conseil Membre français du WaSP ILG
  3. 3. Référencement Naturel
  4. 4. Sémantique Netlinking Technique
  5. 5. • Réponses des entêtes HTTP • Structure du HTML • Format des URL et leurs redirections • Etc.
  6. 6. Web sémantique
  7. 7. Web1.0 Read
  8. 8. Web1.0 Web 2.0 Read Read/Write
  9. 9. Web1.0 Web 2.0 Web 3.0 Read Read/Write Learn
  10. 10. Web de données
  11. 11. Microformat + RDFa
  12. 12. Microformat
  13. 13. Designed for human first and machine second. – Microformat.org, about page
  14. 14. • Simple • Se base sur l’existant : HTML • Un ensemble de formats arrêtés
  15. 15. hReview XFN hCard hCalendar rel-Tag hResume rel-License
  16. 16. <p class="vcard"> <strong class="fn">Arthur Nonyme</strong> est joignable à l'adresse <a class="email" href="mailto:a@nonyme.com">a@nonyme.com</a> et par téléphone au <span class="tel">01 23 45 67 89</span>. </p>
  17. 17. <p class="vcard"> <strong class="fn">Arthur Nonyme</strong> est joignable à l'adresse <a class="email" href="mailto:a@nonyme.com">a@nonyme.com</a> et par téléphone au <span class="tel">01 23 45 67 89</span>. </p>
  18. 18. RDFa
  19. 19. RDF en attributs HTML
  20. 20. • Puissant • Très souple • Petit temps d’apprentissage • Initiative du W3C
  21. 21. <div typeof="event:Vevent" xmlns:event="http:// www.w3.org/2002/12/cal#"> <h1 property="event:summary">Paris Web 2009</h1> <p property="event:location">La Défense - Tour IBM</p> <p>Démarre le <span property="event:dtstart" content="2009-10-08T08:50:00">08 octobre 2009 à 8h50</ span> et se termine le <span property="event:dtend" content="2009-10-10T18:00:00">10 octobre 2009 à 18h</ span>.</p> </div>
  22. 22. <div typeof="event:Vevent" xmlns:event="http:// www.w3.org/2002/12/cal#"> <h1 property="event:summary">Paris Web 2009</h1> <p property="event:location">La Défense - Tour IBM</p> <p>Démarre le <span property="event:dtstart" content="2009-10-08T08:50:00">08 octobre 2009 à 8h50</ span> et se termine le <span property="event:dtend" content="2009-10-10T18:00:00">10 octobre 2009 à 18h</ span>.</p> </div>
  23. 23. <div typeof="event:Vevent" xmlns:event="http:// www.w3.org/2002/12/cal#"> <h1 property="event:summary">Paris Web 2009</h1> <p property="event:location">La Défense - Tour IBM</p> <p>Démarre le <span property="event:dtstart" content="2009-10-08T08:50:00">08 octobre 2009 à 8h50</ span> et se termine le <span property="event:dtend" content="2009-10-10T18:00:00">10 octobre 2009 à 18h</ span>.</p> </div>
  24. 24. <div typeof="event:Vevent" xmlns:event="http:// www.w3.org/2002/12/cal#"> <h1 property="event:summary">Paris Web 2009</h1> <p property="event:location">La Défense - Tour IBM</p> <p>Démarre le <span property="event:dtstart" content="2009-10-08T08:50:00">08 octobre 2009 à 8h50</ span> et se termine le <span property="event:dtend" content="2009-10-10T18:00:00">10 octobre 2009 à 18h</ span>.</p> </div>
  25. 25. Un nouveau Doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
  26. 26. &
  27. 27. Produits Adresses Actualités Vidéos Événements Documents Discussions Jeux
  28. 28. Produit Vidéo Adresse
  29. 29. http://developer.search.yahoo.com
  30. 30. Google Rich Snippets
  31. 31. • Marquer une personne, une entreprise • Marquer un produit ou une critique • Identifier des vidéos • Spécifier la licence d’une image
  32. 32. Critique Personne
  33. 33. Les moteurs de recherche en France Yahoo 3 % Bing 4 % Autres 6 % Google 87 % Source : AT Internet Institute - Août 2009
  34. 34. Mettre les mains dans le moteur
  35. 35. http://microformats.org/wiki/
  36. 36. Tester vos Microformats
  37. 37. http://rdfa.info/wiki/
  38. 38. http://validator.w3.org/
  39. 39. Tester le rendu des moteurs http://www.google.com/webmasters/tools/richsnippets http://developer.search.yahoo.com/start
  40. 40. Les moteurs de recherche sont au cœur de notre activité web.
  41. 41. Le Web Sémantique C’est maintenant
  42. 42. Merci ! Des questions ? • http://regagnon.com • http://twitter.com/Thierry • http://www.resoneo.com
  43. 43. Crédit photos • Slide 3 : Auteur inconnu • Slide 14 : Anita Martinz (cc-by) • Slide 16 : Logo Microformat • Slide 45 : Auteur inconnu

×