Piste pour le référencement

Une astuce si vous êtes à la recherche de pistes pour référencer votre site ou votre blog, elle est simple, je dirais même « bête comme chou », il suffit d’utiliser la commande link : de Google ou Yahoo. Cette commande link : vous révèlera en partie les liens qui pointent vers le site que vous étudiez. Mais, attention, les résultats qu’indiquent les moteurs sont partiels, c’est-à-dire qu’il ne vous sera pas révélé par cette commande l’intégralité du référencement effectué par le dit site.

Attention : la commande link: n'est pas mise à jour fréquemment, la mise à jour se fait trois à quatre fois l'année, suivant les moteurs de recherche.

Bon référencement à tous!

Nofollow et référencement

Attribut et popularité

Cet attribut nofollow est considéré par beaucoup de webmasters et de blogueurs comme un élément maudit ! Et oui, il y en a des éléments maudits comme celui-ci qui peuvent empêcher un bon référencement. Mais …

Avec HTML, l'attribut rel="nofollow" est situé dans la balise <a>, balise qui constitue la base d'un lien très utile à un bon référencement. Cet attribut nofollow, indique aux moteurs qui crawl le web de ne pas suivre le lien, de ne pas en tenir compte dans le calcul de popularité. Mais …

Un tel attribut ne signifie pas qu'il n'est pas générateur de visite, il ne devrait pas servir comme lien retour ou backlink dont les sites internet ont cruellement besoin pour un bon référencement, quoiqu’avec la commande link: de Google, j’ai pu m’apercevoir que des blogs avec cet attribut me faisait des backlinks par le biais de commentaires laissés quelques temps auparavant. Alors ... ? Nofollow ne signifie pas ne pas suivre ?

Vous pouvez vérifier que je ne raconte pas de carabistouille avec le site, je dirais plutôt la boutique concernée, d’ailleurs profitez de la visiter, elle concerne les loisirs créatifs, avis aux amateurs : Passions des Loisirs créatifs

J’ai fait une petite expérience pour avoir une base sensée pour rédiger cet article. J’ai déposé mon lien sur des pages contenants l’attribut rel="nofollow", ils sont très faciles à trouver, une quinzaine de liens ainsi déposés m’ont généré une cinquantaine de visites le premier jour, une quinzaine le jour suivant, trois visites le troisième jour et ensuite des visites épisodiques!

Cet attribut rel nofollow a été créé pour dissuader les spammeurs de polluer les sites internet, une chose cependant qu'il ne faut pas perdre de vue, ces liens pourvus de l'attribut nofollow sont des liens que l'on pourrait qualifier de hautes qualités aux regards des moteurs de recherches. Pensez-y, votre référencement en dépend !

Web bot cela vous dit quelque chose ? Ils seraient, parait-il, annonciateurs de catastrophes à venir ! Billet sur : Web bot, prospective sur internet

Crowdsourcing sa définition et son utilité

Fenêtre popup sans Javascript

Crowdsourcing sa définition et son utilité

Crowdsourcing est un terme anglais qui signifie littéralement source de masse. Le crowdsourcing est une technique qui permet d’alimenter le contenu d'un site web par l’entremise des internautes s’intéressant à la ou les thématiques d’un site internet. Le crowdsourcing est pour les éditeurs de sites dynamique, le moyen rêvé de créer du contenu et d’alimenter des pages de leurs sites internet. Cette forme de savoir, les connaissances et les compétences des visiteurs ainsi mutualisées, permettent aux éditeurs de proposer des services et des produits à prix très compétitifs par rapport à leurs concurrents n’utilisant pas ce type de procéder.

Cette technique du crowdsourcing, en plus d’être un moyen d’alimentation avec du code HTML, propage les connaissances sur cette formidable toile qu’est internet, elle autorise la dissémination et interdit la rétention de l’information.

Les termes liés à crowdsourcing sont, infogérance, outsourcing et externalisation.

Images, indexation et référencement

Fenêtre popup sans Javascript

Je me suis rendu compte en parcourant le web, qu’un bon nombre de sites et de blogs ne renseignait pas l’attribut alt des images qu’ils insèrent sur leurs pages. Grossière erreur !

Cet attribut est un élément très important pour le référencement ou plutôt l’indexation de sites et de blogs sur les moteurs de recherche. Les crawler, comme j’ai déjà eu l’occasion de l’écrire sur un précédent billet, ne distingue pas le contenu de l’image que vous affichez sur votre page, il est donc nécessaire de renseigner l’attribut alt="" qui est en quelques sortes une légende, un commentaire destiné aux crawler et aux navigateurs.

