Jean-Sébastien Mansart .com - Balise - referencement

Rendez les tags aux machines !

Jean-Sébastien Mansart — Wed, 22 Oct 2008 09:00:00 +0200

Le tag est l’enfant roi du web2.0, utilisé à tout va et sensé remplacer les catégories, il n’y arrive cependant toujours pas.
Les sites de partage en tout genre l’utilise à outrance, tout est tagué, un peut n’importe comment, sans schéma de classification.
L’utilisation actuelle des mots-clés ne me satisfait pas, pour moi, ils ne devraient pas être utilisé pour la navigation, mais par des algorithmes.
Libérez les mots-clés, rendez les aux machines.

Avec l’avènement du web2.0 est apparu un concept, qui existait déjà dans d’autres domaines comme la recherche : le tag. Le tag, ou mot-clé permet d’identifier par un mot ou groupe de mots (séparés par une virgule) un texte, une image, une vidéo, etc…

Le concept fut vite repris par tous les sites surfant sur la vague, pour classer un contenu généré par l’utilisateur, et dont les modérateurs ont bien du mal à modérer, justement.

Au départ, donc, les tags n’étaient qu’un moyen de classifier de l’information, les choses évoluant, pas toujours dans le bon sens, les tags sont devenu un système de navigation.

Ainsi, sur les blogs, ou autres site de partage de photos bien connu, fleurissent des pieds de page ou des sidebars au doux relent de pop art. Des mots, en bloc, sans aucun lien entre eux de prime abord, certains minuscules, d’autres énormes. Sur quelques sites, on s’essaie à la couleur pour renforcer la présence et la notion d’importance des mots. Le nuage de mots-clés est né.
Mes amis, voici le fameux tagcloud.

Tout le monde s’extasie devant ce petit bout de rien que tout à chacun peu créer facilement sur son blog, on s’émerveille, on s’amuse à taguer de plus en plus son contenu, on l’affine en supprimant quelques tags, en corrigeant quelques fautes, les tags étant choisis de façon informelle sont bien souvent mal orthographié. Au cours du temps le tagcloud n’évolue que très peu, voir pas. Représenté par une suite de <li> dans un <ul> les mots-clés s’enchainent.

Pourtant, aussi beau soit-il (et encore faut-il qu’il soit réussi), le nuage de mots-clés n’est que très peu, voir pas, utilisé. 88% des visiteurs de sites web n’ont jamais cliqué sur un tagcloud. J’émets même de sérieux doutes quant à l’utilité d’afficher un nuage de mots-clés.
Si personne ne s’en sert, à quoi bon l’afficher ?

On peut répondre que le nuage de mots-clés permet d’un coup d’œil de voir les thèmes les plus abordés sur le site.

Soit.

Vous regardez souvent les tagclouds quand vous arrivez pour la première fois sur un site ?

Moi non, je lis les articles, un part un, quatre ou cinq à la suite généralement, ensuite, si je le trouve intéressant, je le mets dans mon agrégateur et j’attends les prochains articles pour décider ou non de garder le blog de façon définitive.

Les personnes avec qui j’ai eu le loisir de discuter de ce sujet m’ont conforté dans mon idée, les nuages de mots-clés ne sont définitivement pas utilisés, ni même regardés.

Je disais tout à l’heure que les nuages de mots-clés n’ont que très peu évolués avec le temps. Mais ils l’ont quand même fait.
Une personne à eu une idée sublime : faire un widget en flash pour faire afficher les tags en forme de sphère tournante.

Génial !

Maintenant, non seulement on ne s’en sert toujours pas, enfin, si. La première fois qu’on voit ça sur un blog, on joue pendant 5 minutes avec, et après on retourne travailler. Donc non seulement ça sert à rien, mais en plus ça prend du temps à charger et ça prend des ressources.

Je pense que le gars qui a pondu ça à tout compris.

Sans compter que les mots-clés se chevauchent allègrement, c’est un vrai régal pour les yeux, et je ne parle même pas de l’accessibilité.

On vient de le voir, la navigation via les tags n’est pas un vrai critère, alors pourquoi utiliser les tags ?

Pour moi, les tags ne sont pas fait pour les humains, les tags sont fait pour les machines. Ils sont faits pour être utilisés par des moulinettes qui vous rendent autre chose en sortie.

Le premier avantage généré par les mots-clés est un gain au niveau du référencement.

Avant, sur un blog, on avait quelques catégories, quatre ou cinq, parfois plus suivant la taille du site. Ca nous faisait autant de pages générées automatiquement et qui nous rapportaient autant en référencement.

Maintenant, avec les tags, ce chiffre est multiplié par 100 !

Si vous avez 100 articles, avant vous aviez 110 pages, maintenant, avec les tags vous êtes plutôt vers les 1000, sans trop vous fatiguer.

