Cocktail Web

Actualité des outils du Web



Customisez son blog sur blogger : cas pratique (2/2) en 3 étapes

08/07/2009 ( blogging, Code is poetry ) 3 avis


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.

optimiser blogger



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= »http://roget.biz/ »>Roget.biz</a>

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

<a title= »blog high tech » href= »http://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).

Étiquettes :




Ecrit par Thierry Roget

------------

» Suivez les commentaires de ce billet par RSS

Commentaires

» Abonnez vous au flux RSS des commentaires de ce billet

Commentaire de curul |

J’aime bien tes post avec ce genre de petit réglage , du coup je me suis dis merde mon code est pourri pour mes photos , ensuite je me rappelé que j’éditais mon blog en utilisant windows live writer , du coup le code est plus propre , et la productivité est un poil plus rapide 😉
si tu ne connais pas WLW jettes y un oeil tu ne sera pas déçu .

Commentaire de Yann |

Très intéressant comme d’habitude. J’aime bien ces trucs que tu as expérimenté. Bon maintenant, j’ai du boulot à faire pour améliorer mon blog. Mais je ne suis qu’un amateur et je ne cherche pas une grande audience.

Commentaire de Blogger et l'optimisation pour le referencement naturel (SEO basic inside) | Blog Astuces |

[…] En addition, je ne saurais trop que vous conseiller d’ajouter une balise alt à chacune de vos images. En effet, le moteur de recherche ne vois pas les jolies photos que vous publiez. C’est bien dommage, soit, mais on peut l’aider en rajoutant la balise qui lui decrit ce qu’il devrait voir avec quelques mots clés. La balise title peut également être utilisé pour un lien, ou une image et remplie de mots clés elle est appréciée par le moteur. Quelques petits trucs à ce sujet sur Coktail Web. […]