Cet attribut peut contenir idéalement 70 caractères, il n’est pas recommandé d’aller au-delà (normes W3C). Il est judicieux de commenter l’image avec des mots correspondant au contenu réel de l’image et d’insérer dans le commentaire un ou deux mots clés, mais, attention avec l’utilisation des mots clés ! Dépasser un certain nombre de répétitions et la densité/mot clé se trouve modifiée (évidemment) et pas forcement à votre avantage, le « forcing » avec les mots clés est quelquefois périlleux.

L’insertion HTML d’une image se fait avec le code suivant :
<img style="width: 200px; height: 200px;" alt="Nom de l'image" src="citadelle.jpg">

L’insertion XHTML d’une image se fait avec le code suivant :
<img style="width: 200px; height: 200px;" alt="Nom de l'image" src="citadelle.jpg" />

Vous pouvez ajouter l’attribut title="" qui permet lors du survol de l’image avec une souris d’afficher un texte comme sur l’image ci-dessous.

Code couleur HTML rgb

Évadons-nous quelques instants du référencement :

Il existe trois façons d’ajouter une couleur à un élément HTML :

1. le nom de la couleur en anglais : color : black ;
2. la couleur sous forme de code Exa : color : #000000 ;
3. la couleur sous forme de code rgb : color : rgb(0, 0, 0) ;

Personnellement j’utilise le code rgb qui signifie en anglais : red green blue, en français : rouge vert bleu. C’est pour moi la façon la plus facile de créer un code couleur, après, c’est chacun sa méthode. Je trouve rgb très simple d’utilisation, il suffit de bien comprendre son fonctionnement et en un rien de temps vous serez capable de créer vos propres codes couleurs.

Pourquoi rgb (ou rvb en français, exclusivement rgb en HTML) ? Ces trois couleurs primaires sont les couleurs que distingue l’œil, en effet, les récepteurs situés au fond de nos yeux changent le message électromagnétique de la lumière en message électrique disponible pour notre vision.

L’œil humain absorbe et transforme les photons grâce à ses capteurs sensibles aux bandes des longueurs d’ondes du rouge, du vert et du bleu. Une lumière bleue perçue par l’œil humain, active dans son cerveau les capteurs relatifs au bleu, ce qui va lui permettre de voir cette couleur et pas une autre. Le même processus va se dérouler avec les couleurs vertes et rouges.

Donc, on appelle, couleurs primaires, les couleurs perceptibles par l’œil humain, notion de base pour créer le code rgb.
Les couleurs se codent avec rgb de la sorte :
Pour obtenir le rouge, seule la première valeur est à 255, le reste à 0 = rgb(255, 0, 0).
Pour obtenir le jaune, les deux premières valeurs sont à 255 = rgb(255, 255, 0).
Les deux dernières valeurs à 255 donne la couleur cyan = rgb(0, 255, 255).
A l’inverse, la dernière valeur à 255 et les deux premières à 0, donnerons le bleu = rgb(0, 0, 255).
Pour obtenir le blanc, toutes les valeurs rgb doivent être à 255 = rgb(255, 255, 255).
Pour obtenir la noir, toutes les valeurs rgb sont à 0 = rgb(0, 0, 0).

La photo ci-dessous va vous permettre de comprendre plus facilement.

1. 1 le rouge rgb(255, 0, 0)
2. 2 le vert rgb(0, 255, 0)
3. 3 le bleu rgb(0, 0, 255)
4. 4 le jaune rgb(255, 255, 0)
5. 5 le blanc rgb(255, 255, 255)
6. 6 le cyan rgb(0, 255, 255)
7. 7 le magenta rgb(255, 0, 255)

Vous pouvez faire varier toutes les valeurs entre 0 et 255 pour obtenir la couleur que vous désirez. Ex : Suivant la quantité de vert, vous obtiendrez une couleur orange : rgb(255, 120, 0)     

Mots clés, indexation et référencement

Première partie, mots clés et meta

Le choix des mots clés est capital lors de l’indexation de votre page auprès des moteurs de recherche, ça tout le monde le sait ! Ce que vous savez aussi certainement, c’est que l’on trouve les mots clés dans les meta et dans le contenu (textes et images) de votre page internet.

Les mots clés qui nous intéresse et qui concernent la première partie de ce billet, sont ceux qui se situent dans meta name="keywords", entre les balises head. Importants ils étaient, anodins ils sont devenus, comme je vais vous l’expliquer dans cet article.

Fût un temps, les mots clés situés dans cette partie de la page HTML, servaient aux moteurs de recherche à classifier cette même page. Ce temps est révolu ! Il y a eu trop d’abus, beaucoup se sont servis de ces meta pour attirer des visiteurs sur une requête précise ne correspondant pas au contenu trouvé sur le site. Par exemple, vous faisiez une recherche sur un footballeur et vous arriviez sur un site porno ou bien de jeux. Perfectionner l’outil qui gère l’indexation était devenue une obligation !

