Bouge ton blog !

Cette question ayant été souvent posée à moi-même ainsi qu'à l'ensemble de l'équipe Blogspirit, j'ai décidé d'écrire ce petit récapitulatif des actions que le blogueur peut mener pour se constituer un bon référencement chez les moteurs de recherche.

On dit souvent qu'être référencé, c'est exister sur Internet. C'est en parti vrai même si un blog bénéficie déjà du référencement de sa plateforme ! Voici les quelques paramètres à régler sur votre blog pour remonter dans les résultats de Google, Yahoo, Altavista et autres MSN Search. Notez que les blogs "made in Blogspirit" sont optimisés pour être indexés par les robots de moteurs de recherche, les actions qui suivent contribueront à améliorer ce référencement.

Description du blog : il s'agit de la petite phrase qui remonte très souvent dans les moteurs de recherche. Par exemple sur Yahoo, vous noterez que la description du blog est quasiment la première chose affichée sous le titre du site trouvé par le moteur.

Mot-clés : : ce paramètre est utilisé par certains moteurs pour affiner les résultats trouvés. Il s'agit d'être pertinent et de mettre des mots en rapport avec le contenu de votre blog. Quel est l'utilité d'être référencé sur le mot "Britney Spears" (très recherché sur Google) alors que vous parlez de littérature ? Notez enfin qu'il s'agit d'un des critères utilisé par le moteur de recherche de Blogspirit.

Liens : : il va sans dire (mais autant le dire...) que faire un maximum de liens pertinents contribue à faire connaître son blog. Editez éventuelement le paramètre title="xxxxxx" dans le code HTML de vos liens, les moteurs de recherche peuvent être très friands de ce paramètre et cela ajoutera un petite touche à votre blog !

Titre de vos notes : : Elément indispensable à un bon référencement ! Les titres des notes sont utilisés pour construire l'URL de vos permaliens. Non seulement les robots indexeront le contenu de votre titre de manière privilégiée, mais en plus ils référenceront votre note grâce aux mots présents dans l'URL ! Un conseil, choisissez bien vos mots et ne négligez pas l'importance de ce paramètre.

Images : Certains moteurs indexent le mot ou l'expression placé dans le paramètre alt="", par défaut Blogspirit rempli ce champs avec le nom de votre image, libre à vous de le modifier ! Même chose que pour les liens, le paramètre title="" peut s'avérer utile aussi bien pour votre référencement que pour la personnalisation de votre blog.

Commentaires et Trackbacks : Notez que la plupart des principaux moteurs de recherche ne suivent plus les liens présents dans les commentaires, inutile donc d'innonder de commentaires ou de trackbacks des blogs qui n'ont aucun rapport avec le votre !

Listes de liens : Si les blogs sont aussi bien référencés, c'est aussi parceque les blogueurs s'échangent les liens très facilement par le biais des listes de liens.

Catégories : Les catégories sont souvent des pages qui remontent très bien dans les résultats de recherche, ces pages rassemblent en effet plusieurs notes et sont donc plus à même de contenir une combinaison de mots !

Communautés : Les communautés sont déjà bien référencés et vous amèneront un bon nombre de robots puisqu'elles font constamment des liens vers votre blog. De plus elles constituent une source de visites considérable dès lors qu'elles sont actives. Là encore il s'agit d'être cohérent, poster une note dans la communauté "Recherche d'emploi" lorsque l'on parle de ces vacances en Corse, vous amènera peut-être des visites mais vos visiteurs auront vite fait de zapper votre blog qui ne correspondra pas à leur recherche initiale...

Mon dernier conseil sera ne pas forcément s'attacher à faire du traffic mais plutôt de fiéliser ses visiteurs à travers vos notes. La pertinence du contenu reste (heureusement) la première condition pour se faire connaître !

Vous trouverez en détail les étapes pour monter sa banière sur son blog dans le faq.

Suite à plusieurs problèmes survenus lors de cette délicate étape, j'ai décidé d'afficher un exemple de CSS.

Avant de commencer, j'aimerais signaler que les caractèristiques des styles de votre blog qui sont placés entre '/*' et '*/' ne sont pas actifs, en effet ils sont mis en commentaires pour vous guider lors de cette étape.

Par exemple :

