Hier je publiais un article sur comment customisez son blog sur blogger : cas pratique (1/2) en huit étapes aujourd’hui je vous parle des choses à faire pour optimiser un billet (liste non exhaustive). Il faut légèrement modifier le code des billets pour les rendre plus attractifs au niveau SEO et quelques autres fioritures.

Blogger plate-forme de blog appartenant à google se devrait d’être archi-optimisée pour Google, mais bizarrement j’ai remarqué qu’il y avait une ou deux choses qu’on pouvait faire pour éventuellement améliorer le référencement dans google.

L’image

quand vous insérez une image sur blogger, cela va vous génère le code le code html suivant

<a onblur= »try {parent.deselectBloggerImageGracefully();} catch(e) {} » href= »http://2.bp.blogspot.com/_tfvfOpQyce0/SlSLSbkS_nI/AAAAAAAACqo/qKJdIXntTBI/s1600-h/635411247052534.png »><img style= »margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 70px; » src= »http://2.bp.blogspot.com/_tfvfOpQyce0/SlSLSbkS_nI/AAAAAAAACqo/qKJdIXntTBI/s400/635411247052534.png » alt= » » id= »BLOGGER_PHOTO_ID_5356059005604265586″ border= »0″ /></a>

En rouge, j’ai retiré le code « inutile » (attention ce n’est pas cela qui va améliorer votre référencement), mais ça évite que le lecteur passe sur la photo et clique dessus pour finalement atterrir sur la photo et rien de plus.

Voilà donc le nouveau code (vous pouvez encore retirer quelques fioritures de style si ça vous chante: en bleu mais la mise en page va être altérée)

<img style= »margin: 0pt 10px 10px 0pt; float: left; width: 400px; height: 70px; » src= »http://2.bp.blogspot.com/_tfvfOpQyce0/SlSLSbkS_nI/AAAAAAAACqo/qKJdIXntTBI/s400/635411247052534.png » alt= » » border= »0″ />

Si vous regardez le code de plus près, il y a la balise alt= » » . Pour justement aider google à référencer votre image dans l’index de recherche d’image, autant renseigner cette balise. exemple : alt= »optimiser blogger »

Lien url :

Si vous avez inséré un lien url dans blogger, ça donne ce genre d’html, (le minimum)
<a href= »https://roget.biz/ »>Roget.biz</a>

Il serait mieux d’optimiser l’html cette cette manière

<a title= »blog high tech » href= »https://roget.biz » target= »_blank »>Roget.biz</a>

Mettre un titre au lien url ne peut qu’aider à mieux être référence le lien (à mon humble avis) encore plus utile si vous faîtes du lien interne

target= »_blank » permet de lancer le lien sur une nouvelle page et que le lecteur ne quitte pas votre blog, c’est très utile.

Titres

Si vous avez des titres dans vos paragraphes, je pense qu’il est préférable de mettre de hiérarchiser vos titre en mettant des balises du styel h1, h2, h3. Blogger ne se contente que d’augmenter la police, mais n’indique pas la hiérarchie de titre.

<h1>Titres</h1> (titre niveau 1)

<h2>Titres</h2> (titre niveau 2)

___________

Le mieux serait peut-être de trouver un éditeur html simple puis de coller le code html dans blogger.(pour ne pas le faire à partir de wordpress = gros délire)

J’ai écrit ce poste dans le mode « j’écris ce que je fais et je fais ce que j’écris« . Ces petits réglages ne sont peut-être qu’une petite goutte d’eau dans l’optimisation, mais cela prend peu de temps (que je ne prends parfois pas  moi même).