En 2008, les mots clés gardent bien sûr une importance majeure pour le classement sur l’index des moteurs de recherche, mais, les plus importants (c’est logique et plein de bon sens), sont ceux que rencontrera le crawler sur vos pages, à l’intérieur de vos textes. Il détermine lui-même l’importance des mots qu’il indexe, vous pourrez ajouter les mots clés les plus pertinents du monde, qu’il ne les regardera pas ou à peine, surtout s’il y en a toute une flopée.

Les mots clés situés dans meta name="keywords" ne sont utiles qu’aux annuaires qui disposent d’une fonctionnalité keywords. L’insertion dans meta de mots clés, si vous désirez les rendre pertinents, doit être minimal, c’est-à-dire et c’est un de mes conseils, pas plus de trois mots clés !

utiles et indispensables

Vous désirez avoir une connaissance approfondie du référencement que beaucoup n’ont pas ? Les deux ouvrages ci-dessous sont indispensables pour obtenir un trafique de qualité en provenance des moteurs de recherche.

Web bot, prospective sur internet

Je voulais faire un petit aparté dans la sphère du référencement, du monde SEO, cependant le sujet qui m’occupe l’esprit, c’est celui des Web bot. Web bot, contraction de Web et robot, pour définir des programmes qui analysent de façon sémantique internet.

Je ne sais pas grand-chose au sujet des Web bot, j’ai regardé un documentaire sur une chaîne télé il y a quelques temps déjà, ce documentaire soulignait l’existence de telles programmes appelés Web bot et en me promenant sur la toile, je suis tombée sur cette vidéo alarmiste que vous trouverez plus bas (dans le juke box) et qui, je dois le dire, m’intrigue.

Je crois en l’existence de programmes qui parcourent le web, la preuve en est, les moteurs de recherche, ils crawlent, ils indexent, ils analysent et classent en fonctions d’algorithmes qui déterminent un résultat. Et, nous savons tous, que l’homme tire une prospective sur toutes les choses de notre univers, cette science s’appelle la futurologie. Elle n’appartient pas à la science fiction mais, belle est bien au monde rationnel et quantifiable dans lequel nous vivons.

Alors, pourquoi ne pas faire de prospective sur l’ensemble de la toile ? Pourquoi ne pas réaliser d’analyses sur la somme du contenu qu’est le web ? Pour ainsi obtenir une masse de résultats qu’il ne reste plus qu’à étudier et à exploiter.

Vrai, faux ? Chacun se fera sa petite idée

Construction d'un bouton HTML sans Javascript

Cette construction de sript CSS va vous permettre de réaliser un bouton hypertext sans Javascript, ce type de bouton est très intéressant, car tout en donnant un style à votre lien, vous conservez sa qualité de lien dur auprès des moteurs de recherche. Ce type de lien participe à l’optimisation de l’indexation sur les moteurs de recherche, inutile de vous dire que la qualité des liens situés sur un site internet, détermine de la pertinence des pages web concernées.

Les liens construits avec Javascript sont de qualités nettement inférieures à celles du lien construit avec le HTML et pourvu de quelques mots. Malgré une construction HTML, un lien, s'il possède une image sera lui aussi de qualité inférieure à la qualité d’un lien HTML avec quelques mots, même si l’image est pourvue des attributs alt="" et title="".