#banner {
height: auto;
color: #fff;
/** code for your own banner :
display : none;
*/
}

Ici le style #banner a une caractèriqtique mise en comentaire (display: none).
Si vous voulez insérer votre banière, il vous faut activer ce style comme suit :

#banner {
height: auto;
color: #fff;
display : none;
}



Notez qu'il est fortement conseillé d'appliquer cette méthode avec les designs 1,2 et 3 :

Pour les autres, c'est un peu plus compliqué, je vous conseille de bien étudier la FAQ sur le sujet...


Maintenant la feuille de style ! Seuls les styles qui ont été modifiés sont reportés, il est donc inutile de s'interesser aux autres pour le moment.

#banner {
height: 90px;
background-color: #d9c0e6;
color: #fff;
display : none;
}
#banner h1 {
padding: 15px;
font-weight: bold;
padding-bottom: 10px;
}
#banner h2 {
font-size: 80%;
padding: 0px 0px 0px 15px;
}
#banner a {
color: #fff;
font-weight: bold;
font-size: 70%;
text-decoration: none;
}
#banner-img {
display: none;
display : block;
background: #fff url("http://[BLOG].blogspirit.com/images/[BANNER].jpg") no-repeat 0% 0%;
height: [HEIGHT]px;
}
div.img-link a {
display: block;
text-decoration: none;
width: 100%;
height: [HEIGHT]px;
}

remplacer [BLOG] par le nom de domaine de votre blog présent dans l'adresse de celui-ci.
remplacer [BANNER] par le nom de votre image, changer éventuelement l'extension si besoin (.gif, .png)
remplacer [HEIGHT] par la hauteur de votre banière en pixels (conseillé : 170px)

Comme vous le voyez le style #banner qui contient le titre de votre blog (#banner h1, #banner a) et la description (#banner h2) n'est plus affiché (display: none) sur votre blog mais toujours présent dans la source HTML. Ceci pour que les robots des moteurs de recherche référencent votre blog à l'aide de ces informations... Il est donc indispensable de remplir les champs "titre" et "description" dans la configuration de son blog !
C'est le style #banner-img qui est affiché à la place (display : block), il contient votre banière en arrière plan et le lien vers la page d'accueil de votre blog.

A vous de jouer !

Vous avez surement remarqué quelques bizareries sur vos stats en ce mois de Janvier !

Pas de panique, toutes les stats sont enregistrés dans des fichiers de log (et non pas blog). Nous les avons remoulinés afin que tout le monde retombe sur ses pattes, ainsi les stats que vous voyez affichées (Onglet Stats) sont bien définitives.

Il y a malheureusement un trou en début février qui correspond non pas à un néant d'internautes sur votre blog mais à un disfonctionnement irréversible. La bonne nouvelle étant le fait que Blogspirit va pouvoir repartir sur des bases saines pour continuer à vous offrir des stats authentiques puisque "prélevées" directement à la source, sur le serveur.

Pour en savoir plus sur les stats de votre blog, c'est par ici :
Glossaire.

Parmi les fonctionnalités offertes par les services Blogspirit, vous aurez sans doute noté la possiblité de syndiquer les contenus de son blog via la technologie RSS. Il s'agit d'une fonctionnalité vieille comme le monde (enfin le web...) qui a pris toute son ampleur avec le phénomènre récent des blogs. Nous allons voir comment se servir de cette technologie indispensable à tout blogueur !

Pour ceux qui ne connaissent pas encore les fils RSS (ou flux RSS), je vous renvoie vers la note que j'ai écrite sur mon blog : ici.

Un petit rappel avant de commencer.

Un fil RSS contient :
Le nom de l'auteur et éventuellement ses informations.
La date de publication.
Le permalien (lien unique correspondant à 1 contenu) de la note.
Le contenu (HTML ou texte).

Pour le blogueur :

D'abord il faut configurer son mode de syndication. (Tableau de bord -> Syndication).

Partiel : vous pourrez définir le nombre de mots à afficher dans le fil, utile si vous tenez absolument à ce que vos visiteurs viennent sur votre blog.
Complet : tout le contenu est syndiqué, un abonné aura ainsi toute l'information dans son fil et pourra cliquer sur le lien pour réagir à la note.

