Modèle de blog à 3 colonnes: avantages et inconvénients
Beaucoup de plate-formes de blog comme blogspot fournissent par défaut un modèle à 2 colonnes lors de la création d'un blog. Ce modèle est le plus souvent abandonné sous peu au profit d'un "template" à 3 colonnes le plus souvent téléchargé sur le Web. La différence entre les deux modèles: c'est d'abord le style css adopté et qui permet l'ajout de la troisième colonne.
Différence de style, mais aussi de contenu. En effet un blog à trois colonnes affichera plus de menus. Mais la vraie différence pourrait, lorsqu'on ne fait pas attention comme c'est souvent le cas, affecter le référencement du blog dans les moteurs de recherche. Ainsi, comme le montre l'image ci-contre, la description de vos articles dans Google pourrait bien être la même, en général le contenu trouvé dans le menu de gauche et qui n'a rien à voir avec les différents sujets abordés dans ces articles.
Faire attention au référencement
Si vous optez pour un blog à 3 colonnes et si le contenu de vos articles s'affiche dans la colonne centrale, prennez soin de regarder si dans le code html de la page, cette colonne se trouve avant les autres. Puisqu'il est question de regarder ce que voit le moteur de recherche, c'est bien le code html de la page, non le rendu visuel, qui vous le montre. En général, en utilisant un positionnement flottant des colonnes, on retrouve dans l'ordre du code la colonne de gauche, puis celle du centre et enfin celle de droite. Les trois avec l'attribut css "float:left".
Si vous êtez dans cette configuration, il faudrait masquez alors aux moteurs de recherche le contenu de la colonne de gauche en incluant tous les menus dans des scripts. Ainsi, une div s'écrira <script type='text/javascript'>document.write("<div>");</script>. Cela devient donc complexe si on doit écrire beaucoup d'éléments de cette façon. Ainsi, un autre positionnement plus judicieux placerait la colonne centrale d'abord, avec l'attribut position:absolute, puis les autres colonnes avec l'attribut float:left. Il faut s'y connaitre alors en feuille de style, et dans ce cas précis, c'est l'affichage des pages qui prendrait un coup, pas le référencement.
Le compromis entre référencement et rendu visuel
Le modèle à 2 colonnes flottantes, celle contenant les articles étant en premier et s'affichant à gauche est le meilleur compromis entre référencement et fluidité dans le chargement des pages. En somme, il vaut mieux utiliser un positionnement unique dans une page Web: soit flottant, soit fixe, soit absolut pour une meilleure fluidité.
En utilisant un positionnement flottant, un modèle de blog à 3 colonnes peut être créé simplement à partir d'un modèle à 2 colonnes. A condition de diviser la colonne de gauche en 2 et d'y faire flotter le menu central à doite comme ci-dessous:
<body> <div id='page'> <div style='float:left'> <div style='float:right'> colonne centrale </div> <div style='float:left'> colonne de gauche </div> </div> <div style='float:left'> colonne de droite </div> </div> </body>Lire la suite >>
Catégories associées: astuces blogger, blog, blogspot, référencement 23/11/2007
Yahoo référence mieux et aussi rapidement que Google
A priori, un blog sur Blogger est indexé plus facilement par Google, propriétaire de la plateforme. A un moment donné, nous avons même pensé que Yahoo avait des problèmes pour indexer le domaine blogspot, tellement l'arrivée de son robot d'indexation Yahoo Slurp fut tardive sur ce blog. Ce temps semble bien loin, puisque cet article sera disponible sur Yahoo, avant même de l'être sur Google: d'où l'étonnement!
Le repérage rapide de Google contre la patience de Yahoo
On sait Google en mutation pour un service d'indexation instantannée. Cela se traduit déjà par un repérage des articles sur les blogs moins de 10 minutes après leur publication, sans pourtant les introduire dans sa base de données (mise à part celle de la recherche dans les blogs). C'est tout le contraire de Yahoo, qui ne donne aucun signe de vie jusqu'à ce que vous retrouviez votre article dans son index deux jours plus tard. Cela ressemble bien à ce qui se passe lors de la création d'un blog qui met près d'un mois avant que Yahoo ne le visite.
Yahoo privilégierait la qualité, Google la quantité
Google est le moteur de recherche le plus utilisé au monde, très loin devant Yahoo qui le dépassait pour la première fois, d'un point dans l'index des mesures de satisfaction des consommateurs américains, c'était en Août dernier. C'est peut être de ce fait que Google indexe tout ce qu'il trouve sur le web, absolument tout, à moins que vous le lui interdisiez par l'utilisation d'une balise meta robots et ou d'un sitemap.
Un site doit être de qualité et régulier dans la durée pour espérer être indexé par Yahoo. Et pour effectuer ce travail, ce dernier dispose de moteurs de recherche alternatifs (AltaVista, AllTheWeb, Lycos ...) auprès desquels il fait référencer vos pages web avant de les inclure dans son index. Si on peut lire sur certains blogs que Google ne considère plus la balise meta keywords, nous avons la preuve que Yahoo accorde une importance capitale à cette balise. Car avant l'optimisation des mots clés sur nos articles qui étaient déjà disponibles sur Yahoo, leur positionnement ne permettait pas de les retrouver quelle que soit la recherche effectuée (surtout quand il s'agit d'un sujet moins original). Alors que dans le même temps, tous nos visiteurs venaient de Google.
D'ailleurs, si vous disposez d'un blog sur Blogger et que vous vous souciez de son indexation et positionnement, nous vous recommandons d'optimiser les balises meta et les titres de vos articles. A tire d'exemple, cet article a 20 mots clés, un titre et une description personnalisée uniques, au même titre qu'un grand site web.
NB: Pour consulter le référencement dans Yahoo, au lieu de taper site:onenblogue.blogspot.com comme on le ferait sur Google, tapons directement onenblogue.blogspot.com. Et pour voir les sites qui pointent vers le vôtre, avec Yahoo c'est par exemple linkdomain:onenblogue.blogspot.com alors que chez Google c'est link:onenblogue.blogspot.com. Là encore, le résultat de cette dernière requête est régulièrement actualisé sur Yahoo alors que les données les plus récentes chez Google sont disponibles dans l'outil Google pour Webmasters.
Lire la suite >>Labels: google, indexation, Internet, Recherche, référencement, yahoo
Optimiser les flux RSS de son blog Blogger
Au niveau des blogs, on est forcément limité dans les manoeuvres de personnalisation. Par exemple sur Blogger, c'est la balise ci-dessous qui génère les flux pour votre blog:
<b:include data='blog' name='all-head-content'/>
Soigner la présentation de votre flux pour les lecteurs
Différents moyens existent pour s'abonner aux flux RSS d'une page. C'est soit par l'intermédiaire d'agrégateurs comme MonYahoo, les navigateurs et mêmes les clients de messagerie. L'abonné pourra ainsi visualiser le flux reçu avec un navigateur web ou dans sa boite mail.
Sur le navigateur, le flux reçu conserve sa forme d'origine. les billets s'affichent comme sur le blog, les images étant à leur place. Ce n'est pas le cas si vous lisez ce flux avec un client mail. Outlook par exemple, comprend mal l'attribut "float" des images. Si vous devez afficher une image à droite dans votre billet, utilisez l'attribut <img align="right" ..> au lieu de <img style=" float:right; " ..>.
Faites analyser le flux RSS pour voir comment on y accède
La meilleure manière de garder la main mise sur son blog, de savoir comment les moteurs de recherche accèdent à ce dernier et de vous assurer qu'il est bien configuré, c'est de faire analyser en permanence votre flux rss. Pour cela, rien de plus simple que d'utiliser les services fournis par Feedburner. Ainsi vous aurez le loisir d'apercevoir qu'à la seconde ou vous publiez un billet sur votre blog, le robot d'indexation Google vient jeter un coup d'oeil sur celui-ci. Il est imité quelques secondes après par tout une panoplie de robots et d'agrégateurs à l'exception de Yahoo qui arrive quelques heures plus tard et msn après des jours.
Lire la suite >>Labels: astuces blogger, blog, blogspot, Internet, référencement
Jeux gratuits en ligne pour aider Live Search
Légèrement à la traine par rapport à ses concurrent Yahoo et Google, Live Search, le moteur de recherche de Microsoft veut remonter la par l’intermédiaire des jeux en ligne. Ainsi vous êtes invités à découvrir Live Search Club le nouveau portail créé pour l’occasion, pour l’instant en anglais.
Tous les jeux proposés font appel au moteur de recherche et vous devez vous connecter avec votre Windows Live ID. Les gains : il fallait en prévoir, chaque jeu gagné vous rapporte des « tickets » qui seront convertis en cadeaux. A partir de 105 tickets vous pouvez gagner une sonnerie pour votre mobile, 10 chansons à télécharger à partir de 905 tickets gagnés ou encore des T-shirts et clés USB à partir de 1100 tickets.
A vous de jouer !
Labels: Internet, jeux, référencement, web 2.0
Google facilite l’indexation de ses blogs, en éditant leurs robots.txt
Depuis une semaine la plate forme Blogger connait une révolution, tous ses blogs pourront facilement être indexés par l’ensemble des moteurs de recherche. En effet, Google vient d’éditer le fameux fichiers robots.txt à la base de chaque blog, en y précisant notamment un sitemap comme l'indique l'image ci-dessous.
On y observe également l’exclusion du dossier search. Ainsi l’ensemble vos labels, qui sont contenus dans ce dossier, ne seront plus indexés. Plus de raison pour Yahoo et Windows Live Search de ne pas rendre visite à vos blogs !
Lire la suite >>Labels: blogspot, Internet, référencement, web 2.0
Référencement et pertinence des résultats du moteur de recherche pour votre blog
Dans un précédent article titré Optimiser le référencement de votre blog, avec blogger, on vous montrait quelques scripts à insérer dans votre blog afin de rendre dynamiques les titres de vos pages ainsi que leurs descriptions. Maintenant le but est d'améliorer la pertinence des résultats affichés par Google concernant votre blog comme sur la photo ci-dessous.
Il s'agit de retenir l'essentiel et surtout ce qu'il ne faut pas faire. Trois parties apparaissent sur cette photo: le titre de l'article, sa description et son url. L'idéal serait que les mots cherchés se trouvent dans ces trois parties sachant que:
2- La description est choisie par Google soit dans votre titre, dans la meta description si vous l'avez placé à l'entête du blog ou dans le corps de votre article (ce qui est idéal).
3- Le titre peut être long et contenir des accents mais surtout des mots clés. En résumé, avant de rédiger un article, vous devez d'abord choisir son url et son titre qui doivent être différents...
* Choisissons l'url: créez un nouveau message avec juste comme titre des mots clés sans accent, séparés par des espaces, respectez les 40 caractères inclus les espaces. Glissez-y un caractère avec accent (par exemple: à, è, ù ...), Google le supprimera et comprendra ainsi que votre url n'est pas fiable pour la description, ainsi vous le forcer à aller chercher cette description dans le corps de votre message. Publiez l'article. Vous obtenez ainsi une url qui ne changera plus, à part si vous supprimez complètement l'article.
* Choisissons le vrai titre du message: en cliquant sur "modifier" vous revenez à la fenêtre d'édition et vous pouvez changer le titre pour en mettre un plus explicite et descriptif avec des accents. Maintenant vous pouvez rédiger le corps de votre message, choisir les labels puis publier.
NB: Soulignons aussi que les labels que vous créez, les archives et les boutons de navigations entre les pages si vous en avez sur votre blog, vont constituer des URLs au même titre qu'un message publié. Parmi eux, les archives apparaissent le plus dans les moteurs de recherche. Il est donc raisonnable de choisir une fréquence d'archivage "journalière" pour votre blog si vous le mettez à jour plusieurs fois dans la semaine. En effet, un visiteur redirigé vers une de vos archives trouvera facilement ce qu'il cherche dans les 2 ou 3 articles de la journée que dans les 10 ou 30 articles du mois.
Lire la suite >>Catégories associées: astuces blogger, blogspot, Internet, référencement, web 2.0 12/07/2007
Rendre dynamiques le titre et les balises meta Blogger
Un bon référencement et surtout positionnement de vos articles dans les moteurs de recherche nécessite des titres et balises meta détaillés et propres à chaque article. Ce qui est loin d'être gagné avec un blog, encore moins avec la nouvelle version de Blogger.
L'idée ici est d'utiliser un widget blog dans lequel on pourra récupérer les éléments data:post.title et data:post.labels pour en faire respectivement le titre de la page et les mots clés. En outre, la combinaison des deux peut servir de description à la page, sachant que si elle n'est pas pertinente, le moteur de recherche ira chercher une autre description dans le corps de votre article. Tout ceci quand on est sur une page article (voir notre article sur les différents types de pages Blogger).
En dehors d'une page article, il suffit simplement de fixer ces balises, le titre restant data:blog.pageTitle. A l'origine vous n'avez qu'un seul widget de type blog qui a pour id blog1 (consultez notre article Maitriser le widget blog). A moins d'avoir ajouté un autre, notre widget ici aura pour id blog2; ce qui donne comme code:
<title><data:blog.pageTitle/></title> <!--(1)titre page autre que article-->
<meta name='keywords' content='Mettez ici vos mots clés'/>
<meta name='description' content='Mettez ici la description de votre blog'/>
<b:else/>
<b:section id='meta'>
<b:widget id='Blog2' locked='true' title='Messages blog' type='Blog'>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
<title><data:post.title/></title> <!--(2) titre de la page article-->
<meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop>"/>
<meta name="description" content="<data:post.title/>. <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop>"/>
</b:loop>
</b:includable>
<b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'/> <b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='status-message'/> <b:includable id='feedLinks'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='feedLinksBody' var='links'/>
<b:includable id='postQuickEdit' var='post'/> <b:includable id='comments' var='post'/>
</b:widget>
</b:section>
</b:if>
Ce code intégré dans votre blog, après personnalisation, il ne vous reste plus qu'à associer des labels à chaque article de votre blog à chaque fois que vous publiez, ils seront vos mots clés pour cet article et une partie de sa decription, cette dernière étant complétée par le titre de votre article qui devra être pertinent.
Mise à jour du 05/03/2008
L'équipe de Blogger a désactivé la possibilité de placer une balise <b:section> à l'intérieur d'une balise <head>. Cela se traduit par le message d'erreur suivant: Your template is invalid because the tag 'b:section' appears inside of the tag 'head'.
Une des solutions pour contourner cela, sachant qu'il faut forcément une balise <head>, est de rajouter une autre balise head en xml qui sera ignorée lors de la validation. On l'écrira ainsi:
<head>...</head> et on y mettra le code ci-dessus (modifié).
Lire la suite >>Labels: astuces blogger, blogspot, référencement, web 2.0