Un lien optimisé est toujours textuel ! De ce style <a href="http://www..." title="PC portable">Pc portable</a>. Résultat : Pc portable (Pc d'excellentes qualités et à prix sacrifiés !). Le lien textuel, s'il est pourvu de surcroît de l’attribut title="", obtient le maximum de pertinence de la part des moteurs de recherche, à condition que les textes de l'attribut et du lien contiennent des mots se situant vers la page de référence.

Évitez les liens avec ce type de texte comme, c’est ici, index, sur cette page … Ces mots ne comportent pas d’indications révélatrices de ce que l’on va trouver à l’adresse de référence. Les quelques mots que vous insérerez dans votre texte détermineront d’un degré de concordance, ceci est relativement logique et incite donc à ajouter un texte plutôt du genre : Les moteurs de recherches sont une science, petite phrase qui renvoie vers la page que je désire vous faire visiter.

Code CSS à copier et à coller entre les balises <head></head> :

<style type="text/css">
a.ret:link { color: rgb(0, 0, 155);
text-decoration: none;
background-color: transparent;
font-weight: normal;
font-style: normal;
font-family: Comic Sans MS;
font-size: 15pt;
}
a.ret:visited { color: rgb(0, 0, 255);
text-decoration: none;
background-color: transparent;
font-weight: normal;
font-style: normal;
font-family: Comic Sans MS;
font-size: 15pt;
}
a.ret:hover { color: rgb(255, 0, 0);
text-decoration: none;
background-color: transparent;
font-weight: normal;
font-style: normal;
font-family: Comic Sans MS;
font-size: 12pt;
}
.retour { border-style: ridge;
border-color: rgb(255, 204, 0) rgb(255, 255, 0);
border-width: 6px;
background-repeat: repeat;
background-color: transparent;
background-image: url(http://www.votre-domaine.com/image.gif);
background-position: left top;
}
#gervi { visibility: visible; width: 200px;
height: 100px;
display: block;
}
  </style>
ce qui donne :
 

 
Films Dvd
 

Code HTML à copier et à coller entre les balises <body></body> :

<div id="gervi"> <center>&nbsp;<br /> <a title="Films Dvd" class="ret" href="http://www.films-dvd-lecteur.com/"><span class="retour">Films Dvd</span></a><br /> &nbsp;</center> </div>

Comment améliorer la visibilité de son blog ?

Améliorer la visibilité de son blog ou de son site internet, autrement dit sa popularité n’est pas quelque chose de bien compliquée. Cependant, c’est un travail, le mot est juste ! Travail, car le travail est fastidieux et le référencement me laisse avec une impression de grosse fatigue, comme le travail !

Le référencement est une chose à laquelle il faut s’atteler régulièrement, ce n’est pas un travail quotidien, mais quasiment. J’y consacre au minimum trois jours de la semaine et pendant de longues heures (mais, j’ai quelques sites). Ces fastidieuses séances dédiées au référencement sont absolument vitales pour obtenir un « brin » de visibilité.

Ne vous imaginez pas que vous allez pouvoir payer quelqu’un pour le faire à votre place, il y a des sociétés ou des webagency qui vous proposent ce type de prestation. Par expérience et je l’écris sans animosité, c’est de l’arnaque ! Il ne faut jamais verser d’argent pour référencer son blog ou son site internet. Il existe des sociétés sérieuses qui travaillent honnêtement, mais elles sont rares et difficiles à « dénicher », les plus grosses sociétés sur le web font appel à elles.

Vous désirez un bon référencement ? Ėvidement ! Alors, votre référencement sera naturel, sans avoir eu recours à aucun lien monétisé. Le secret, qui n’en est pas un, c’est de parcourir la toile et de déposer votre lien là où il y a un intérêt et où cette possibilité vous est offerte. Ce système n’est pas évident, je le reconnais, mais heureusement il existe une petite « astuce » qui vous facilitera la tâche.

La commande link :

La commande link : vous connaissez ? Cette commande, qu’utilisent les plus grands moteurs de recherche, à la suite de laquelle vous tapez l’url d’un site ou d’un blog, vous indique les liens ou backlinks dirigés vers l’url en question. Exemple, dans le champ recherche, tapez : link :http://www.exemple.com ou link :http://exemple.com. Voue pourrez, si vous le souhaitez suivre le même parcours pour référencer votre site ou blog. Vous pouvez aussi supprimer link :http:// et vous obtiendrez les sites sur lesquels se trouve citée cette adresse, fonction particulièrement intéressante …

Découvrez les secrets du référencement grâce à ma sélection de livres :

Le plus important pour un site ou un blog.

Le plus important pour un site ou un blog. Si je vous pose la question : qu'elle est la chose, à votre avis, la plus importante pour un site internet ou un blog ? Le référencement ? Le graphisme ? Les meta ? ... Et bien, NON !

Le plus important pour une page web, c'est le contenu textuel, les textes, faire des textes et encore des textes qui "tiennent la route" de préférence ! C'est le texte réparti sur vos pages qui déterminera de l'importance de votre site aux regards des robots crawleurs. Bien sûr, les textes doivent être orthographiquement correctes et structurés comme il se doit avec HTML. Lisez ce billet sur la structuration HTML d’un texte.

Vous pourrez faire les plus jolies pages du point de vue graphique, vous apprécierez, les internautes visitant vos pages apprécierons (peut-être !), mais, cela n’ajoutera pas de pertinence et ce qui risque de se passer, c’est simplement la désertion de vos visiteurs si vous employez inopinément les formats flash ou gif pour animer une image (c’est énervant).

Les sites internet les plus performants et les plus visités ont en général un graphisme dépouillé de toutes fioritures. Leurs sites sont accessibles rapidement et ne présentent pas d’images trop lourdes, particulièrement gênantes pour la vitesse de chargement de la page désirée.