Pour vous faire une idée de la richesse de ce vocabulaire commun, il suffit de jeter un oeil sur l’ensemble de la hiérarchie disponible sur la page The Type Hierarchy. On le voit, ce vocabulaire a l’ambition de taguer l’ensemble de la production culturelle humaine, et plus à venir.

Thing

Au sommet de cette hiérarchie de micro-données, on trouve la «chose».Thing est décomposée en:

• CreativeWork,
• Event,
• Intangible,
• Organization,
• Person,
• Place,
• Product.

CreativeWork

Chaque élément est lui-même structuré en sous-ensemble. Pour CreativeWork, nous avons par exemple :

• Article,
• Blog,
• Book,
• ItemList,
• Map,
• MediaObject,
• Movie,
• MusicPlaylist,
• MusicRecording,
• Painting,
• Photograph,
• Recipe,
• Review,
• Sculpture,
• TVEpisode,
• TVSeason,
• TVSerie,
• WebPage,
• WebPageElement.

WebPageElement

Parmi les éléments qui permettent d’ajouter du sens aux balises HTML pour préciser leur portée. Par exemple, WebPageElement se subdivise en :

• SiteNavigationElement,
• Table,
• WPAdBlock,
• WPFooter,
• WPHeader,
• WPSideBar.

Exemple d’utilisation du schema « Movie »

J’ai repris un exemple de la documentation de schema.org en prenant la liberté de modifier le balisage HTML initialement proposé pour ajouter un peu plus de sémantique via une liste de définition. Un peu dans l’esprit de ce que j’avais fait pour le microformat hCard, souvent expliqué avec des exemples de marquage HTML un peu «léger».

<dl>
    <dt>Avatar</dt>
     <dd>Director: James Cameron (born August 16, 1954)</dd>
     <dd>Science fiction</dd>
     <dd><a href="../movies/avatar-theatrical-trailer.html">Trailer</a></dd>
</dl>

<dl itemscope itemtype ="http://schema.org/Movie">
    <dt itemprop="name">Avatar</dt>
    <dd>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</dd>
    <dd itemprop="genre">Science fiction</dd>
    <dd><a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a></dd>
</dl>

RDFa c’est fini ?

D’après Google, les site utilisant RDFa continueront à être valorisés en tant que Rich Snippets mais il ne dit pas pendant combien de temps…

Enfin une solution stable et pérenne pour enrichir nos données ?

Je suis un farouche supporter des microformats, mais j’ai toujours gardé également à l’esprit qu’il ne s’agissait globalement que d’un exercice de style. Je n’ai jamais pu observer un quelconque impact dans le fait de mettre des classes microformatées dans mes balises. Avec les schémas proposés par Google Bing et Yahoo! nous aurons peut-être plus de chances de voir nos efforts enfin récompensés. A tester et à voir.

→ Consulter HTML Microdata du W3C

Articles sur le même sujet

• Le prêt-à-bloguer bride-t-il la créativité ?
• Sites de contenus vs sites commerciaux ?
• Optimiser son blog pour le référencement est inutile dans 80% des cas
• Goopilation — Les blogs officiels de Google traduits en français
• Quelques lignes de PHP pour protéger la SERP-diversité

Du nouveau dans le monde grandissant des moteurs de recherche verticaux avec Donkiz. Ce projet spécialisé dans l’immobilier a été dévoilé par donkeyword. Franck a su garder le secret jusqu’au bout sur son projet ultra-secret (bien que j’ai l’impression qu’Eric a eu la primeur, m’enfin…). Les principaux atouts du moteur sont :

• Recherche de maisons et d’appartements, de bureaux, d’entrepôts, de lieux de vacances, de terrains, etc. grâce à un système d’intelligence artificielle et une navigation par tableau de critères dynamiques (drill-down), le tout avec un design épuré,
• Alerte mail, envoi à un ami, sauvegarde et prise de notes sur les annonces sans être obligé de s’enregistrer,
• Cartographie pour visualiser les résultats,
• Index de plus de deux millions d’annonces et plus à venir.

Le soin apporté à l’ergonomie et à la clarté de l’interface font de cet outil un modèle du genre : les résultats s’affinent peu à peu en fonction de vos envies.

Compte-rendus Paris Web 2007

De nombreux blogs ont évoqué l’événement de cette fin d’année dans le domaine du développement web et des bonnes pratiques : Paris Web 2007. Si les avis et impressions ne manquent pas, les compte-rendus systématiques sont rares.

Heureusement que les nouveaux venus dans la blogosphère ont à cœur de partager leurs notes. C’est le cas de Thibault qui se propose de mettre en ligne sur Jour de pluie une douzaine de compte-rendus.

Yahoo! : un design élastique

Pour voir un bel exemple de page web élastique (dont le texte et la mise en page supportent l’agrandissement), faites un tour sur Yahoo! puis faites tourner la molette avec la touche Control.