Vérifiez ensuite que les stickers suivant sont bien affichés dans l'une de vos colonnes :

Ces 2 formats sont concurrents mais restent en principe visibles par tous les logiciels.

Voilà votre blog est syndiqué ! Chaque fois que vous mettez à jour votre blog, le fil RSS est mis à jour !

Si un visiteur souhaite s'abonner à votre blog voilà comment procéder :

1/ Repérer l'adresse du fil RSS
C'est simple : clic droit sur l'un des 2 stickers puis "Copier le raccourci" (IE) ou "Copier l'adresse du lien" (Mozilla). Il s'agit de l'adresse du fil que vous entrerez dans votre aggrégateur de fils RSS. Un aggrégateur est un logiciel capable de lire le format XML et de restituer l'information présente dans le flux.

2/ L'insérer dans son aggrégateur.
Choisissez l'option "Insérér un fil RSS" (le nom diffère d'un logiciel à l'autre...) puis collez l'adresse récupérée plus haut. Configurez ensuite votre aggrégateur sur la fréquence de mise à jour souhaitée (toutes les 5 minutes, toutes les heures ou tous les jours...). Vous serez maintenant tenu au courant des mises à jour en temps réel !

Quel aggrégateur choisir ?

Certains préfèreront SharpReader, un logiciel permettant d'archiver tous ses flux pour une possible migration, d'autres utiliseront plutôt Newsgator (payant) qui s'interface avec Outlook pour recevoir ses fils RSS comme ses emails. Personnellement, j'ai opté pour la solution Mozilla que j'utilise pour la navigation (Firefox) et pour les mails (Thunderbird), ce sont des outils libres et gratuits disponibles pour tout le monde et en toute légalité !

1/ Sage.

Sage est un logiciel libre s'intégrant complètement à Firefox comme plug-in disponible ici. Grâce à l'icône "add feed", Sage peut rechercher le ou les fils RSS présents sur n'importe quel page, je valide et le fil est ajouté à ma liste de sites auxquels je suis abonné.

Un petit screenshot pour voir ça en détails :


A gauche, ma liste de fils auxquels j'ai souscrit. Les liens du haut permettent de chercher un flux sur la page et de configurer Sage. Notez en bas la liste des 10 dernières notes du blog en court de visualisation. Les notes en gras correspondent aux notes que je n'ai pas encore lu.
A droite, un récapitulatif des dernières notes du blog. Le lien présent sur le titre de la note me permet d'aller sur le blog pour réagir.

J'utilise plutôt Sage pour mon usage personnel car il permet une facilité dans la manière de gérer ses sites favoris puisqu'intégré totalement dans le navigateur. Néanmoins, il ne laisse aucune trace des contenus, ce qui peut être problématique pour une utilisation plus critique.

2/ Thunderbird.

Thunderbird gère les fils RSS dans ses fonctionnalités par défaut. Ainsi vous recevez vos fils RSS, de la même manière que vos emails, l'ajout d'un fil est un peu plus laborieuse puisqu'il faut aller chercher soi même l'URL du fil RSS comme indiqué plus haut et l'insérer dans le dossier voulu. Cependant, Thunderbird garde tous les fils reçus et les mets à jours lorsqu'ils sont modifiés (utile pour les contenus moins récents mais propre au RSS de toute façon). L'intérêt ? Tout simplement de pouvoir rechercher dans ses fils RSS de veille une information. Plus fin qu'une recherche Google puisque vous recherchez uniquement dans des contenus de confiance...

Le screenshot :

Comme vous le voyez, je lis mes fils RSS au même niveau que mes mails. Même chose, les contenus en gras sont ceux que j'ai pas encore lu ; pour le reste vous connaissez déjà puisqu'il s'agit du même usage que la lecture de mail ! Notez tout de même la présence du permalien qui me permet d'aller voir directement le contenu sur le web. Enfin sachez également que vous pouvez recevoir la note au format texte (dans le screenshot) ou au format HTML, la charte du blog étant ainsi conservée.

Voilà vous en savez plus sur ses mystérieux liens qui persistent sur les pages de votre blog ! Parmi les connaisseurs, j'apprécierais de savoir quels sont les aggrégateurs que vous utilisez. A vous de jouer !