Articles moteurs de recherche

Micro-formats Schema.org

3-08-11

Google, Bing et Yahoo! se sont enfin mis d’accord sur une nomenclature de microformats nommée Schema.org. Sur l’exemple de Sitemaps.org. Les micro-formats sont déjà visible dans les SERP pour les recherches de type: nom de personnalité, recette de cuisine, notes des films, avis sur les lieux, nombre de commentaire. Actuellement Schema.org est en Draft (brouillon) et en version 0.9, pour le moment ce sont les micro-formats d’ancienne génération qui sont misent en avant dans les résultats de recherche de Google va des étoiles jaunes pour les avis des utilisateur à une ligne descriptive supplémentaire entre le <title> et la méta description. Pour vérifier votre implémentation des microformats, utilisez le Validateur de microformats de Google: Rich Snippets Testing Tool.

Les MicroFormats


Microformat pour les Personnes


Le microformat Person destiné à enrichir les données concernant une personnalité comprend les attributs suivants name, description, image, url, gender, birthDate, performerIn, jobTitle, email, adress, workLocation, homeLocation, chlidren, colleagues, parents, spouse, relatedTo.

Pour commencer, ouvrez une balise pour indiquer quel microformat vous souhaitez utiliser

<div itemscope itemtype="http://schema.org/Person">

Ensuite, indiquez le nom de la personne

<span itemprop="name">Matt Cutts</span>

Éventuellement sa photo

<img src="matt.jpg" itemprop="image" />

Et les informations le concernant

<span itemprop="jobTitle">Responsable du spam</span>
<span itemprop="description">Matt Cutts est un blogueur célèbre
qui et responsable de la lutte contre le spam
et de la communauté SEO pour le moteur de recherche Google</span>

Pensez à refermer la balise div et le tour est joué ;)

Propriétés génériques du microformat Person:
description Une courte description de l’élément.
image URL d’une image de l’élément.
name Le nom de l’élément.
url URL de l’élément.

Propriétés spécifiques du microformat Person:
address Adresse physique de l’élément.
affiliation Une organisation dont l’individu est membre (école, club).
awards Prix remportés par cette personne.
birthDate Date de naissance.
children Un enfant de la personne.
colleagues Un collègue de la personne.
contactPoints Un point de contact pour une personne ou une organisation.
deathDate Date du décès.
email Adresse e-mail.
faxNumber Le numéro de fax.
follows Une relation sociale génériques asymétrique.
gender Sexe de la personne.
homeLocation Un emplacement de contact pour la résidence d’une personne.
interactionCount Un compteur d’avis, d’amis, de commentaire, etc
jobTitle Le titre du poste de la personne.
knows Une relation sociale génériques symétrique.
memberOf Une organisation à laquelle appartient la personne.
nationality Nationalité de la personne.
parents Un des parents de la personne.
performerIn Projet créatif auquel participe la personne.
relatedTo La relation la plus générique familiale.
siblings Un frère de la personne.
spouse Le conjoint de la personne.
telephone Le numéro de téléphone.
workLocation Le lieu de travail de la personne.
worksFor L’employeur de la personne.

Microformat pour les notes et les étoiles


Le microformat Aggregate Rating comprend les arguments name, description, image, url, bestRating, RatingValue, worstRating, itemReviewed et reviewCount.

Propriétés génériques du microformat AggregateRating:
description Une courte description de l’élément.
image URL d’une image de l’élément.
name Le nom de l’élément.
url URL de l’élément.

Propriétés spécifiques du microformat AggregateRating:
bestRating Meilleur note (= 5 par défaut).
RatingValue Note de l’item présenté sur la page.
worstRating Moins bonne note (= 1 par défaut).
itemReviewed L’item qui est noté.
reviewCount Le nombre de notes

Liste des Microformats Schema.org

Microformats dans les liens


rel="author": Identifie l'auteur d'un article ou d'un site internet
rel="me": Identifie les liens vers les sites internet ou les profils sociaux de l'auteur
rel="nofollow": Indique aux moteurs de recherche de ne pas prendre en compte la donnée liée
rel="license": Identifie les accords de licences
rel="directory": Indique une liste dans un répertoire sur le site
rel="enclosure": Pour les liens qui pointent vers des fichiers téléchargeables
rel="home": Fourni un lien permanent vers la page d’accueil d’un site
rel="tag" Pour les liens pointant vers un tag relatif à la page
rel="payment" Pour les liens servant à payer un produit, un bien ou un service

Autres Microformats


ADR: Marquer une adresse postale
Geo: Marquer une position géographique
XFN: Décrire une relation avec un site web
hCard: Pour représenter les personnes, sociétés, organisations et lieux
hCalendar: Marquer un événement ou lister du contenu par date (concerts, spectacles…)
hMedia: Lister des media
hAtom: Ajouter du contenu syndicable
hAudio: Décrire un podcast ou un fichier audio
hListing: Lister des biens et des services
hNews: Identifier l'information sémantique dans les articles d'actualité
hProduct: Embarquer des informations supplémentaires sur un produit.
hRecipe: Marquer des recettes de cuisine
hResume: Présenter les expériences d’un CV
hReview: Avis et notes de produits et services

VoteLinks: Fournir des options pour aimer ou ne plus aimer un lien
Xfolk: Lister des liens favoris
XMDP: Ajouter des ressources sur le profil d’une page
XOXO: Mettre en avant un document ou une liste d’objets
Robot Exclusion Profile: Donner des instructions aux robots