Merci à Thanh pour l’info (et le café à l’O2Sources ;) )

Flock, le navigateur social

Suite à mes interrogations existentielles sur le navigateur web idéal, j’ai essayé Flock. Ce navigateur est basé sur le moteur de rendu Gecko qui équipe aussi Firefox avec en prime des fonctions d’aggrégation de sites web 2.0 tels que Twitter, Flickr, Facebook, Youtube.

Possibilité de synchroniser les signets entre ma.gnolia et Flock.

Combien de balises HTML pouvez-vous citer en 5 mn ?

Petit quizz bien sympa à faire. Attention le compte-à-rebours démarre dès le chargement de la page ^^ Via xuxu.

Articles sur le même sujet

• Mise à jour de la grosse grosse liste #2
• 13 outils pour l'intégrateur web
• 7 liens utiles pour l'intégrateur web : le retour
• Check your <body> avec le W3C
• Quelques notes — Programme de formation HTML & CSS

Entre les désirs et la réalité, il y a un fossé que je ne pouvais franchir seul, et c’est là qu’intervient Romain avec ce script PHP pour identifier Google comme referrer, isoler la requête et afficher une liste de moteurs de recherche en reprenant la demande de l’internaute.

Pour celà, il suffit de copier-coller ce code à l’endroit où vous voulez afficher la liste des moteurs. Pour ma part, je l’ai placé juste après l’ouverture de la balise div en haut de la sidebar :

<?php $isGoogleReferer = (isset ($_SERVER["HTTP_REFERER"]) && (preg_match('!^http://(www|images).google.[a-z]{2,3}(.[a-z]{2,3})?/!i',
$_SERVER["HTTP_REFERER"]))) ? true : false;
$googleQuery = ($isGoogleReferer && preg_match ('!q=([^\&#]*)!i',
$_SERVER["HTTP_REFERER"], $matches)) ? $matches[1] : null;
$googleQuerySanitize = ($googleQuery) ? preg_replace
('![^a-z0-9éèàêùçÇÉÀÈÙ\s]!i', ' ', rawurldecode ($googleQuery)) : '';
?>


<?php if ($isGoogleReferer && $googleQuery): ?>
    <div id="fromGoogle" class="sidebar-content xoxo">
        <h3>Vous venez de Google via la requête <em><?php echo $googleQuerySanitize;?></em></h3>
        <p>Essayez donc un moteur de recherche différent, pour voir si j'y suis ;)</p>
        <ul>
            <li><a href="http://fr.search.yahoo.com/search?p=<?=$googleQuery;?>"><?=$googleQuerySanitize;?> sur Yahoo!</a></li>
            <li><a href="http://www.exalead.fr/search/results?q=<?=$googleQuery;?>"><?=$googleQuerySanitize;?> sur Exalead</a></li>
            <li><a href="http://fr.altavista.com/web/results?q=<?=$googleQuery;?>"><?=$googleQuerySanitize;?> sur Altavista</a></li>
            <li><a href="http://fr.ask.com/web?q=<?=$googleQuery;?>"><?=$googleQuerySanitize;?> sur Ask</a></li>
            <li><a href="http://search.live.com/results.aspx?q=<?php echo $googleQuery;?>"><?php echo $googleQuerySanitize;?> sur Live</a></li>
        </ul>
    </div>
<!-- End #fromGoogle .sidebar-content .xoxo -->
<?php endif; ?>

Cette liste est facilement modifiable pour s’adapter à vos goûts personnels matière de Search Engine puisqu’il suffit d’isoler la partie précédent la requête (généralement ?q=) pour chaque moteur ou de supprimer l’élément qui vous chagrine. Certains moteurs comme Ixquick utilisent la méthode post pour passer les paramètres de la requête à la page de résultats, ce qui ne permet pas de le mettre dans la liste. Dommage, car c’est un très bon métamoteur de recherche rapide et puissant que j’utilise depuis quelques temps déjà !

Si certains caractères spéciaux apparaissent dans la reprise de la requête à la place des caractères accentués, il suffit d’ajouter les caractères fautifs dans la liste : [^a-z0-9éèàùçÇÉÀÈÙêÊ\s] and the cat’s in the bag!

PS : Si vous trouvez ce script utile n’hésitez pas à l’utiliser comme bon vous semble et à le faire savoir à l’auteur !

Articles sur le même sujet

• Améliorer la recherche sur votre blog WordPress avec Google Coop
• WordPress — Une meilleure indexation avec Not at All in One SEO
• css4design vs Google : PR, impasse et manque…
• Adriana K, Google et balises meta dans DotClear
• Schema.org — Microdata pour Google, Bing et Yahoo!