Le second grand classique des mots-clés est d’afficher une liste d’articles connexes, en rapport avec l’article que vous lisez, ce que vous retrouvez en bas de cet article d’ailleurs sous la mention « Vous allez aimer ! ». Cette liste est construite automatiquement grâce aux mots-clés saisis dans les articles. Un petit script mouline et hop, on a un résultat.

Une autre façon d’utiliser les tags est de s’en servir pour la veille.
Des sites comme technorati en font leur activité. Vous tapez un mot, et vous avez tous les articles qui parlent de ce mot-clé.

Pour trouver d’autres utilisations des mots-clés, il faut se creuser un peu.

On pourrait par exemple, en fonction des habitudes de lecture des visiteurs, proposer du contenu en rapport avec ce qu’il aime. Le contenu peut être de plusieurs forme : des articles, des liens ou même de la publicité.

On pourrait aussi, en allant plus loin, inférer sur les mots-clés.

Par exemple, si un article a pour tags : vélo, savoie. On peut inférer que l’article à pour sujet le sport et la montagne et ainsi proposer du contenu en relation, par exemple, un article sur le ski ou la luge.

Les applications pourraient être nombreuses, à partir de simples tags on pourrait construire des ontologies et ainsi donner du sens et de l’intelligence dans la relation entre les contenus.

On vient de le voir, les tags ont une plus grande utilité et un plus grand potentiel avec les machines qu’avec les humains.

Doit-on pour autant supprimer toute navigation par mots-clés ?

Article original écrit par Jean-Sébastien Mansart et publié sur Jean-Sébastien Mansart .com | Lien direct vers l'article | Si vous lisez cet article dans son intégralité sur un autre site que Jean-Sébastien Mansart .com c'est qu'il a été reproduit illégalement et sans autorisation. Merci de le sig naler à son auteur original en cliquant ici | © jsmansart.com.

[Chambé-Carnet] : Référencement et Web Analytics le vendredi 17 octobre 2008

Jean-Sébastien Mansart — Mon, 22 Sep 2008 09:17:00 +0200

J'organise à nouveau un Chambé-Carnet qui aura pour thème le référencement et les web analytics.
David Degrelle de 1ère Position et Julien Coquet de OX2 seront là pour répondre à toutes vos questions.

Inscrivez-vous !

Les nouvelles tendances du Web vous passionnent ?
Vous souhaitez partager vos expériences, discuter de vos projets ou simplement écouter les autres ? Les Chambé-Carnets sont faits pour vous !

A la prochaine réunion :
Le référencement et les web analytics sont les clés de voute de la maitrise d'audience de votre site web.
Comment arriver en première page des moteurs de recherche ? Sur quels critères ? Achat de mots-clé ou référencement naturel ?
Comment mesurer l'activité d'un site ? Il n'y a pas que le nombre de visites qui importe, quels sont les autres indicateurs ? Comment utiliser au mieux ces données pour améliorer son référencement ?

David Degrelle de 1ère Position et Julien Coquet de OX2 seront là pour répondre à toutes vos interrogations et vous présenter leur métier.

Venez en parler autour d'un buffet le vendredi 17 octobre 2008 à 19h au Brun Argenté,
58 rue St-Réal
73000 Chambéry

En partenariat avec :

Inscrivez-vous directement en ligne sur le site de Chambé-Carnet !

Refonte complète du blog

Jean-Sébastien Mansart — Fri, 07 Mar 2008 13:31:00 +0100

Ça faisait un petit moment que ça me turlupinait, mon blog avait un thème "sympa", mais pas top. Après avoir rencontré Patricia Gallot, l'auteur de "Internet, donne moi ce que je veux", je me suis mis en tête de refondre complètement mon blog, en commençant par la navigation.

La première étape était de trouver un ou plusieurs modèle de navigation propice à un blog.

Un coup de chance, j'avais le livre de Patricia sous la main, et après avoir parcouru les 60 modèles de navigation, j'en ai retenu 3 :

le menu sur la droite
le big footer (le gros pied de page)
le menu horizontal

Il ne restait plus qu'a placer les différents éléments dedans.
Dans le menu de droite seraient présents (dans le désordre) :

la recherche
le lien vers le flux RSS
la liste des tags
les derniers billets
la liste des catégories

Dans le big footer :

le fameux "a propos"
les derniers commentaires
et pour se faire plaisir, une fois encore les derniers billets

Dans le menu horizontal :

Contact
CV
A propos

Et pour finir le tout, un petit colophon histoire de rappeler les mentions légales et quelques liens rapides d'échappements.

Deuxième étape : faire une maquette à partir des éléments définis plus haut.