Si vous souhaitez créer un site internet SEO friendly et supportant les microformats, faites appel à Pic-Nic Internet

Google Temps Réel n’est +

5-07-11

La peinture de la nouvelle interface du moteur de recherche Google n’était pas encore sèche et pourtant le menu de gauche est déjà mis à jour. Il est amputé de la recherche en temps réel: Google Realtime.

D’après Internet, le partenariat entre Google et twitter est arrivé à échéance. Les mauvaises langues pensent que Google souhaite imposer Google + pour les recherches en temps réel. L’absence de communication officielle de la part de Google me laisse plutôt à penser que Google et twitter sont en négociation et qu’ils ont du mal à se mettre d’accord sur le prix.

Google Realtime

Google en temps réel

MAJ: Google annonce la suspension de Google Temps Réel et sa volonté d’agréger les publications de Google+ aux autres réseaux sociaux. (Source: AFP)

Google

Menu de Gauche de Google


Menu Google N&B

Le menu de Google - Après

La Nouvelle Interface de Google

3-07-11

Le moins que l’on puisse dire c’est que Google ne se repose pas sur ses lauriers. Après Google Instant et avant l’arrivée en France du nouvel algorithme Panda, Google nous propose une nouvelle interface unifiée pour ces différents services. Au menu: du gris taupe (#565656), du gris claire (#F1F1F1) et du rouge orangé (#DB4A38 et #DD6160) qui détrônent l’éternel blanc immaculé. Le bouton J’ai de la chance est toujours là mais les outils linguistiques et la recherche avancée sont relégués dans le menu réglages en compagnie d’iGoogle.

nouvelle interface de Google

Icone Réglages Google

Barre Google


La grande nouveauté repose sur une barre Google plus visible avec sa couleur foncée qui tranche avec le blanc habituel. Cette barre permet de bien mettre en avant les multiples fonctionnalités de Google: Recherche Web, Recherche Images, Recherche Vidéos, Recherche Cartes, Recherche Actualités, Recherche Shopping et Adresse e-Mail. Petite nuance entre la version Google et la version Google Apps, le lien Gmail fait place à E-mail.

La barre de menu du site internet Google

La Barre de Menu Google - Avant


Recherche du mot-clé Soulac sur le moteur de recherche Google

La Barre de Google - Après

Cette barre foncée omniprésente n’est pas sans rappeler une autre friandise, la barre d’administration de WordPress 3.1 sortie en février 2011.

Barre d'administration WordPress

Barre d'administration WordPress

Ou encore la barre de menu du site Apple.com

Barre de Menu du site Apple.com

Barre de menu du site internet Apple.com

Très tendance donc !

Menu de Gauche


Le menu de gauche de Google perd également ses couleurs au profit d’un contraste noir et blanc. Plus sobres, les nouveaux icônes mettent en avant les différentes possibilités d’affinages des recherches: Recherche Universelle, Recherche Images, Recherche Vidéos, Recherche Actualités, Recherche Shopping, Recherche de Livres (+1), Recherche d’Adresses (+1), Recherche dans les Blogs (+1), Recherches sur les réseaux sociaux (-3), Recherche sur les forums.

Menu Google en Blanc

Menu Google - Avant


Menu Google N&B

Le menu de Google - Après

Options de recherche


Parmi les options de recherche on déplore la disparition des recherches par roue magique et on se réjouit de voir les définitions (toujours accessible avec l’opérateur define:mot-clé) et les résultats personnalisés (en fonction de vos contacts twitter, flickr, etc) faire leur apparition en bas à gauche de Google.

Dictionnaire

Dictionnaire: recherche de définition


Réseaux Sociaux

Réseau Sociaux: recherche personnalisée

Les options de recherche de Google

Options de Recherche - Avant


Les options de recherche de Google

Options de recherche - Après

Google Maps


Le service de cartographie de Google a droit lui aussi au lifting black&white. Les fonctionnalités d’impression et de partage gagnent en visibilité en haut à droite de l’écran. L’interface laisse plus de place aux cartes et l’icône pour afficher ou rétracter le panneau latéral est plus accessible avec un écran tactile avec sa forme carrée.
Cartes Google Maps

Nouvelle interface Google Maps

Gmail


Pour obtenir le nouveau design dans Gmail, il faudra choisir le thème Aperçu dans les paramètres. Dans la nouvelle interface de Gmail, la barre google pointe vers Gmail, Google Agenda, Google Documents, Photos Picasa, Google Reader et la recherche universelle. Le formulaire de recherche dans les messages électroniques est d’avantage présent graphiquement avec un gros bouton bleu. La recherche sur le web gagne également en visibilité, mais avec un bouton gris moins tape à l’oeil.

e-mail

Nouvelle interface Gmail

Google Agenda


Mêmes apparences pour Google Agenda qui reprend exactement la même ligne stylistique que les autres services. La barre Google est également présente sur Google Documents, Picasa et Google Reader mais les nouveaux codes typographiques ne sont pas respectés, ce qui laisse à penser qu’une seconde mise à jour ergonomique viendra associer ces trois services au reste de la gamme Google.

Google Mobile


Sur smartphone, l’interface reste plus colorée:
Google.fr

Google.fr sur Mobile


Sélection du type de recherche

Barre Google sur Mobile

PS: 42e article publié sur Mon Coin sur le Web, so Geek !