Au début, je voulais garder une trace de mes lectures sur le web pour garder des bouts de code CSS, ou Javascript sous le coude. Ne trouvant pas toujours ce que je cherchais, j’ai eu envie d’écrire mes propres tutoriels html et css, pour moi-même, mais aussi pour mes collègues de travail de l’époque qui pouvaient commenter mes billets à voix haute ;)

Ensuite, j’ai remarqué – vu l’augmentation des visites – que d’autres semblaient également intéressés. Et j’ai continué comme ça jusqu’à aujourd’hui. Et maintenant ?

Et maintenant

Aujourd’hui, si je compte garder la même ligne éditoriale, je me demande si je vais garder tous mes lecteurs ! En effet, la dernière Google Dance qui s’est traduite par la baisse d’un ou plusieurs point de PR — sur de nombreux sites d’importance et d’autres plus modestes comme le mien — m’a fait prendre conscience qu’il fallait réagir contre la situation de quasi-monopole de Google en terme d’audience : jusqu’à 57% sur ce blog (et ce chiffre semble être le même un peu partout). Les autres moteurs de recherche apportant tout juste 3% des visites.

Pourtant, ces autres moteurs de recherche ont fait d’énormes progrès par rapport aux performances désastreuses du début des années 2000 qui avait incité les internautes de l’époque à préférer la pertinence et la rapidité de Google au point d’en faire aujourd’hui un Dieu tout-puissant.

Gevil

Je n’ai pas l’habitude de parler politique sur ce blog, mais il ne faudrait pas, sous couvert de pseudo-objectivité, se voiler la face sur le fait que nous sommes souvent en totale contradiction avec nos convictions dès qu’il s’agit d’internet : nous refusons souvent la main-mise des Etats-Unis sur le reste du monde dans la vie réelle, tandis que nous mettons nous-même notre tête sur le billot et demandons à nos amis de nous couper les cheveux pour le ne pas abimer la lame du bourreau…

Ecrire, pour quoi, pour qui ?

Bref, j’ai décidé de me séparer de la partie des lecteurs qui m’apporte le moins : ceux qui viennent de Google avec une idée précise en tête et qui repartent sans laisser de trace tout en augmentant de surcroit mon taux de rebond ! Je préfère écrire pour ceux que j’ai l’impression de connaitre via leurs commentaires ou leurs blogs, plutôt que de me décarcasser pour des anonymes.

Vive la SERP-diversité :)

Je ne sais pas encore comment je vais m’y prendre, mais je vais inciter les visiteurs en provenance de Google à utiliser d’autres moteurs de recherches comme…

• yahoo, encore un autre oracle hiérarchique ? Non, non, c’est juste un bon moteur de recherche qui n’a rien à envier à Google (à part les parts de marchés, bien entendu…),
• Bing, le moteur de Microsoft. Vous remarquerez qu’il est bien plus beau que Google et que l’affichage des résultats est bien plus lisible (si on m’avait dit qu’un jour Microsoft ferait figure de challenger et serait en situation de position dominée…),
• kartoo, moteur original réalisé en Flash. Donne une représentation spatiale des liens entre les sites dans les résultats,
• blogdimension, moteur de recherche français sur les blogs,
• Exalead, moteur de recherche européen dont j’ai parlé à l’occasion d’un concours de référencement,
• Wikio, dont j’ai dit quelques mots dans ce billet sur le web 2.0,
• Technorati, évoqué lors du claim de Notorious Blog,
• Dogpile, metamoteur (reprend des résultats de Google) redécouvert grâce au blog d’Abondance. Quelques résultats sponsorisés « passent » à travers les résultats, mais bon…
• Ixquick, metamoteur (reprend des résultats de Google) sur lequel j’ai eu l’occasion de faire une note sur ce blog,
• etc,

…histoire de favoriser la SERP-diversité. S’ils retombent sur mon blog, tant mieux, sinon, tant mieux pour les autres sites ou blogs qui verront ainsi augmenter leur nombre de visiteurs, ainsi que – et c’est peut-être le plus important – le nombre de moteurs de recherche différents de Google dans leurs statistiques !

Ensemble, taillons des croupières à Google !

Comme vous l’avez sans doute remarqué, je ne sais pas encore ce qu’il est possible de faire techniquement, je fais donc appel à vos talents de développeurs et/ou à vos idées pour avancer : j’aimerais afficher une page spécifique pour les visiteurs qui viennent de Google pour leur proposer une liste de moteurs de recherche « alternatifs » en reprenant la requête qui les a amenée sur mon blog, pour qu’ils aillent voir ailleurs si j’y suis :D

⁽¹⁾ Rubriques supprimées à l’heure actuelle.

Articles sur le même sujet

• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…
• Quelques lignes de PHP pour protéger la SERP-diversité
• Concours loupanthère sur Exalead
• Mesure d’audience : des mots-clefs au ClickRank
• Schema.org — Microdata pour Google, Bing et Yahoo!