J'admets, cette partie là, je l'ai délégué. Étant en collocation avec une graphiste web, je n'ai pas eu à chercher longtemps à qui j'allais confier cette tache... On en a profiter pour revoir l'ergonomie du blog, en créant des liens d'échappements là où il en fallait (comme un lien pour aller directement aux commentaires), retirer quelques éléments qui n'apportaient rien (le lien permalink).
Mettre des parties plus en évidences : comme l'abonnement au flux RSS, le "lire la suite..." sur la page d'accueil, les liens dans le corps du texte, etc...

Je voulais aussi garder l'esprit et la charte graphique de l'actuel. Le bandeau à été remanié, le titre du blog amélioré...

Troisième étape : optimiser le code HTML pour le référencement.

Dotclear est part défaut très bien conçut pour le référencement. Cependant, on peut noter quelques améliorations à apporter.

La balise <title> est le titre de la page.
Une balise <h1> définit le titre du document.
Une balise <h2> définit les sous titres

Lorsque l'on est sur la page d'accueil, le title doit donc être le nom du blog, la balise <h1> contiendra elle aussi le titre du blog et on placera les titres des billets dans des balises <h2>.

Par contre, lorsque l'on est sur un billet. Le title de la page devient donc le titre du billet. Celui-ci est aussi englobé dans une balise h1, mais quid du titre du blog ?

Certains disent qu'on peut le laisser en <h1>, d'autres au contraire affirment qu'il ne doit y avoir qu'une seule balise <h1> par page.
Si on part sur la seconde hypothèse, dans quelle balise met-on le titre ?
Une balise <h2> ?
Une balise <p> ?
Une balise <span> ?

Les mêmes questions se posent pour la navigation : les bloc ont des titres, on met quoi ? des <hx> ou une toute autre balise ?

Pour le coup, je suis un peu dépassé, et même tous les grands du HTML se battent sur ce genre de sujet...

Tout cela demande énormément de travail et de recherche, la maquette est terminée, il reste encore l'intégration à faire, les tests sous différents navigateurs et système d'exploitation, et pour finir : le polissage.

A votre avis : quelles balises utiliser pour le titre du blog et la navigation ?

Optimisation du référencement d'un blog sous Dotclear 2

Jean-Sébastien Mansart — Thu, 08 Nov 2007 13:38:00 +0100

La plupart des gens sont d'accord pour dire qu'un blog tournant sous Dotclear se référence très bien tout seul. S'il est vrai qu' "out of the box", Dotclear comporte certains éléments qui lui permet un bon référencement, il faut néanmoins retravailler certains aspects pour l'améliorer.

Je vais m'intéresser ici aux URL.

A la base, les URLs d'un billet sont sous la forme :
http://www.monblog.com/index.php/post/2007/11/08/referencement-:-les-urls

On remarque que l'URL est particulièrement longue, les mots clés qui nous intéressent sont à la fin, il y a un caractère illégal et on traîne un "index.php/post/2007/11/08/" qui ne sert strictement à rien.
Ce qu'on voudrait ressemblerait plutôt à : http://www.monblog/referencement-les-urls

Nettement mieux non ?

Première étape, enlever la date dans l'url.

Pour enlever la date, il suffit d'aller dans l'administration du blog, tout en bas à gauche, il y a une rubrique nomée "about:config". Chercher la ligne "post_url_format", la valeur par défaut est : "{y}/{m}/{d}/{t}", modifiez la à : "{t}". Enregistrez et c'est gagné !

On a maintenant une URL du type : http://www.monblog.com/index.php/post/referencement-:-les-urls

On va maintenant s'occuper d'enlever le "index.php". Pour ça, il faut créer à la racine du blog un fichier .htaccess avec le code suivant :

RewriteCond %{HTTP_HOST} ^monblog.com$
RewriteRule ^(.*) www.monblog.com/index.php$1 [QSA,L,R=301]
RewriteRule ^(preview|pages|post|archive|feed|tag|category|sitemap\.xml)/(.*)$ /index.php/$1/$2 [L]
RewriteRule ^(archive|tags|sitemap\.xml) /index.php/$1 [L]

Et voilà ! On obtient maintenant : http://www.monblog.com/post/referencement-:-les-urls
Il reste à enlever le "/post/" et les deux points.

Pour enlever les deux points rien de plus simple : il suffit de modifier l'URL dans le billet.
Par contre, pour enlever le "/post" je n'ai encore pas trouvé de solution, si quelqu'un en a une, je suis preneur.

Je vous conseil de faire toutes ces modifications avant d'ouvrir votre blog, en effet, vous risquez de perdre tout votre référencement actuel, et vos visiteurs risquent de tomber sur de nombreuses erreurs 404... Vous pouvez toujours vous amuser à faire de la redirection dans le .htaccess, mais souvenez vous : Cool URIs don't change (chose que je n'ai absolument pas respecté).