Version en ligne

Tutoriel : Améliorez la visibilité de votre site grâce au référencement

Table des matières

Améliorez la visibilité de votre site grâce au référencement
Parlons de référencement...
Qu'est-ce que le référencement ?
Les clés du référencement
L'avant et l'après-Google
Bien se préparer pour bien débuter
Quel navigateur web choisir ?
Une suite d’extensions à adopter !
Les robots sur le web
Introduction aux robots
Comment fonctionne Google ?
Concepts de base d'un site « SEO-Friendly »
Un site web, du code HTML
Une question d'ergonomie
Pensez à votre visiteur !
Communiquez avec Googlebot !
Aidez Googlebot à générer le résultat de recherche
Les meta description et keywords ne sont pas encore morts !
Interdire l'indexation d'une page avec le meta robots !
Interdire l'indexation d'un site avec le robots.txt !
Un site web, une arborescence, des URL ! (1/2)
La base de l'URL : le nom de domaine !
Construire des URL "SEO-Friendly"
Problématique des URL dynamiques
Un site web, une arborescence, des URL ! (2/2)
Le Link Juice ou Jus de lien !
Acheminer le jus à travers son site
Ne gaspillez pas bêtement votre jus !
Précisions sur le Google Juice
L'importance des mots-clés !
Une question de mots-clés !
Choisissez vos mots-clés grâce à Google !
Le concept de la longue traîne
La sémantique et le référencement
La sémantique et le référencement
Le référencement à travers l'évolution du web
HTML5 et les micro-données de l'avenir
Les pièges à éviter et les bonnes habitudes à prendre
Les mauvaises pratiques
Référencer des sites en AJAX
Flash et le référencement
Les fondements du « Off-page SEO »
Introduction au référencement à l'extérieur
Des sites de confiance et de qualité
Retour sur l'histoire de Google
Les backlinks
Que sont les backlinks ?
Netlinking : inciter les autres à créer des liens
Un indice : le PageRank
Le référencement grâce aux annuaires
Le référencement grâce aux annuaires
Inscription sur les annuaires
Le cas DMOZ (Directory Mozilla) !
Exploitez intelligemment les réseaux sociaux
Le Social Media Optimization (SMO)
Facebook : bouton « J'aime » et autres modules
Twitter et les Tweets !
Google+ et le bouton « +1 »
Gérez votre site avec Google Outils pour les webmasters
Découverte des outils pour les webmasters
Accéder aux outils pour les webmasters
Le tableau de bord des outils pour les webmasters
Un plan du site pour Googlebot : sitemap.xml
Les statistiques de votre site avec Google Analytics
Google Analytics : c'est quoi ?
Inscrire son site sur Google Analytics
Des alternatives à Google Analytics
Monétisez votre site web avec Google Adsense
La pub : c'est quoi et à quoi ça sert ?
Diffuser des publicités sur son site avec Adsense
Gare à la publicité intrusive !
Créez vos campagnes de publicité avec Google Adwords
Google Adwords : les fondamentaux
Une première campagne Google Adwords
Autres services de Google pour le référencement
Le « centre d'aide » de Google pour les webmasters
Google Trends : les tendances de recherche
Découvrez Lynx Browser !
Lynx : un navigateur !
Votre première visite sous Lynx Browser !
Les autres moteurs de recherche
Bing : le moteur de recherche de Microsoft
Qwant, un moteur de recherche français

Améliorez la visibilité de votre site grâce au référencement

Salut à vous, mes chers Zéros !

S'il est bien un sujet qui a fait couler beaucoup d'encre chez nous autres Webmasters, c'est bien celui du trafic que notre site génère. Forcément, la finalité d'un site internet c'est bien d'être visité ; on ne crée pas un site web juste pour faire joli. Une question va alors très vite se poser : comment générer ce trafic et comment amener du monde à visiter son site web ? La réponse qui reviendra le plus souvent, c'est celle du passage par la case « amélioration » de votre visibilité sur les moteurs de recherche.

Formez-vous au référencement Google !

Il est vrai qu'au gré de nos recherches sur le web on trouvera beaucoup de documentation sur les technologies qui nous servent à créer des sites telles que HTML5 et CSS3. Le Site du Zéro en est d'ailleurs un excellent exemple. Mais il est aussi vrai que l'on trouve moins de documentation sur la manière de faire vivre son contenu, c'est-à-dire faire en sorte qu'il soit vu et lu. C'est à cette problématique que nous allons tenter de répondre par le biais de ce tutoriel.

Google ! Le moteur de recherche dont on va beaucoup parler !
Google ! Le moteur de recherche dont on va beaucoup parler !

Mon rôle à moi va être de vous fournir de manière claire et compréhensible les bases du référencement sur Google, le Roi des moteurs de recherche. Le référencement regroupe l'ensemble des stratégies qui vous serviront à amener du monde sur votre site. Concrètement, nous allons apprendre dans ce tutoriel à construire de meilleurs sites web, à en améliorer la réputation, et surtout, faire en sorte que votre site web ressorte dans les premiers résultats de recherche sur Google. Votre site générera ainsi naturellement du trafic et prendra vie !

A la fin de ce cours, vous saurez ce que sont les robots sur le web, vous saurez faire indexer certaines pages de votre site mais pas d'autres, vous saurez également créer des mises en page ergonomique. Nous parlerons aussi de maillage interne, de sémantique, de micro-données ou de Google Juice... bref ! Vous maîtriserez ces notions dont vous n'avez certainement jamais entendu parler, mais qui sont pourtant cruciales pour attirer des visiteurs sur son site web.

Pour prétendre à travailler le référencement d'un site web, il est logique de savoir le construire. Il est donc important d'avoir un niveau basique en HTML5 et CSS3. Pas besoin d'être un expert, il vous faut seulement de bonnes bases dans ces standards.(mise à niveau HTML5/CSS3)

Parlons de référencement...

Qu'est-ce que le référencement ?

Je suis content de voir que vous m'avez suivi dans cette aventure. On va donc pouvoir commencer à parler de référencement de manière sérieuse. Savez-vous ce dont il s'agit ? Dans ce chapitre, nous n'allons pas commencer à toucher aux codes sources qui composent votre site, mais plutôt nous allons vous mettre en tête les idées fondatrices du référencement.

Qu'est-ce que le référencement ?

Parlons de référencement... Les clés du référencement

Un peu de vocabulaire

Du référencement, du positionnement ou du SEO ?

C'est la question la plus importante à laquelle je dois répondre dans ce cours : qu'est-ce que le référencement ? Étant donné que ce mot risque de revenir assez souvent, autant le définir tout de suite.

N'importe quel expert le ferait remarquer : « référencement » n'est pas le terme exact pour désigner ce que l'on va étudier tout au long de ce cours. « Référencer » sur le web, c'est faire en sorte qu'un site web soit présent dans un index. Dans le cas de Google, il suffit donc que votre site soit présent dans les résultats de recherche pour qu'il soit considéré comme « référencé ».

Mais vous, vous ne voulez pas seulement être présents, vous voulez aussi avoir une bonne place dans ces résultats pour que votre site attire un maximum de visiteurs. Ainsi, le meilleur terme pour désigner l'ensemble des actions que l'on entreprend pour que son site bénéficie de la meilleure place dans les résultats de recherche serait plutôt « positionnement ».

Mais pourquoi utiliser le terme « référencement » alors ?

C'est simplement parce que le mot « référencement » s'est vite imposé par abus de langage comme un terme générique pour désigner « référencement » et « positionnement ». Pour parler aussi bien de la présence de son site dans l'index que de sa position, on a vite commencé à n'utiliser que le mot « référencement ». N'hésitez donc pas à parler du référencement de votre site sur des forums ou dans une conversation ; c'est le mot qui sera le plus compris.

Exemple de référencement

Ce que nous souhaitons obtenir pour votre site

Ce point de vocabulaire passé, voici ce que l'on souhaite obtenir pour votre site web. Prenons l'exemple du vidéoclub présenté en figure suivante.

Une métaphore de ce qui se passe sur le web
Une métaphore de ce qui se passe sur le web

Le référencement

Dans ce vidéoclub, les films présents sur la droite sont « référencés » ; ils sont présents dans l'index du vidéoclub. Si vous vous rendez au guichet et que vous demandez l'un de ces films, on pourra vérifier rapidement sur un ordinateur si le film que vous souhaitez est présent et dans quel rayon il se trouve. Ceci est le référencement.

Le positionnement

Si vous regardez la même image, vous devriez voir qu'un film est mis en avant sur la gauche. Il est séparé des autres films, et en plus il bénéficie d'une petite affiche qui retiendra probablement votre regard lorsque vous passerez dans ce rayon. Ceci caractérise le positionnement. Par abus de langage, on peut aussi dire qu'il est « bien référencé », comprenez « bien positionné ».

Ce que nous souhaitons obtenir pour votre site, c'est exactement la même chose que le film qui est sur cette affiche : qu'il soit mis en valeur et visible, mais sur Google. Être bien référencé sur Google signifie être dans les premiers sites sur la page de résultats. Vous verrez tout au long de ce cours que ce n'est pas une mince affaire. Il va falloir peut-être réapprendre totalement à concevoir vos sites web, mais ne vous en faites pas, on est là pour apprendre tout cela. ;)

Mon site est-il référencé sur Google ?

Faites le test !

Ce test est très simple à exécuter. Vous pouvez parfaitement demander au moteur de recherche si votre site est référencé, et ce depuis la barre de recherche Google (voir la figure suivante). Pour cela, il existe un mot-clé qui est site: et qui est utilisable dans la barre de recherche de Google. Faites-le suivre par le nom de domaine du site dont vous voulez tester l'existence dans l'index.

La Google Search Bar possède aussi ses petits secrets
La Google Search Bar possède aussi ses petits secrets

Par exemple, si je souhaite vérifier si le Site du Zéro est référencé sur Google, j'ouvre la page d'accueil de Google, et je tape la recherche qui suit dans le moteur de recherche.

site:siteduzero.com

Étant donné que le Site du Zéro existe dans l'index de Google, le moteur de recherche me retourne toutes les pages du Site du Zéro qu'il possède. En revanche, si je refais le même test avec un site n'existant pas dans l'index de Google, par exemple :

site:aucunresultat.com

Google indique bien qu'il ne connaît pas ce site, celui-ci n'est donc pas référencé. N'allez pas réserver le nom de domaine aucunresultat.com exprès pour me faire mentir. :D

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Parlons de référencement... Les clés du référencement

Les clés du référencement

Qu'est-ce que le référencement ? L'avant et l'après-Google

La région du triangle d'or

Soyez dans le top 3 !

L'expression « triangle d'or » désigne sur le web la région chaude de la page de résultats de Google. C'est sur cette région que le regard de l'internaute se pose en priorité, et ce sont donc ces sites qu'il visitera. Après avoir tapé une recherche, Google affiche une page présentant les résultats sous forme de liens vers différents sites. Plus votre site sera placé dans les premiers résultats, plus il sera visité, ainsi que l'illustre la figure suivante.

Eye Tracking mené par Miratech sur la SERP (Search Engine Results Page) de Google !
Eye Tracking mené par Miratech sur la SERP (Search Engine Results Page) de Google !

Ici, la recherche est menée sur la SERP de Google. La SERP est tout bêtement la page des résultats de recherche. Sur Google, c'est la page listant tous les liens vers des site web sur laquelle vous êtes automatiquement redirigés après avoir validé une recherche. Vous pouvez voir que le regard de l'internaute se pose en priorité sur les trois premiers résultats de recherche. Cela forme une région triangulaire que l'on appelle le « triangle d'or ». Cette étude a un but précis : mettre en évidence le comportement d'un internaute sur Google. Vous devez être dans les premiers résultats de recherche pour que votre site soit visité, car sur le web, tout va trèèèèèès... vite.

Pour l'internaute, sa recherche doit se faire vite, et même très vite. L'internaute ne perd pas son temps sur Google, il veut une information rapidement et c'est pourquoi il clique sur les premiers liens qui s'affichent. C'est exactement ce que Miratech démontre avec le triangle d'or. Lorsque vous êtes indexés sur Google, vous êtes certes présents sur les serveurs de la firme mais si votre référencement n'est pas travaillé, vous ne serez pas présents dans les premiers résultats de Google. De ce fait, votre site ne sera pas visité.

Petite introspection. Vous, lorsque vous recherchez quelque chose sur Google, cela vous arrive souvent de vous aventurer sur les pages à deux chiffres ou de passer simplement aux autres pages de résultats ? :-°

Vous devez être bien positionnés

Travaillez votre référencement

Pour que votre site soit bien positionné (et puisse vivre), il faudra batailler ferme sur le référencement, il n'y a pas de miracle. Si vous êtes dans les abîmes des résultats de Google personne ne visitera votre site ; ce qui revient à dire que si votre site n'est pas dans le triangle d'or et que personne ne profitera de vos pages.

Ce triangle d'or est également délimité par une ligne imaginaire horizontale située à 600 px. Si vous êtes sur la première page des résultats Google mais que vous vous trouvez sous cette ligne, c'est-à-dire sous le 6e résultat, vous avez là encore peu de chance d'être visités. Miratech a mis en évidence dans une autre étude qu'en dessous du 5e résultat, l'utilisateur préfère taper une nouvelle recherche plutôt que de s'aventurer plus loin... :waw:

Quelques chiffres

D'une manière générale, un site web génère son trafic grâce aux moteurs de recherche. En moyenne, 85 % de ses visiteurs viennent des moteurs de recherche, Google en tête. Pour le reste, 10 % accèdent au site par un accès direct (favoris, barre d'adresse) et 5 % par un lien entrant trouvé ailleurs sur le web (voir la figure suivante).

Provenance du trafic d'un site web
Provenance du trafic d'un site web

J'espère vous avoir fait comprendre que vous n'avez vraiment pas le choix : il va falloir travailler à fond votre référencement et arriver à entrer dans le triangle d'or, sans quoi votre site ne générera jamais le trafic dont vous rêvez.

Pourquoi ne parle-t-on que de Google ?

Google au centre des débats

Depuis le début, nous ne parlons que de Google, mais pourquoi ? Vous êtes peut-être fans de Yahoo! et je suppose que vous aimeriez en priorité que votre site soit bien référencé sur ce moteur... Vous pensez donc que ce cours qui parle surtout de Google ne va rien vous apporter. Eh bien ne pensez surtout pas cela !

Pour chasser vos inquiétudes à ce sujet, je dois vous parler de l'histoire de Google et plus généralement de celle du web, des années 1990 à aujourd'hui.

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Qu'est-ce que le référencement ? L'avant et l'après-Google

L'avant et l'après-Google

Les clés du référencement Bien se préparer pour bien débuter

Le web est immense et, depuis sa création, des moteurs de recherche se sont donné pour objectif de permettre aux internautes de trouver l'information rapidement dans cette masse de contenu. Dans un article de l'Euromag, Ryan Franck propose très justement une division de l'histoire du référencement en deux périodes : l'avant-Google et l'après-Google. Je vais également suivre cette idée et diviser cette présentation historique de cette façon. Vous comprendrez mieux pourquoi nous allons beaucoup parler de Google.

L'avant-Google - 1993 à 1998

Le référencement simple

À cette époque, Google n'existait pas encore, mais la science du référencement existait déjà. Elle était animée par un leader, à l'époque incontesté, nommé Altavista. Il s'agissait d'un moteur de recherche qui s'appuyait sur un système « simple » pour déterminer ses résultats de recherche : les mots-clés. En d'autres termes, vous assurer un bon placement dans la page de résultats était simple : tout ce que vous aviez à faire était de renseigner les bons mots-clés et en bon nombre dans les balises <meta /> de vos pages web. Dès lors, une comparaison était effectuée par le moteur de recherche entre les mots-clés tapés dans la barre de recherche, et les balises <meta /> des pages web indexées. Avoir un bon référencement était donc très simple.

L'algorithme sur lequel le système d'Altavista était fondé ne tenait compte que de cela. Les utilisateurs qui n'adhéraient pas à Altavista pouvaient toujours utiliser des moteurs de recherche tels que Yahoo! ou Lycos qui existaient déjà à cette époque. Encore une fois, et j'attire vraiment votre attention là-dessus, le référencement à cette époque était une science très simple par rapport à aujourd'hui. Les balises <meta /> suffisaient à s'attirer les grâces des moteurs de recherche. Aujourd'hui, c'est un véritable parcours du combattant !

Un logo que vous ne pouviez pas manquer il y a encore 15 ans
Un logo que vous ne pouviez pas manquer il y a encore 15 ans

C'est en 1998 que cette situation a été bouleversée par un nouvel arrivant : Google !

L'après-Google

Le référencement devient très complexe

En 1995, deux étudiants de l'université de Stanford, Larry Page et Sergeï Brin, font équipe sur un projet qu'ils baptisent « Backrub ». L'idée des deux hommes est de créer un nouveau moteur de recherche plus performant qu'Altavista. Ils parviennent à réaliser un nouvel algorithme révolutionnaire, capable de déterminer la pertinence d'un site en fonction du nombre de liens entrants vers celui-ci et de leur qualité. Tout a changé à ce moment-là : le bourrage de mots-clés dans les meta du site ne suffisait plus, il fallait maintenant que d'autres sites fassent des liens vers le nôtre pour qu'il soit reconnu comme pertinent, et donc bien référencé.

Google était né (il prendra son nom définitif trois ans plus tard, en 1998).

Sergeï Brin et Larry Page, les pères fondateurs de Google, toujours à la direction de l'entreprise aujourd'hui
Sergeï Brin et Larry Page, les pères fondateurs de Google, toujours à la direction de l'entreprise aujourd'hui

Tout de suite, c'est l'explosion. Ce système révolutionnaire réunit un nombre d'utilisateurs colossal, et détrône sans grande difficulté Altavista.

Vous l'aurez compris, ce qui a fait le succès de Google, c'est son algorithme. L'ère des meta est révolue avec la chute d'Altavista et nous sommes entrés à ce moment-là dans l'ère du contenu qui est, depuis, l'élément clé de chaque page web. Par la suite, Google n'a jamais cessé sa croissance exponentielle, et il est aujourd'hui en situation de quasi-monopole sur le marché des moteurs de recherche.

En effet, si Google a su trouver la clé de son succès, celle-ci n'a pas cessé de s'enrichir et de se complexifier au fil du temps. Depuis, de nouveaux algorithmes ont été créés et ajoutés à Google. Ceux-ci tiennent compte de la qualité de votre code HTML, de votre présence sur les réseaux sociaux et de beaucoup d'autres éléments. Le référencement n'a donc pas cessé de se complexifier et créer des liens ne suffit plus : Google se base aujourd'hui sur plus de 200 critères de pertinence pour déterminer le positionnement des sites dans son index. C'est donc sur plus de 200 critères qu'il va falloir travailler pour se démarquer des autres sites.

Vous aurez donc tout à gagner à vous concentrer essentiellement sur Google, car celui-ci tient littéralement le marché des moteurs de recherche dans sa main, tant il est en situation de monopole. Un très léger pourcentage des internautes se partage d’autres moteurs de recherche tels que Bing et Yahoo!, mais lorsqu'on sait que leurs systèmes sont très inspirés de ceux de Google, pratiquement aucune conversion ne sera nécessaire.

Ainsi, même si ce tutoriel portera essentiellement sur Google, ce que vous apprendrez sera réutilisable sur la très grande majorité des moteurs de recherche. Vous ne négligerez ainsi aucune source de trafic pour votre site. :)

Google c'est aussi...

... une foule d'autres services qui ont, de près ou de loin, trait au SEO

Google vous fournira également les meilleurs outils pour votre site web. Google Analytics vous permettra d’analyser toutes les sources de trafic et autres statistiques de votre site, tandis que les Google Webmaster Tools vous aideront à débusquer vos erreurs et à voir votre site comme Google le voit. Google AdSense et Google AdWords vous permettront également de passer de l'autre côté de la barre et d'aborder le référencement payant.

Tout ça, nous le verrons ensemble dans ce cours, en même temps que nous aborderons toutes les facettes du référencement de votre site web !

Les règles volatiles que Google ne communique pas

La dernière chose à savoir à propos du référencement est le fait que Google ne communique pas sur ses critères de pertinence. À part le département Search Quality évoqué plus haut, personne ne sait réellement comment Google évalue votre contenu.

Mais alors ? C'est quoi ce tutoriel ? Tu bosses pour Google ?

Pas vraiment, et moi-même, je ne connais pas ces critères de manière exacte. Le fait est, que si Google ne communique pas, des centaines de milliers de tests ont été effectués ces dernières années sur des points particuliers pour comparer la manière dont le moteur positionne les contenus. À partir des résultats de ces tests, on est capable de connaître assez précisément le comportement de Google, et de là, on sait ce qu'il faut faire pour qu'un site soit bien référencé. On sait donc aujourd'hui comment créer des contenus SEO-Friendly. Le but de ce cours va être de vous initier à ces techniques de référencement : vous verrez que l'on va avoir beaucoup à faire !

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Les clés du référencement Bien se préparer pour bien débuter

Bien se préparer pour bien débuter

L'avant et l'après-Google Quel navigateur web choisir ?

Pour bien débuter dans le monde du référencement, il va falloir bien s'équiper. Se préparer pour se former au référencement passe par quelques points relativement simples. Avec quels navigateurs s'équiper et pourquoi ? Quels sont les plugins incontournables ? Nous allons maintenant nous pencher sur ces questions !

Quel navigateur web choisir ?

Bien se préparer pour bien débuter Une suite d’extensions à adopter !

Le programme essentiel qui va nous servir à travailler notre référencement est bien évidemment le navigateur web. Il existe cependant une multitude de navigateurs, et tous ont leurs points forts et leurs points faibles. Nous allons voir quels sont les navigateurs qui vont vraiment nous être utiles dans notre dure tâche de référencement. :-°

Le navigateur web

Quel est le meilleur navigateur web pour le SEO ?

Disons qu'il n'y a pas vraiment de meilleur navigateur mais qu'il y a plutôt plusieurs navigateurs qui sont excellents. À vrai dire, tout navigateur peut être très bien pour le référencement : on n'a pas vraiment besoin d'un navigateur qui sache faire le café pour le coup ! On ne demande qu'une seule chose au navigateur : qu'il soit à jour au niveau des standards. Un navigateur capable d'afficher correctement les technologies qui font le web sera un bon navigateur pour référencer vos sites.

Voici une liste des principaux navigateurs web d'aujourd'hui. Vous pouvez les utiliser pour suivre ce tutoriel, et pour travailler le référencement de votre site. En principe, tous sont gratuits, sauf Internet Explorer qui nécessite l'achat d'une licence Windows.

Icône

Nom

OS

Téléchargement

Description

Image utilisateurImage utilisateur

Internet Explorer

Image utilisateurImage utilisateur

Fourni par défaut avec Windows.

Un navigateur web signé Microsoft et intégré par défaut à toutes les versions du système d'exploitation Windows. Si vous tournez actuellement sous Windows, vous disposez de ce navigateur. Je ne vous recommande pas de l'utiliser, car les versions les plus récentes ne sont pas disponibles pour les systèmes comme Windows XP qui est pourtant encore massivement utilisé aujourd'hui. En revanche, si vous utilisez Windows 7, vous pouvez bénéficier des dernières versions d'Internet Explorer qui sont performantes.

Image utilisateurImage utilisateur

Mozilla Firefox

Image utilisateurImage utilisateurImage utilisateurImage utilisateur

Téléchargement

Un navigateur web gratuit et extrêmement performant signé par la Mozilla Foundation. Je ne saurais que vous le recommander !

Image utilisateurImage utilisateur

Google Chrome

Image utilisateurImage utilisateurImage utilisateurImage utilisateur

Téléchargement

Un autre navigateur web, signé cette fois-ci par Google. Le programme est basé sur un projet open-source baptisé Chromium, mais il suscite quelques controverses au sujet du respect des informations personnelles de ses utilisateurs. Il est néanmoins recommandé de l'utiliser, tant il est performant.

Image utilisateurImage utilisateur

Chromium

Image utilisateurImage utilisateurImage utilisateurImage utilisateur

Téléchargement

Chromium est le projet open-source sur lequel est basé Google Chrome. Il s'agit en fait de Google Chrome lavé des ajouts de Google. Vous pouvez l'utiliser si vous êtes inquiets quant au respect des informations personnelles.

Image utilisateurImage utilisateur

Opera

Image utilisateurImage utilisateurImage utilisateurImage utilisateur

Téléchargement

Opera est un navigateur web de très grande qualité proposé gratuitement par l'entreprise Opera Software.
Il est moins utilisé que les quatre précédents, mais demeure un excellent produit.

Image utilisateurImage utilisateur

Safari

Image utilisateurImage utilisateurImage utilisateur

Téléchargement

Safari est le navigateur web d'Apple qui équipe par défaut tous les ordinateurs Apple. C'est un peu l'Internet Explorer de la pomme. Je n'ai pas pour habitude de l'utiliser, mais il bénéficie d'une très bonne réputation.

Deux navigateurs se démarquent totalement des autres produits : Mozilla Firefox et Google Chrome/Chromium. En effet, ceux-ci possèdent des communautés d'utilisateurs très grandes, qui comptent de brillants développeurs. Ces développeurs créent tous les jours de nouveaux « plugins », dont certains seront incontournables pour nous aider dans notre travail de référencement. Voyons dès maintenant quels sont ces plugins incontournables pour Firefox et Chrome/Chromium.

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Bien se préparer pour bien débuter Une suite d’extensions à adopter !

Une suite d’extensions à adopter !

Quel navigateur web choisir ? Les robots sur le web

Les extensions utiles au référencement de Firefox !

Améliorez les possibilités de Firefox

La fondation Mozilla a eu la bonne idée de créer un site internet officiel pour regrouper tous les modules complémentaires développés par la communauté. Ainsi, vous pourrez trouver toutes les extensions disponibles pour Firefox à cette adresse : Addons Mozilla.

En arrivant sur ce site, vous pouvez apercevoir une barre de recherche intégrée. Vous pouvez l'utiliser si vous savez exactement quel type d'extension vous recherchez. Pour notre part, nous voulons des extensions utiles pour le référencement web.

Vous avez de la chance : comme je suis sympa, je vais vous donner une liste des extensions que j'utilise depuis un bon moment déjà !

Attention ! Plus vous ajouterez d'extensions à votre navigateur, plus celui-ci sera gourmand en mémoire ! La réactivité de votre système en sera donc sensiblement réduite.

Icône

Nom de l'extension

Page Mozilla Addons

Description

Image utilisateurImage utilisateur

Web Developper

Page officielle

Web Developper est une extension Firefox qui se caractérise par l'ajout d'une toolbar à votre navigateur. Elle permet facilement de désactiver les feuilles de styles, les images, les codes JavaScript... Bientôt, vous ne pourrez plus vous en passer.

Image utilisateurImage utilisateur

Firebug

Page officielle

Firebug complète Firefox en lui ajoutant des outils de développement web. Il vous sera notamment utile pour repérer des erreurs dans vos codes Javascript, mais aussi pour mettre en évidence les blocs qui composent votre page web. Appuyez sur la touche F12 pour ouvrir ces nouveaux outils.

Image utilisateurImage utilisateur

User Agent Switcher

Page officielle

Du même auteur que Web Developper, cette extension Firefox vous permettra de modifier facilement votre User-Agent. Nous verrons au chapitre suivant ce qu'est un User-Agent et pourquoi il est important de savoir le modifier.

Image utilisateurImage utilisateur

WebRank Toolbar

Page officielle

Une barre d'outils qui vous donne un aperçu complet de ce que vaut le site ouvert dans Firefox, en matière de référencement.

Image utilisateurImage utilisateur

KGen

Page officielle

KGen est une extension Firefox qui sera capable de vous fournir une liste de mots-clés pertinents pour la page web que vous visitez.

Vous devez très certainement vous demander à quoi vont servir ces extensions pour votre navigateur, et c'est normal. Vous prendrez conscience dès le prochain chapitre de l'utilité de ces extensions !

Ce qui se fait du côté de Google Chrome !

Des extensions sur le Chrome Web Store

Image utilisateur

Chez Google, on a procédé comme chez Mozilla et on a regroupé toutes les extensions disponibles pour Chrome dans un site web officiel dédié. Le site web où sont référencées toutes les extensions disponibles pour le navigateur Google Chrome est le Chrome Web Store.

Un bon point pour Google Chrome par rapport à Firefox : l'ajout d'extensions ne requiert généralement aucun redémarrage du navigateur. Vous allez donc pouvoir utiliser vos nouvelles extensions plus rapidement. Comprenez bien que le fait que vous soyez sous Google Chrome ou Chromium ne change strictement rien. Le Chrome Web Store est fonctionnel pour Chrome comme pour Chromium.

Bien ! À l'image de ce que l'on a fait pour Firefox un peu plus haut, voyons les extensions intéressantes que l'on va pouvoir utiliser avec Google Chrome pour le référencement. Pour Google Chrome, on va avoir besoin d'un peu moins d'extensions que pour Firefox. Par exemple, Firefox a besoin de l'extension Firebug afin de pouvoir gérer plus d'outils de développement, alors que Google Chrome propose des outils similaires en natif. J'en ai quand même retenu deux qui pourront vous servir.

Nom de l'extension

Page Google Web Store

Description

Page Rank Status

Page officielle

Page Rank Status est une extension Google Chrome qui va vous permettre d'afficher dans le navigateur le Page Rank ainsi que beaucoup d'autres informations comme le rang Alexa de la page que vous êtes en train de visiter.

SEO Site Tools

Page officielle

SEO Site Tools est une extension Google Chrome incontournable qui va vous fournir des informations très poussées sur la page web que vous êtes en train de visiter. Elle va notamment vous permettre de lister les headings (<h1>,<h2>,...) ainsi que beaucoup d'autres choses.

Sans vouloir animer de débats, ma préférence personnelle va à Firefox, car il est considéré depuis vraiment longtemps comme l'ami des développeurs. La somme d'extensions qu'il propose, ses performances ainsi que sa communauté en font vraiment un allié de choix pour toute tâche de développement (au sens large) sur le web. Je ne peux donc que vous conseiller de vous équiper de ce navigateur web au quotidien.

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Quel navigateur web choisir ? Les robots sur le web

Les robots sur le web

Une suite d’extensions à adopter ! Introduction aux robots

Sur le web, nous ne sommes pas seuls. Il y a nous, les humains, qui visitons les sites web et les faisons vivre, mais il y a aussi d'autres visiteurs : les robots ! Il en existe des centaines qui arpentent le web tous les jours, et chacun d'eux a une tâche précise. Qui sont-ils et que font-ils sur le web ? Apprenons à les connaître. ;)
Ne sautez en aucun cas ce chapitre, sinon vous ne comprendrez vraiment rien à la suite de ce tutoriel !

Introduction aux robots

Les robots sur le web Comment fonctionne Google ?

Nous ne sommes pas seuls

Qui sont les robots ?

N'imaginez pas que le Terminator existe, ce n'est absolument pas le propos ici ! Les robots, dans le monde de l'informatique, sont des programmes réalisés par des développeurs afin de réaliser une tâche précise. Vous en avez très probablement côtoyé sans le savoir. Si vous êtes amateurs de jeux vidéo et que vous jouez en solo, il arrive souvent que vous ayez quand même des ennemis à affronter. Ces ennemis ne sont pas dirigés par des humains qui joueraient en même temps que vous : ce sont des robots !

Sur le Site du Zéro, Zozor pourrait être aussi considéré comme un robot, car lorsque vous vous inscrivez au Site du Zéro, vous recevez un message privé de la part de Zozor vous souhaitant la bienvenue. Or, le compte de Zozor n'est en réalité dirigé par personne, il est programmé lui-même pour vous envoyez ce message de bienvenue à l'inscription !

Les robots du web !

Je le disais en introduction de ce chapitre, les humains ne sont pas les seuls visiteurs sur le web, il existe donc des robots. En fait, sur le web il existe même des centaines et des centaines de robots qui remplissent des tâches diverses et variées sur les sites. Ils ont généralement été créés par des entreprises pour leur propre besoin. Voulez-vous un exemple ? Si vous diffusez de la publicité sur votre site web, c'est un robot qui détermine à l'avance quel type d'annonce est le plus approprié à votre site web en fonction de son contenu.

Googlebot, le robot de Google !

Après cette introduction générale aux robots, parlons maintenant d'un autre robot, certainement le plus connu sur le web, il s'agit de « Googlebot ». Sachez que le fonctionnement même de Google dépend complètement de ce robot !

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Les robots sur le web Comment fonctionne Google ?

Comment fonctionne Google ?

Introduction aux robots Concepts de base d'un site « SEO-Friendly »

Comment Google référence-t-il les sites web ?

Google fonctionne grâce à Googlebot

Si je vous dis que Google est un moteur de recherche, je ne vous apprends rien. Mais savez-vous réellement comment fonctionne un moteur de recherche ? Le rôle d'un moteur de recherche est de permettre à son utilisateur de trouver rapidement une information sur le web en lui renvoyant une liste des sites les plus pertinents. Cette tâche est complexe, car il existe une multitude de sites. Or, Google doit forcément connaître le contenu de tous ces sites afin de renvoyer le meilleur d'entre eux. Comment fait-il alors pour récupérer ces informations ? C'est simple : il passe par Googlebot !

Image utilisateur

Google n'est pas magicien, il a besoin de quelqu'un pour aller visiter tous les sites du monde et rapporter le contenu de ces sites afin de les évaluer. Vous imaginez bien que ce n'est pas un être humain qui a cette responsabilité. Le web, c'est aujourd'hui plus de 2 milliards de sites, vous imaginez le boulot... Alors Google a eu l'idée simple de passer par un robot et de le baptiser Googlebot ! Des centaines de milliers de Googlebots sont donc lancés constamment sur les sites web et ils retournent ainsi des informations en permanence à Google, lui permettant de peaufiner son index, et de modifier le positionnement des sites sur la SERP.

D'ailleurs, il y a d'énormes chances pour qu'en ce moment même un Googlebot soit en train de visiter votre site web, ou même le Site du Zéro, en retournant des informations à Google ! En fin de compte, Google fonctionne grâce à ces Googlebots. Un moteur de recherche n'est donc rien de plus qu'un très vaste programme informatique, et il n'y a aucune intervention humaine lors de l'indexation d'un site web.

Le fonctionnement de Googlebot

Un programme en plusieurs étapes

Googlebot a été programmé par Google selon plusieurs critères. Il est très perfectionné, et comprendre son fonctionnement est l'une des clés pour bien réussir son référencement. Nous allons donc voir ici le comportement que Googlebot adoptera au moment où il verra votre site web.

  1. Googlebot arrive sur votre site web : à son arrivée sur votre site web, Googlebot va commencer par analyser votre page web, en regardant son code source HTML. Il enregistre ce code source, et le fait parvenir à Google.

  2. Googlebot explore les liens <a></a> : Googlebot ne va pas s'arrêter là. Il va repérer tous vos liens et les explorer, de la même manière qu'un utilisateur cliquerait dessus.

  3. Googlebot arrive sur de nouvelles pages web : de la même manière que précédemment, il va récupérer les codes HTML de ces nouvelles pages et les faire parvenir à Google.

  4. Googlebot explore à nouveaux les liens : Googlebot va encore explorer tous les liens présents, avant d'enregistrer les codes HTML des pages qu'il atteindra... et ainsi de suite.

Voilà exactement comment Googlebot fonctionne. Vous pouvez le comparer à un utilisateur qui ouvrirait tous les liens en enregistrant vos pages HTML, il ne fait rien d'autre. Quelques heures plus tard, Google aura indexé ces pages, et elles seront accessibles sur simple recherche Google. Nous verrons plus tard qu'il est bien sûr possible d'imposer des restrictions à Googlebot.

Googlebot ne s'intéresse qu'à votre contenu !

Vous l'avez très probablement deviné : Googlebot ne s'intéresse qu'à votre contenu. Dans les chapitres précédents, j'avais utilisé l'expression « ère du contenu », car nous sommes vraiment dans l'ère où le contenu est l'objet central d'une page web et Googlebot a été développé autour de cette idée. En effet, Googlebot ne voit pas du tout les pages de la même manière qu'un internaute humain : votre navigateur web affiche le contenu, mais le met également en forme. Vous êtes capables de distinguer un menu, des images, une barre de navigation... Googlebot ne fonctionne pas du tout comme cela, il ne voit que la source HTML de votre page web, pas sa mise en forme.

Dans la suite de ce tutoriel, vous aurez tôt ou tard besoin de voir vos pages web de la même manière que Googlebot les voit. Pour cela, il faut un « lecteur d'écran ». Il s'agit d'une catégorie de navigateur web permettant de n'afficher que le contenu d'un site, en désactivant CSS, JavaScript et images. Vous pouvez d'ores et déjà lire une annexe sur le navigateur Lynx Browser, un lecteur d'écran très puissant. Vous y apprendrez à lire vos pages comme le fait un Googlebot !

Quand est-ce que passe le Googlebot ?

Les heures de passage de Googlebot

Le Googlebot ne peut pas être présent éternellement sur votre site. En effet, il faut aussi le libérer de temps en temps et le laisser aller voir ailleurs... En fait, on ne sait pas vraiment à quelles heures Googlebot passe sur un site, tout simplement parce que c'est différent pour chaque site web. Googlebot est capable de déterminer de lui-même quand il doit passer sur un site ou non, et pour cela, il se base sur les premiers jours d'existence de ce site. Le jour où vous aurez fini de développer votre site et qu'il sera en ligne, vous allez devoir le signaler à Google pour qu'un Googlebot soit envoyé dessus en vue de l'indexer. Nous apprendrons à le faire. Google va alors indexer pour la toute première fois votre site web.

Dans les premiers jours, Googlebot a tendance à passer très souvent sur votre site pour vérifier si votre contenu est mis à jour. Si pendant cette période vous mettez très fréquemment à jour votre site, Googlebot saura que c'est un site qui est vivant et qui bouge, et qu'on a besoin de lui pour indexer les contenus. Ceci est très positif pour vous. À l'inverse, si Googlebot voit que rien ne bouge dans les premiers jours, il aura plutôt tendance à se dire qu'on n'a pas vraiment besoin de lui, et il passera moins souvent, voire très rarement. Ceci est en revanche vraiment négatif. C'est pourquoi, pour les premiers jours de votre site, vous devez avoir à cœur de montrer au Googlebot que votre site est réactif, sinon beaucoup de vos efforts pourraient ne pas être vus par Google. Retenez bien ce conseil !

Le référencement se construit sur la durée

Rien n'est instantané

Dès le prochain chapitre, nous commencerons à parler sérieusement de référencement, et je vous enseignerai les rudiments de cette discipline. Dans le futur, vous commencerez à modifier certaines parties de vos sites pour qu'elles plaisent davantage à Googlebot, mais sachez que Google ne prendra jamais en considération ces modifications immédiatement.

Le référencement se construit sur la durée, et il s'agit d'un processus long. Il faut donc attendre que Googlebot repasse sur votre site et prenne en considération les changements pour que Google mette à jour ses résultats de recherche. Malgré tout, il sera alors fort peu probable que cette mise à jour améliore la position de votre site. En effet, il faut du temps pour construire votre référencement et vous ne grappillerez jamais les premières places immédiatement. Prenez l'exemple du Site du Zéro. C'est un référencement construit sur plus d'une dizaine d'années… Par conséquent, si vous planchez sur un site qui donne des cours d'informatique, vous allez vraiment avoir du mal pour déloger le Site du Zéro des premières places !

Les sanctions de Google

Googlebot et les pénalités

Le travail de Google est « simple » : organiser l'information sur le web et la rendre utilisable pour tous. C'est à ce titre que Googlebot va évaluer la qualité de votre site et vous donner de bons ou de mauvais points. Si votre site respecte les consignes de Google et que vous ne faites que proposer du contenu pertinent et de qualité, Googlebot ne fera que vous donner de bons points et améliorera le positionnement de votre site.

En revanche, si vous ne faites que plagier le contenu des autres sites ou que vous ne respectez pas les consignes de Google, vous risquez d'encaisser des pénalités. Ces pénalités sont très négatives pour votre référencement. Plus Google vous donne de pénalités, plus la fréquence de passage du Googlebot diminue. À terme, Google peut carrément retirer votre site de son index, veillez donc bien à ne pas faire n'importe quoi. ;)

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Introduction aux robots Concepts de base d'un site « SEO-Friendly »

Concepts de base d'un site « SEO-Friendly »

Comment fonctionne Google ? Un site web, du code HTML

Construire un site web c'est passionnant, car cela passe par plein d'étapes différentes ! L'une d'elles est la conceptualisation. On se demande quelles technologies on va utiliser sur son site et pourquoi. C'est donc ici que nous allons réellement parler de votre site web pour la première fois, et nous agirons sur sa conception. Pour rappel, dans toute cette seconde partie du tutoriel, nous ne parlerons que de la conception et de l'optimisation de vos propres pages web.

Lorsque vous développez votre site, ne le faites jamais à la vue de Google. En effet, nous savons depuis le chapitre précédent que le réflexe de Googlebot est de traiter votre contenu de manière à l'indexer… Si la version en développement de votre site est accessible sur Google, elle sera bien sûr positionnée, ce qui est très négatif pour les raisons que vous imaginez. Agissez donc toujours en amont de votre projet, et ne déployez que lorsque votre site est tout beau, car il est plus difficile après de redresser la barre. ;)

Un site web, du code HTML

Concepts de base d'un site « SEO-Friendly » Une question d'ergonomie

Image utilisateur

À l'exception des sites en Flash dont nous parlerons plus tard, un site web n'est vraiment rien d'autre qu'un ensemble de pages HTML qui sont liées entre elles grâce à la magie des liens. HTML va donc avoir une importance capitale dans votre référencement.

Nous allons nous focaliser ici sur le contenu de la balise <body>. Pour le contenu de la balise <head> il faudra attendre encore un peu, car c'est plus complexe.

Le langage HTML

Baliser, c'est aider le Googlebot

Le HTML ressemble beaucoup au XML, et pour cause ! Son rôle est simplement de vous aider à créer du contenu web cohérent. Nous savons que le code HTML sera lu par Googlebot et qu'il aura une importance capitale ; il faut donc produire un beau code. Lorsque vous avez appris HTML, on vous a forcément fait un topo sur l'histoire de la validité du code des pages web sur le W3C validator. En effet, un code valide est un code qui se référence bien. Produire un beau code source garantit une lecture optimale pour le Googlebot, qui sera plus à même de repérer les informations importantes de vos pages web. Commencez donc par créer un site qui soit propre dans son code, et ne vous lancez pas dans la création de sites web si vous n'avez pas de bases solides en HTML et CSS.

Les balises HTML ne signifient pas toutes la même chose

Chaque balise a sa signification, et chacune permet de comprendre la page web. Une certaine balise peut représenter un titre, une autre une image. De la même manière que les balises ne signifient pas toutes la même chose, les informations qu'elles contiennent ne sont pas les mêmes, et elles n'auront pas le même impact sur la manière dont Googlebot va indexer votre contenu. Par exemple, il comprendra que ce qu'il y a dans <strong> représente un texte plus important qu'un texte dans une balise <span>.

Ainsi, Google sera plus à même de faire apparaître votre site web plus haut pour la recherche « tarte aux pommes » si cette expression se trouve dans une balise <strong> plutôt que dans une balise <span> qui, elle, n'a pas vraiment de signification. Ceci dit, ça, c'est vraiment dans l'absolu… :-°

Les balises de titre

Ces balises sont certainement les plus importantes de toutes, et vous devrez travailler leur contenu le plus possible. Vous les connaissez, il s'agit des balises <h1> à <h6>. Dans votre stratégie de référencement, vous ne devrez jamais négliger l'importance de ces balises.

Votre <h1> est votre titre de premier niveau, c'est donc le titre le plus important de la section <body>. C'est le titre que le visiteur verra en premier sur votre page web, et il est censé représenter à lui seul l'intérêt de votre page. La dernière norme de HTML, baptisée HTML5, introduit de nouvelles balises permettant de structurer vos contenus. La balise <section> en fait partie et, comme son nom l'indique, elle permet de définir plusieurs sections dans une page web. La balise de titre <h1> est destinée à être le titre d'une section ; vous pouvez donc avoir plusieurs <h1> par page web, pourvu que ces titres fassent partie de sections.

Ainsi, on peut trouver aussi bien 50 <section> avec <h1> qu'une seule balise <section> avec un seul <h1> dans une page web. Tant que cela a du sens au niveau du contexte de votre page web et de la sémantique HTML5, Google ne vous en tient pas rigueur. Toutefois, organisez correctement vos pages web !

Si vous ne savez pas ce qu'est une balise <section> ou comment l'employer, vous pouvez toujours relire le tutoriel de HTML5 du Site du Zéro. Les sites web se font aujourd'hui en HTML5 ; vous êtes donc vivement invités à vous mettre à niveau. :)

Les cas <strong> et <em>

Les balises <strong> et <em> sont également d'une importance capitale dans votre code HTML, simplement parce qu'elles permettent de mettre en exergue des expressions que vous jugez importantes, et qui constituent par extension l'intérêt de votre page web. Utilisez ces balises avec modération, et ne mettez pas en valeur 95 % de vos textes avec celles-ci. Googlebot est très perfectionné : s'il voit une balise <strong>, il va considérer l'information qu'elle contient comme importante. Ne faites donc pas n'importe quoi avec ces balises.

Les textes des liens (Anchor text)

Nous verrons dans la suite de ce cours que les liens constituent un enjeu très important dans votre stratégie de référencement. Cependant, nous pouvons déjà énoncer qu'il est bon de produire des liens corrects sur vos pages web. Les liens se construisent en HTML grâce à la balise <a href="lien">text</a>.

Dans l'attribut href="", vous devez renseigner la page web visée avant de pouvoir donner un texte au lien juste avant la fermeture de la balise <a>. Googlebot, lui, explore les liens. Aussi, le texte de votre lien constitue pour lui l'information la plus accessible pour savoir ce qui se trouve de l'autre côté du lien. Détaillez donc bien le contenu de la page du lien dans le texte, afin d'aider Googlebot à mieux s'y retrouver : vous avez des points à y gagner !

L'attribut alt des images

Si vous jetez un œil au code que vous pouvez voir dans la section "Une question d'ergonomie", vous verrez que j'ai renseigné un attribut alt="" aux images. Ne pas le renseigner entraîne des pénalités pour votre référencement. Il s'agit là d'une règle fondamentale d'accessibilité. Chaque fois que vous utiliserez une balise <img />, celle-ci devra comporter un attribut alt. C'est une erreur que l'on voit souvent et qui peut-être très facilement évitée.

Ratio contenu/HTML

Pour en finir avec ces règles fondamentales de SEO avec HTML, sachez que vos pages devront respecter un certain ratio Contenu/HTML pour avoir le plus de chances de plaire à Google. Ainsi, lorsque Google va venir analyser vos pages, il faudra qu'au moins 15 % de la source de la page soit du contenu pur et non pas des balises HTML. Le contenu est ce qu'il y a de plus important aux yeux de Google. Considérez donc cette limite comme la limite minimale : plus le ratio est élevé, mieux c'est.

Propreté générale du code HTML

Image utilisateur

Il faut essayer de produire des codes sources qui passent la validation du W3C, ou au moins qui soient potables, sinon un jour le web ne ressemblera vraiment plus à rien. Travaillez bien vos codes sources et faites le nécessaire afin d'arriver à un bon équilibre entre la page vue par le visiteur et la masse de code source analysée par Google. Plus votre page sera complexe, plus votre code source le sera aussi, et plus Google devra batailler avec vos balises pour indexer votre contenu, l'organe principal de votre site.

Vous n'imaginez pas toutes les horreurs que l'on peut trouver sur le web ; entre les balises qui sont un mélange de BBCode, d'HTML5 et de (x)HTML, sans compter les pages qui se finissent par </head>… Par pitié, ne vous lancez pas dans la création de sites sur le web si vous ne connaissez pas ces standards ! Mettez-vous à niveau avant de continuer ce cours si vous ne vous sentez pas d'attaque. Le tutoriel HTML5/CSS3 du Site du Zéro est parfaitement adapté aux débutants.

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Concepts de base d'un site « SEO-Friendly » Une question d'ergonomie

Une question d'ergonomie

Un site web, du code HTML Pensez à votre visiteur !

J'espère vous avoir sensibilisés à l'importance de votre code HTML. Parlons maintenant d'ergonomie. Il va de soi que votre site doit être ergonomique : s'il est un fait qui a peu changé au cours de l'histoire du web, c'est la nécessité d'une mise en page claire et lisible. On aura beau dire tout ce que l'on veut, les sites web actuels, et depuis déjà un bon moment, sont formatés sur un modèle identique.

Ergonomie de base d'un site

Un modèle utilisé partout sur le web

Un site s'articule la majorité du temps sur une structure à 3 niveaux. Dans un premier temps, on trouvera le header avec éventuellement un logo fixé au sommet de toutes les pages via une feuille de style. Au bas de ce header, se trouve généralement le centre de la page, lui-même divisé en deux parties qui sont le menu et le contenu. Finalement, au bas de la page, on trouve un footer. Celui-ci ayant pour unique tâche de boucler la boucle, il est généralement chargé des mentions légales du site et autres liens de contact.

Un code source HTML de base

Voici ce que pourrait être le code source HTML5 de base d'une page web moderne. Au passage, vous êtes vivement encouragés à toujours utiliser les dernières versions des standards web.

<!DOCTYPE html>
<!-- La section <head>. Nous aurons l'occasion d'en parler plus tard dans le cours ! -->
<head>
    <title>Le titre de ma page</title>
    <meta charset='utf-8' />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="shortcut icon" href="images/favicon.ico" />
</head>

<!-- Mise en page classique avec le header, le corps, et le footer ! Les balises structurantes de
HTML5 sont employées. -->
<body>
    <div id="site">
       <header>L'entête de mon site ! Et bientôt, il y aura une bannière ou un logo ici !</header>
       <nav id="menu">
             <ul>
                <li>Élément de menu 1</li>
                <li>Élément de menu 2</li>
                <li>Élément de menu 3</li>
                <li>Élément de menu 4</li>
                <li>Élément de menu 5</li>
                <li>Élément de menu 6</li>
                <li>Élément de menu 7</li>
             </ul>
       </nav>
       <section>
             <article>
                <h1>Le titre de mon article ;)</h1>
                <p>
                 Salut, voici le contenu de ma page web <img src="img/image.png" alt="Une image" />
                </p>
             </article>
       </section>
       <footer>
             <p>
                 Le contenu de mon pied de page, mention légale, etc.
             </p>
       </footer>
    </div>
</body>
</html>

Ce modèle de base est celui que l'on a tendance à enseigner partout. Ainsi, le cours de HTML5 du Site du Zéro vous enseignera également cette mise en page de base, de la même manière que le site W3Schools, une sorte de Site du Zéro anglais. :)

Les quelques innovations qui ont été apportées à ce modèle de base au fil des ans se comptent sur les doigts d'une main. La plus connue est probablement celle de l'ajout d'un menu horizontal à proximité du header du site, uniquement permise par les avancées technologiques en matière d'écrans qui ne cessent de s'agrandir et de proposer de meilleures résolutions. Autant vous dire que les internautes sont plutôt habitués à cette mise en page sobre mais terriblement efficace.

Être en accord avec la mission de Google !

La mission de Google est d'organiser et de rendre accessible au plus grand nombre l'information sur internet, et plus particulièrement sur le web. Les internautes étant habitués depuis plus de 20 ans à ce type de mise en page, c'est tout naturellement de cette manière que Google indexe le mieux votre contenu. Ainsi, vous avez tout intérêt à opter pour ce type de mise en page, qui se veut ergonomique et qui représente vraiment quelque chose dans l'esprit d'un visiteur. :)

Question d'ergonomie : le temps passé sur le site

Google est capable de déterminer combien de temps vos visiteurs passent sur votre site. Vous aurez donc à cœur de faire en sorte que vos visiteurs passent le plus de temps possible sur vos pages web, cela vous rapportera des points pour le SEO. Plus vos visiteurs resteront sur vos pages, mieux elles seront référencées sur Google. Opter pour une mise en page ergonomique, c'est aussi un moyen d'être sûr que le visiteur ne fuira pas dès l'arrivée sur votre site.

La règle d'or des 600 px : ergonomie et référencement

Une règle d'or

À moins d'accéder à votre site via une ancre dans l'URL, le visiteur démarrera toujours sa navigation au sommet d'une page, à hauteur de son header, Le reste de la page étant généralement accessible grâce à un scroll. C'est pourquoi, d'un point de vue ergonomique, tout doit être dit dans les 600 premiers pixels de votre page web. J'explique tout de suite ce concept.

Comparons votre site web à un journal

Image utilisateur

Je vais comparer votre site web à un journal replié, tel que celui vous pouvez lire chez vous en buvant votre café le matin. Comme on peut le voir, ce journal est replié sur lui-même. Il faut reconnaître qu'un journal c'est assez gros et pas forcément très évident à tenir en main et à lire. Ainsi, les marchands de journaux se sont rendu compte que pour pouvoir attirer le regard des clients, il fallait plier le journal de telle sorte qu'il paraisse petit et facile à prendre en main. Cela permet en plus un gain de place conséquent sur les étagères.

Les journaux sont pliés de manière à ce que la une soit toujours visible pour le client. Cela va lui donner forcément beaucoup plus envie de lire le journal et donc de l'acheter, puisque généralement dans la une, on a un titre et une introduction avec une belle image bien représentative... Bref ! En voyant la une, on sait directement de quoi l'article va parler, et on va avoir envie de le lire jusqu'au bout sans pour autant voir l'intégralité de l'article. Comme quoi, une bonne accroche, c'est très important.

Eh bien sur le web c'est un peu pareil. Votre une, ce sont les 600 premiers pixels de chacun de vos articles. À la manière de la une d'un journal : vous DEVEZ absolument travailler correctement le début de votre article, pour qu'il soit accrocheur. D'un point de vue typographique et ergonomique, le visiteur aime avoir un gros titre, une introduction de quelques lignes décrivant globalement la problématique de l'article, et ensuite : on se lance. Une fois qu'on arrive au bout de cette accroche, on déplie le journal ; sur le web : on scroll. :)

Un autre Eye Tracking

Voyez également cette autre étude réalisée cette fois-ci par Useit, qui ressemble beaucoup au triangle d'or de Google. Il s'agit du même concept de « carte » : un Eye Tracking, porté cette fois-ci sur un article sur le web (voir la figure suivante).

Un Eye Tracking illustrant la règle des 600px.
Un Eye Tracking illustrant la règle des 600px.

Vous pouvez voir facilement où va se poser le regard de votre visiteur en regardant cette image : au sommet de celle-ci, sur les 600 premiers pixels de l'article. J'imagine que vous avez compris où je voulais venir, non ? Travaillez vos 600 premiers pixels. C'est vraiment très important !

La philosophie d'indexation de Google à travers les 600 px

La règle des 600 px répond à une question d'ergonomie et de confort pour votre visiteur. Cependant, au-delà, elle correspond exactement à la philosophie de référencement de Google vis-à-vis de vos visiteurs. Pourquoi ? Parce que Google, lors de l'indexation, va considérer votre site comme une sorte de journal et va se pencher sur la une de votre article : les 600 premiers pixels. Elle est très importante d'un point de vue SEO, étant donné que, pour Google, un mot qui se trouve au début de l'article est bien plus important qu'un mot se trouvant à la fin de cet article. Le début de l'article correspond bien sûr aux 600 px.

Un autre conseil que je peux vous donner. Il n'est pas rare de voir sur le web des sites dont le footer est occupé par un système de tags. Pour ce genre de système, je dis non, non et non. Il n'est rien de plus inutile que de charger son pied de page de mots-clés, si l'on considère la règle d'or que je vous ai donnée plus haut. Les mots se trouvant au bas de la page n'ont presque aucune valeur en comparaison de ceux se trouvant en haut de la page. Les systèmes de tags sont donc complètement dénués d'intérêts dans les footers. Préférez les systèmes de footer classiques pour votre site. Quelque chose de joli et de bien géré qui finira bien votre page visuellement, en proposant quelques ouvertures avec des liens sur d'autres contenus. Dites-vous que vous n'avez pas à réinventer la roue. :)

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Un site web, du code HTML Pensez à votre visiteur !

Pensez à votre visiteur !

Une question d'ergonomie Communiquez avec Googlebot !

Trop de webmasters ne le font pas, et pourtant... la plupart du temps, c'est quand même à son visiteur que l'on veut plaire, non ? Nous allons ici tenter d'avoir un peu d'empathie et de nous glisser dans la peau du visiteur de notre site web, et voir ce qu'il en attend. Google sait que votre contenu est avant tout destiné aux visiteurs, et il fonde ses algorithmes d'indexation sur cette idée !

Performances, performances, performances !

Un site qui plaît est un site qui va vite

Une idée fausse a souvent été de croire que pour plaire à son visiteur, l'essentiel était d'être le plus original possible dans tous les aspects visuels du site. Pourquoi cela ? Un début de réponse pourrait être que le design est la première chose que le visiteur voit et que, par conséquent, il doit être le plus original possible... Ceci est en très grande partie faux, dans le sens où originalité rime souvent avec complexité, lourdeur, et lag à l'affichage.

Pour se démarquer des autres par son design, on a forcément tendance à rechercher dans le plus complexe : carrousels, animations Flash et une centaine d'images reliées à la CSS. Or, c'est une véritable catastrophe pour le visiteur qui, lui, ne recherche pas l'originalité, mais le confort... Le confort d'un visiteur se trouve dans l'optimisation des temps de chargement de votre site. Un site qui répond vite est un site qui attire. Lorsque vous demandez quelque chose, vous aimez généralement que la chose vous arrive vite entre les mains, non ? Pour le visiteur c'est pareil, lorsqu'il va cliquer sur votre lien Google, il veut vite obtenir ce pour quoi il est venu : l'information, et pas le design.

Ceci a vraiment une importance dans la manière dont Google va indexer vos contenus. Je vous propose cet article (EN) paru en 2010sur le blog officiel de Google dédié aux webmasters. Vous y verrez que Google apprécie davantage votre site si celui-ci est rapide pour le visiteur.

Accélérez vos temps de chargement !

Après cette petite sensibilisation, vous vous demandez très probablement comment on optimise les temps de chargement. Je me propose de vous donner quelques exemples. Bien que je ne puisse pas détailler de fond en comble toutes les façons d'optimiser les temps de chargement de vos pages web – il faudrait pour cela passer en revue toutes les technologies – je vais vous indiquer en quelques points les démarches, en vous conseillant quelques documentations.

Utilisez des sprites CSS

Pour chaque image qui compose votre site web, une requête HTTP doit être gérée par le serveur pour l'afficher au visiteur. Votre article comportera peut-être 10 images, plus 10 images supplémentaires appartenant au design... soit 20 requêtes HTTP pour un seul article. Si l'on multiplie tout cela par le nombre de pages vues par chaque visiteur de votre site... cela devient vite affolant. :D

L'idéal au niveau des CSS, pour améliorer les temps de chargement, est donc de ne pas utiliser d'images pour composer votre design. Les designs « full CSS » s'afficheront extrêmement vite et auront une place toute particulière dans le cœur de votre visiteur et dans celui de Google. C'est quelque chose qui est tout à fait possible et qui commence à se faire de plus en plus sur le web. Cependant, il faut avoir un certain niveau en CSS et être un vrai créatif pour donner quelque chose de bon. L'alternative à cela est d'utiliser des sprites CSS (voir la figure suivante).

Les sprites CSS de plusieurs grands sites, dont Google
Les sprites CSS de plusieurs grands sites, dont Google

Les sprites CSS, c'est l'art de compiler toutes les images qui composent votre site web en une seule. Ensuite, dans votre CSS, vous n'aurez qu'à afficher cette image et à la positionner pour que l'élément graphique que vous souhaitez s'affiche bien à hauteur de la <div> sur laquelle vous travaillez. Ainsi, ce n'est plus 100 requêtes HTTP qui vont servir à récupérer toutes vos images, mais une seule. Des économies énormes pour votre serveur.

Pour information, le Bootstrap Twitter a été construit grâce aux sprites CSS. En effet, il est composé de classes CSS3 très développées qui donnent un excellent rendu, et les quelques petites icônes que le framework propose sont gérées par des sprites. Il constitue en cela une bonne base pour commencer un site.

Placez convenablement vos codes JavaScript !

JavaScript est un langage généralement utilisé pour les pages web. Malgré des idées reçues, JavaScript est un langage vraiment puissant qui vaut le détour. Il s'exécute côté client, ce qui signifie que votre serveur n'a pas à l'interpréter. C'est déjà un bon point : c'est au moteur JavaScript de votre navigateur de le gérer.

JavaScript est puissant, mais il est généralement mal utilisé. Vous pouvez choisir soit d'en mettre directement dans votre page web, ce qui est bien souvent une mauvaise solution pour la lisibilité de votre code source par Google et vous-mêmes, soit de le placer dans un fichier qui portera l'extension .js que vous prendrez soin de rattacher à votre page web grâce à la balise script :

<script src="fichier.js"></script>

Vous devez inclure un JavaScript soit au tout début de votre page, dans la balise <head>, soit à la toute fin, juste avant la fermeture de la balise <body> avec </body>, cette dernière solution étant de loin la meilleure. Ceci est très important, car du JavaScript chargé en plein milieu d'une page web alourdira inutilement l'ensemble. Ainsi, il est préférable de charger le JavaScript juste avant la fermeture de la balise <body>, car alors le contenu du site sera entièrement chargé quand JavaScript entrera en jeu. Je vous encourage à aller sur le cours de JavaScript du Site du Zéro, qui devrait vous aider à bien comprendre cette technologie.

Vos requêtes SQL

Image utilisateur

Le cours de PHP/MySQL sur le Site du Zéro est introduit par ces lignes : "Blogs, réseaux sociaux, pages d'accueil personnalisables... Depuis quelques années, les sites web ont gagné en fonctionnalités et sont devenus dans le même temps de plus en plus complexes."

C'est tout à fait exact ! Votre site n'est plus le simple code source HTML et les 50 lignes de CSS qu'il pouvait être autrefois. Aujourd'hui, c'est une véritable machine intelligente qui fonctionne silencieusement tous les jours de l'année. Quel que soit le langage employé, c'est tout un univers de variables et de fonctions qui s'articulent... mais aussi de requêtes SQL.

On commence à plutôt bien se connaître vous et moi, aussi je pense que vous avez commencé à remarquer que j'adore les statistiques et les chiffres. Savez-vous qu'un site web utilisant une base de données est en moyenne 5 fois plus lent qu'un site uniquement construit sur des fichiers ? Ça paraît fou, et pourtant... Si l'on peut difficilement se passer de bases de données, tant elles sont importantes pour avoir un site un minimum intéressant, on peut toujours réduire les temps de chargements en diminuant le nombre de requêtes SQL, en les optimisant, et en fournissant des index aux tables.

Couplez tous ces conseils avec toutes les indications sur l'ergonomie que je vous ai données précédemment, et cela devrait donner quelque chose de convenable en termes de temps de chargement.

Google et l'empathie

Pensez à vos visiteurs, pas aux robots

Google donne pour conseil aux webmasters de ne pas chercher à travailler le référencement mais de toujours proposer un contenu et un site qui plaisent aux visiteurs, avant de chercher à plaire au robot. Gardez toujours cette idée en tête, mais n'oubliez jamais d'intégrer une dimension SEO à vos développements (au sens large) de sites web.

Je ne cherche par ailleurs à vous imposer aucune mise en page ou contrainte. C'est votre site et vous en faites ce que vous voulez. Retenez simplement qu'un carrousel en header est plus beau qu'un logo, mais qu'il demande aussi plus de code HTML, code que Googlebot considère comme relativement peu intéressant à côté de votre vrai contenu. En outre, cela va lui compliquer la vie plus qu'autre chose, en plus de faire baisser votre ratio code/contenu. :)

Fatigué(e) de lire sur un écran ? Découvrez ce cours en livre.

Une question d'ergonomie Communiquez avec Googlebot !

Communiquez avec Googlebot !

Pensez à votre visiteur ! Aidez Googlebot à générer le résultat de recherche

Googlebot ne dort jamais. Il travaille tous les jours à récupérer des informations sur votre site pour permettre son indexation. S'il est vrai que c'est un véritable acharné du travail, il est aussi vrai qu'il aime qu'on lui donne des indications sur ce qu'il doit faire sur votre site, par exemple lui dire quelle page indexer, et quelle page ne pas indexer. Ou encore quel lien suivre, et quel lien ne pas suivre... Vous n'aimeriez pas par exemple que vos pages d'administration soient visibles sur Google.

Pour communiquer avec Googlebot et lui donner ces infos, il va falloir passer par le contenu de la section <head> de votre page web. Il n'y aura pas 36 solutions, nous allons devoir passer par les balises <meta />. Oui ! Ces balises qui étaient totalement indispensables pour référencer son site dans les années 1990 sont toujours là !

Aidez Googlebot à générer le résultat de recherche

Communiquez avec Googlebot ! Les meta description et keywords ne sont pas encore morts !

Il existe des tonnes d'éléments intéressants dans votre code source HTML. L'un d'eux est un peu à part, et doit être exploité par Google : c'est la balise <title>. Elle doit être totalement unique au sein de votre page web.

Google génère ses résultats à partir des pages web

<title> : une balise capitale

La balise <title> a une importance primordiale parce qu'elle va servir à Google à générer le résultat de votre site (voir la figure suivante).

La SERP de Google est mise en page grâce à la balise <title>
La SERP de Google est mise en page grâce à la balise </figcaption></figure><p id="r-949136" data-claire-element-id="949136">Nous pouvons voir assez facilement que chacun des résultats sur cette page est présenté selon un même <em>pattern</em>. En effet, chaque fois on trouve <strong>un titre avec un lien qui est fait vers une page web</strong>. On aura également l'URL de cette page juste en dessous dans une police verte, et en troisième position, nous avons une courte description de la page en question. Je pense que je vous ai mis la puce à l'oreille sur l'utilité de cette balise <code data-claire-semantic="html"><title></code>... le contenu de cette balise va être réutilisé par Google pour générer ses résultats, et en particulier la première ligne : <strong>le lien</strong>.</p><p id="r-949137" data-claire-element-id="949137">Ainsi, si cette balise n'est pas bien travaillée, non seulement Google ne placera pas bien la page dans ses résultats mais en plus, pour les quelques personnes qui la verront, elle ne sera pas attractive et personne ne cliquera dessus.</p><h3 id="r-le-site-du-zero-pour-exemple" data-claire-element-id="949142">Le Site du Zéro pour exemple</h3><p id="r-949139" data-claire-element-id="949139">Pour continuer à expliquer ce qu'est la balise <code data-claire-semantic="html"><title></code>, nous allons prendre l'exemple de celle de la page d'accueil du Site du Zéro. Placez-vous donc sur la page d'accueil du Site du Zéro et utilisez <kbd>Ctrl</kbd> + <kbd>U</kbd>. Vous y verrez le <code data-claire-semantic="html"><title></code>.</p><pre id="r-949140" data-claire-element-id="949140"><code data-claire-semantic="html"><!--Doctype et ouverture du <head> --> <title> Le Site du Zéro, site communautaire de tutoriels gratuits pour débutants : programmation, création de sites web, Linux... </title> <!--fin du <head> puis <body>... --></code></pre><p id="r-949141" data-claire-element-id="949141">Le contenu de ce qui se trouve dans <code data-claire-semantic="html"><title></code> est réutilisé par Google pour former le lien qui mènera vers votre page. Vous pouvez comparer le code source ci-dessus, avec le visuel de la page de résultats pour vous en rendre compte. Vous devez maintenant comprendre que la balise <code data-claire-semantic="html"><title></code> est d'une importance vraiment capitale dans votre référencement. Il faudra travailler <strong>vraiment</strong> vos <code data-claire-semantic="html"><title></code>.</p><h3 id="r-choisir-un-bon-titre" data-claire-element-id="949149">Choisir un bon titre</h3><p id="r-949143" data-claire-element-id="949143">Vous <strong>ne pouvez pas </strong>indiquer n'importe quoi comme <code data-claire-semantic="html"><title></code> pour votre page web. Celui-ci doit être riche en mots-clés ; mots-clés que l'internaute tapera dans la barre de recherche de Google afin de trouver votre page web. Votre <code data-claire-semantic="html"><title></code> doit être en adéquation avec votre article. N'essayez pas d'être originaux dans votre titre, tentez simplement de désigner votre article par une expression de quelques mots, c'est généralement très bien. Par ailleurs, tentez de ne pas dépasser les 60 caractères. Dans un <code data-claire-semantic="html"><title></code> on est direct et précis.</p><aside id="r-949145" data-claire-element-id="949145" data-claire-semantic="information"><p id="r-949144" data-claire-element-id="949144">Bien sûr, le choix d'un bon <code data-claire-semantic="html"><title></code> est quelque chose de beaucoup plus complexe que cela. Je ne peux pas vous en parler plus en détail pour le moment de peur de vous embrouiller, mais sachez qu'il existe un outil nommé <a href="http://www.google.com/insights/search/?hl=fr">Google Insights</a> qui vous donnera des informations essentielles afin d'arriver à choisir les bons mots-clés pour votre <code data-claire-semantic="html"><title></code>. Pour le moment on fait simple, mais sachez quand même que par la suite, nous allons nous attaquer à l'utilisation de <strong>Google Insights</strong>, et nous verrons à ce moment-là en profondeur comment choisir un bon <code data-claire-semantic="html"><title></code>.</p></aside><p id="r-949146" data-claire-element-id="949146">Pour le moment, tentez d'imaginer ce qu'un utilisateur pourrait taper comme mots-clés dans la barre de recherche pour trouver votre page web, et essayez de construire votre <code data-claire-semantic="html"><title></code> en conséquence. J'avoue que ce n'est pas très propre, mais pour le moment ça ira.</p><aside id="r-949148" data-claire-element-id="949148" data-claire-semantic="error"><p id="r-949147" data-claire-element-id="949147">N'oubliez <strong>JAMAIS</strong> de mettre un <code data-claire-semantic="html"><title></code> à vos pages. C'est comme le <code data-claire-semantic="html"><h1></code>, il ne faut pas l'oublier ! Par défaut, si votre page ne possède pas de <code data-claire-semantic="html"><title></code>, l'URL de celle-ci est généralement considérée comme son <code data-claire-semantic="html"><title></code> : c'est <strong>très</strong> mauvais pour votre référencement.</p></aside> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot"> <span class="arrow"></span> <span class="next">Communiquez avec Googlebot !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> <span class="next">Les meta description et keywords ne sont pas encore morts !</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Lesmetadescriptionetkeywordsnesontpasencoremorts"></a><h2>Les meta description et keywords ne sont pas encore morts !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> <span class="arrow"></span> <span class="next">Aidez Googlebot à générer le résultat de recherche</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> <span class="next">Interdire l'indexation d'une page avec le meta robots !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <p id="r-949152" data-claire-element-id="949152">Dans les années 1990, le moteur de recherche qui dominait les débats, <strong>Altavista</strong>, fondait son succès sur un algorithme d'indexation des pages qui se basait sur les balises <code data-claire-semantic="html"><meta /></code> et leur contenu dans la zone <code data-claire-semantic="html"><head></code> de chaque page web. Si Google a totalement bouleversé ce système, il s'appuie encore aujourd'hui sur <strong>certaines </strong>balises <code data-claire-semantic="html"><meta /></code> pour obtenir le plus rapidement possible des informations sur notre site. Si Google a passé sous silence ces balises, il y en a encore deux qui sont très utilisées.</p><h2 id="r-deux-balises-meta-qui-survivent-aux-annees" data-claire-element-id="949158">Deux balises <meta /> qui survivent aux années</h2><h3 id="r-votre-contenu-votre-centre-d-interet" data-claire-element-id="949157">Votre contenu, votre centre d'intérêt</h3><p id="r-949153" data-claire-element-id="949153">Que l'on soit bien clair là-dessus : pour Google votre contenu est vraiment <strong>le point central</strong> de votre site. Ainsi, c'est sur ce plan-là que vous aurez le plus de points à gagner au niveau de votre référencement. Cependant, si Google ne se focalise presque plus du tout sur les balises <code data-claire-semantic="html"><meta /></code>, il en prend encore quelques-unes en compte. Et par "quelques-unes" j'entends vraiment deux ou trois balises, pas plus. :-°</p><aside id="r-949155" data-claire-element-id="949155" data-claire-semantic="information"><p id="r-949154" data-claire-element-id="949154">N'oubliez pas qu'une métadonnée est par définition une donnée qui définit une donnée. Même si Google a passé sous silence la très grande majorité d'entre elles, on n'a pas encore pu inventer mieux que les quelques métadonnées que l'on va voir dans ce chapitre pour communiquer rapidement des infos sur sa page à Googlebot.</p></aside><p id="r-949156" data-claire-element-id="949156">À l'époque d'<strong>Altavista</strong>, on avait une vingtaine de balises <code data-claire-semantic="html"><meta /></code> qui servaient à elles seules à bien référencer son site. À l'époque de Google, on n'en a plus que deux majeures, à savoir les balises <code>meta keywords et meta description</code>. Commençons par la balise <code data-claire-semantic="html"><meta name="description" /></code> qui est la plus intéressante. :)</p><h2 id="r-meta-description" data-claire-element-id="949170">META description</h2><h3 id="r-decrivez-votre-contenu" data-claire-element-id="949169">Décrivez votre contenu !</h3><p id="r-949159" data-claire-element-id="949159">La balise <code data-claire-semantic="html"><meta name="description" /></code> a, elle aussi, son petit rôle à jouer dans l'indexation de votre page web. Vous l'aviez peut-être remarqué, le contenu de cette balise va également s'afficher dans les résultats de recherche sur Google, juste en dessous de l'URL du site web, en troisième position, comme vous pouvez le voir sur la figure suivante.</p><figure id="r-la-balise-meta-description-est-utilisee-dans-le-resultat-de-recherche-sur-google" data-claire-element-id="949162"><img id="r-949160" data-claire-element-id="949160" src="medias/uploads.siteduzero.com_files_339001_340000_339048.png" alt="La balise meta description est utilisée dans le résultat de recherche sur Google"/><figcaption>La balise meta description est utilisée dans le résultat de recherche sur Google</figcaption></figure><p id="r-949163" data-claire-element-id="949163">Cette balise est là pour que vous puissiez décrire plus facilement votre contenu au Googlebot afin que celui-ci indexe mieux votre page web. Comme d'habitude, il faut que cette description soit riche en mots-clés, tout en étant attractive pour le visiteur pour vous démarquer des autres pages. Cette description obéit également à quelques codes. S'il est généralement conseillé de ne pas dépasser les 60 caractères pour son <code data-claire-semantic="html"><title></code>, pour la description, la limite est à 200 caractères. À vous d'être précis !</p><div id="r-949165" data-claire-element-id="949165" data-claire-semantic="question"><p id="r-949164" data-claire-element-id="949164">Comment je la place cette description, moi ?</p></div><p id="r-949166" data-claire-element-id="949166">Elle se place exactement comme la balise <code data-claire-semantic="html"><title></code>, dans la balise <code data-claire-semantic="html"><head></code>. Ouvrez simplement une balise <code data-claire-semantic="html"><meta /></code> avec les attributs <code>name="description"</code> et <code>content="votre description"</code> comme ceci :</p><pre id="r-949167" data-claire-element-id="949167"><code data-claire-semantic="html"><meta name="description" content="C'est la description de ma page !" /></code></pre><p id="r-949168" data-claire-element-id="949168">Vous pouvez par exemple placer cette ligne juste en dessous de votre balise <code data-claire-semantic="html"><title></code>. Celle-ci peut vous faire gagner des points au niveau du référencement, et elle est également là pour jouer un rôle d'accroche pour l'internaute qui regardera les résultats de recherche Google.</p><h2 id="r-meta-keywords" data-claire-element-id="949179">META keywords</h2><h3 id="r-les-mots-cles-de-votre-page" data-claire-element-id="949178">Les mots-clés de votre page !</h3><p id="r-949171" data-claire-element-id="949171"><strong>C'est LA balise qui a été la plus grande perdante de ces dix dernières années</strong>. À l'époque d'Altavista, elle était aussi importante que votre contenu peut l'être aujourd'hui. Les gens qui s'occupaient du référencement de leur site se contentaient généralement de bourrer le contenu de cette balise de mots-clés, cela suffisait à s'assurer une bonne place dans les moteurs de recherche. Aujourd'hui, c'est une balise dont l'importance a été terriblement diminuée, à tel point qu'elle ne sert aujourd'hui pratiquement à... rien.</p><p id="r-949172" data-claire-element-id="949172">Ce n'est pas très juste de dire ça, mais il faut bien comprendre que Google ne se focalise pratiquement plus du tout dessus. L'intégrer à vos pages peut être une bonne chose si vous le souhaitez et c'est même recommandé. En revanche, cela n'influera quasiment pas sur votre référencement. Pour la placer, c'est exactement comme pour la balise <code>meta description</code>.</p><pre id="r-949173" data-claire-element-id="949173"><code data-claire-semantic="html"><meta name="keywords" content="mots-clés" /></code></pre><p id="r-949174" data-claire-element-id="949174">À l'intérieur, vous avez simplement à indiquer des mots-clés, en les séparant par une virgule.<br/> Le Site du Zéro utilise encore la balise <code>meta keywords</code>. Vous pouvez prendre exemple sur lui afin de construire la vôtre. Voici la balise <code>meta keywords</code> de la page d'accueil du Site du Zéro.</p><pre id="r-949175" data-claire-element-id="949175"><code data-claire-semantic="html"><meta name="keywords" content="Cours, tutoriel, didacticiel, informatique, programmation, c, c++, php, ..." /></code></pre><p id="r-949176" data-claire-element-id="949176">Encore une fois, si vous souhaitez placer de bons keywords dans cette balise <code data-claire-semantic="html"><meta /></code>, il faudra attendre encore quelques chapitres.</p><p id="r-949177" data-claire-element-id="949177">Voilà comment vont s'articuler vos balises <code data-claire-semantic="html"><meta /></code> ainsi que votre balise <code data-claire-semantic="html"><title></code> afin de permettre au Googlebot d'analyser votre site un peu plus facilement, et de vous assurer quelques points supplémentaires pour votre site au niveau du référencement.</p><h2 id="r-question-utilite" data-claire-element-id="949186">Question utilité ?</h2><h3 id="r-ces-balises-ne-servent-pas-ou-peu" data-claire-element-id="949185">Ces balises ne servent pas ou peu</h3><ul id="r-949184" data-claire-element-id="949184"><li id="r-949181" data-claire-element-id="949181"><p id="r-949180" data-claire-element-id="949180">Meta description : la balise meta description est encore relativement intéressante puisque son contenu apparaît dans la page de résultats de Google. Vous devriez y renseigner quelques mots-clés et tenter d'avoir une belle accroche pour votre visiteur. Néanmoins, lorsqu'elle n'est pas utilisée, Google est capable d'identifier d'autres éléments de votre page ;</p></li><li id="r-949183" data-claire-element-id="949183"><p id="r-949182" data-claire-element-id="949182">Meta keywords : l'époque Altavista est terminée, mes amis ! Cette balise ne sert à rien, mais il peut être quand même intéressant de la renseigner. À vous de voir... mais on ne vous tiendra jamais rigueur de la non-utilisation de cette balise.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> <span class="arrow"></span> <span class="next">Aidez Googlebot à générer le résultat de recherche</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> <span class="next">Interdire l'indexation d'une page avec le meta robots !</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Interdirel039indexationd039unepageaveclemetarobots"></a><h2>Interdire l'indexation d'une page avec le meta robots !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> <span class="arrow"></span> <span class="next">Les meta description et keywords ne sont pas encore morts !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> <span class="next">Interdire l'indexation d'un site avec le robots.txt !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <p id="r-949188" data-claire-element-id="949188">Nous savons donc maintenant que nous pouvons utiliser certaines balises afin de décrire un peu notre contenu au Googlebot. Cependant, parfois vous aimeriez que Googlebot n'indexe carrément pas certaines pages de votre site... et là, c'est difficile étant donné que vous ne savez pas du tout comment vous y prendre pour lui dire cela.</p><figure id="r-949190" data-claire-element-id="949191"><img id="r-949189" data-claire-element-id="949189" src="medias/uploads.siteduzero.com_files_339001_340000_339087.jpg" alt="Image utilisateur"/></figure><h2 id="r-un-nouveau-meta-robots" data-claire-element-id="949208">Un nouveau meta : Robots</h2><h3 id="r-gerer-l-indexation-d-une-page" data-claire-element-id="949207">Gérer l'indexation d'une page</h3><p id="r-949192" data-claire-element-id="949192">Le <code>meta robots</code> est un meta auquel Googlebot, ainsi qu'un très grand nombre de robots d'indexation (pour ne pas dire tous) vont se référer afin d'adopter un certain comportement vis-à-vis de votre site. Vous avez la possibilité de dire simplement aux robots, dont Googlebot, de ne rien indexer de votre page grâce à ce meta. C'est très simple, le meta robots se forme de la manière suivante, à l'intérieur de votre balise <code data-claire-semantic="html"><head></code>.</p><pre id="r-949193" data-claire-element-id="949193"><code data-claire-semantic="html"><meta name="robots" content="Instruction1, Instruction2" /></code></pre><p id="r-949194" data-claire-element-id="949194">Voilà par exemple le type d'instruction que l'on va pouvoir utiliser dans le meta robots.</p><pre id="r-949195" data-claire-element-id="949195"><code data-claire-semantic="html"><meta name="robots" content="index, follow" /></code></pre><p id="r-949196" data-claire-element-id="949196"><code>Index, follow</code> signifie que l'on va pouvoir autoriser Google à <strong>indexer</strong> notre contenu <strong>ET</strong> à <strong>suivre</strong> les liens présents sur la page.</p><aside id="r-949198" data-claire-element-id="949198" data-claire-semantic="information"><p id="r-949197" data-claire-element-id="949197">C'est le comportement que Googlebot adopte par défaut si vous ne définissez pas de <code>meta robots</code>.</p></aside><p id="r-949199" data-claire-element-id="949199">Ainsi, avec cette configuration, Googlebot va, dans un premier temps, récupérer les informations sur votre site dans le but de l'indexer et va, en plus de cela, <strong>suivre </strong>les liens <code data-claire-semantic="html"><a href="page.html"></a></code> présents sur votre page. Il va ensuite vérifier dans cette nouvelle page s'il peut l'indexer ou non. Pour info, <em>to follow</em> signifie "suivre" dans la langue de Shakespeare. Nous, ce que l'on veut, ce n'est pas ça. On veut que le Googlebot n'indexe pas notre page, et ne suive pas les liens présents sur celle-ci. Pour cela, on va très simplement lui indiquer l'information <code>noindex, nofollow</code>.</p><pre id="r-949200" data-claire-element-id="949200"><code data-claire-semantic="html"><meta name="robots" content="noindex,nofollow" /></code></pre><p id="r-949201" data-claire-element-id="949201">C'était simple, non ? En voyant cela, Googlebot va simplement se dire ceci :</p><p id="r-949202" data-claire-element-id="949202"><cite>Citation : Pensées d'un Googlebot...</cite></p><blockquote id="r-949203" data-claire-element-id="949203"><p><em>"Ah ! J'ai un noindex dans la balise meta robots. Bon, j'indexe pas la page, mais au cas o&ugrave; il y aurait un lien vers une autre page ici, je vais quand m&ecirc;me jeter un coup d&rsquo;&oelig;il. ... Ah voil&agrave; un lien ! Je vais voir ce que je trouve de l'autre c&ocirc;t&eacute;... ah bah non ! Il y a aussi un nofollow &agrave; c&ocirc;t&eacute; du noindex dans le meta robots... Bon bah, j'ai rien &agrave; faire ici moi du coup, a+ !"</em></p></blockquote><p id="r-949204" data-claire-element-id="949204">C'est ce qu'il faut retenir.<br/> Vous pouvez également faire d'autres combinaisons, par exemple mettre une <code>noindex</code>, <code>follow</code>. Dans ce cas, Googlebot n'indexera pas votre contenu, mais ira quand même visiter les pages qui sont "linkées", histoire de voir s'il y trouve des contenus à indexer. :)</p><aside id="r-949206" data-claire-element-id="949206" data-claire-semantic="information"><p id="r-949205" data-claire-element-id="949205">Lorsque vous êtes en « index, follow », vous pouvez ajouter également l'instruction "all". C'est une valeur par défaut qui dit au Googlebot de tout suivre et de tout indexer. Elle est interprétée par le Googlebot implicitement lorsque vous ne la marquez pas; À vous de voir si vous voulez la rajouter ou non. Personnellement je le fais. Vous avez également l'instruction « none » qui est l'inverse du « all ». Là, Googlebot sait directement qu'il ne doit absolument rien faire avec cette page.</p></aside><h2 id="r-gerer-le-suivi-des-liens-au-cas-par-cas" data-claire-element-id="949218">Gérer le suivi des liens au cas par cas</h2><h3 id="r-definir-le-suivi-d-un-lien-directement-dans-la-balise-a" data-claire-element-id="949217">Définir le suivi d'un lien directement dans la balise <a></h3><p id="r-949209" data-claire-element-id="949209">Admettons que dans votre page vous ayez plusieurs liens. Vous souhaitez que Googlebot en suive certains, mais pas d'autres. Pour cela, c'est simple, on a bien le <code>follow</code>/<code>nofollow</code> mais celui-ci se place dans le <code data-claire-semantic="html"><head></code> et, quelle que soit la valeur que vous choisissez, il va s'appliquer à tous les liens présents sur la page. L'idéal serait donc d'arriver à placer un <code>follow/nofollow</code> sur le lien lui-même. Devinez quoi ? C'est possible.</p><p id="r-949210" data-claire-element-id="949210">Cela se fait très facilement grâce à l'attribut <code>rel=""</code> :</p><pre id="r-949211" data-claire-element-id="949211"><code data-claire-semantic="html"><a href="une-page.html" rel="follow" />Une page<a> <!-- Googlebot va suivre ce lien ! --> <a href="autre-page.html" rel="nofollow" />Une autre page<a> <!-- Il ne suivra pas celui-ci !--></code></pre><p id="r-949212" data-claire-element-id="949212">C'est facile, non ? Admettons que vous ayez un lien qui mène à vos pages d'administration sur votre site. Vous souhaiteriez que ce lien ne soit pas suivi par Googlebot. Faites simplement :</p><pre id="r-949213" data-claire-element-id="949213"><code data-claire-semantic="html"><a href="admin.html" rel="nofollow">Admin</a></code></pre><p id="r-949214" data-claire-element-id="949214">De plus, dans admin.html, il faudra bien que vous pensiez à marquer la page en <code>noindex</code> (au moins) dans le <code>meta robots</code>.</p><aside id="r-949216" data-claire-element-id="949216" data-claire-semantic="warning"><p id="r-949215" data-claire-element-id="949215">J'espère quand même que vous avez déjà le réflexe de cacher ce genre de liens avec du PHP ou autre... :-°</p></aside> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> <span class="arrow"></span> <span class="next">Les meta description et keywords ne sont pas encore morts !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> <span class="next">Interdire l'indexation d'un site avec le robots.txt !</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Interdirel039indexationd039unsiteaveclerobots.txt"></a><h2>Interdire l'indexation d'un site avec le robots.txt !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> <span class="arrow"></span> <span class="next">Interdire l'indexation d'une page avec le meta robots !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2"> <span class="next">Un site web, une arborescence, des URL ! (1/2)</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <p id="r-949220" data-claire-element-id="949220">Vous savez interdire ou autoriser l'accès de certaines pages, mais à moins d'utiliser un système automatique pour afficher le même meta robots sur toutes vos pages vous allez avoir du mal à gérer ça pour plusieurs pages, pour un répertoire ou même tout votre site Je vous propose une solution à cela : le robots.txt.</p><h2 id="r-gerez-les-acces-des-robots-avec-robots-txt" data-claire-element-id="949246">Gérez les accès des robots avec robots.txt</h2><h3 id="r-un-fichier-a-creer-sur-votre-site" data-claire-element-id="949228">Un fichier à créer sur votre site</h3><p id="r-949221" data-claire-element-id="949221">Les robots, à leur arrivée dans votre site, vont regarder si un fichier appelé "robots.txt" est présent à la racine de votre site. Ce fichier va servir à fournir des informations sur votre site pour les robots dans le Googlebot. Le robots.txt est un fichier .txt tout bête que vous pouvez créer sur votre ordinateur très simplement à l'aide du bloc-note.</p><figure id="r-949223" data-claire-element-id="949224"><img id="r-949222" data-claire-element-id="949222" src="medias/uploads.siteduzero.com_files_339001_340000_339086.gif" alt="Image utilisateur"/></figure><aside id="r-949226" data-claire-element-id="949226" data-claire-semantic="error"><p id="r-949225" data-claire-element-id="949225">Ce système est sensible à la casse ; le fichier devra s'appeler « robots.txt » en minuscule avec un s, et pas autrement. Il devra également se trouver à la racine de votre site et <strong>pas ailleurs</strong>, sinon les bots ne le trouveront pas et il ne servira à rien.</p></aside><p id="r-949227" data-claire-element-id="949227">Voyez par exemple le <a href="medias/www.siteduzero.com_robots.txt">robots.txt</a> du Site du Zéro, ou encore <a href="http://www.google.com/robots.txt">celui de Google</a>. Un robots.txt vous servira généralement à interdire ou à autoriser l'indexation de certaines pages de votre site à certains robots ou à tous.</p><h3 id="r-ecrire-son-robots-txt" data-claire-element-id="949245">Écrire son robots.txt</h3><p id="r-949229" data-claire-element-id="949229">Généralement, on commence son robots.txt en indiquant le User-agent qui est visé. Le User-agent est un nom qui va vous permettre d'identifier un robot par rapport à un autre. Par exemple, voici le User-agent de Googlebot.</p><p id="r-949230" data-claire-element-id="949230"><cite>Citation : User-agent de Googlebot</cite></p><blockquote id="r-949231" data-claire-element-id="949231"><p>Googlebot/2.1 (+http://www.google.com/bot.html)</p></blockquote><p id="r-949232" data-claire-element-id="949232">Ainsi, pour commencer à écrire votre robots.txt, vous allez devoir renseigner dans un premier temps le User-agent.</p><pre id="r-949233" data-claire-element-id="949233"><code>User-agent : Googlebot/2.1 (+http://www.google.com/bot.html)</code></pre><p id="r-949234" data-claire-element-id="949234">Toutes les instructions qui vont suivre vont concerner le Googlebot et pas les autres robots. On peut également décider de viser tous les robots avec le signe *.</p><pre id="r-949235" data-claire-element-id="949235"><code>User-agent : *</code></pre><p id="r-949236" data-claire-element-id="949236">Là, ce sont tous les robots qui seront touchés. Ensuite, vous pouvez utiliser les instructions <strong>Allow :</strong> et <strong>Disallow :</strong>, en les faisant suivre du lien du fichier ou répertoire afin d'autoriser ou non son indexation.</p><pre id="r-949237" data-claire-element-id="949237"><code>User-agent : * Allow : /index.php Disallow : /admin</code></pre><p id="r-949238" data-claire-element-id="949238">Dans ce robots.txt j'autorise tous les bots à indexer la page <code>index.php</code>, mais j'interdis aussi à tous les robots d'indexer le répertoire <code>/admin</code>. On va considérer dans cet exemple que <code>/admin</code> contient tout le système d'administration du site. Le conseil que je vous donne est d'utiliser toujours le * pour viser tous les robots. En effet, si vous ciblez seulement le Googlebot en lui interdisant d'indexer votre répertoire <code>/admin</code>, cette interdiction ne touchera pas, par exemple, les robots de Yahoo!. Faites bien attention à cela.</p><aside id="r-949240" data-claire-element-id="949240" data-claire-semantic="warning"><p id="r-949239" data-claire-element-id="949239">Je ne vous recommande pas d'interdire l'indexation de répertoires sensibles : faites attention, car le robots.txt est accessible au public, il suffit de taper son URL pour le lire. Si vous interdisez ici l'indexation de répertoires d'administration, vos visiteurs seront capables de les retrouver. Veillez donc bien à utiliser des vérifications et même à interdire l'indexation des pages d'administration directement dans le code HTML de ces pages, grâce au meta robots mais pas dans le robots.txt.</p></aside><p id="r-949241" data-claire-element-id="949241">On peut de cette manière autoriser ou interdire facilement l'indexation de n'importe quel contenu sur son site. Si aucune instruction n'est définie dans le robots.txt pour une page appelée, par exemple <code>test.html</code>, le Googlebot va se référer à ce qui se trouve dans la balise meta robots. Et si cette balise n'existe pas, il l'indexera. Dites-vous toujours que si vous ne spécifiez rien, Google indexe par défaut.</p><aside id="r-949243" data-claire-element-id="949243" data-claire-semantic="error"><p id="r-949242" data-claire-element-id="949242">Pensez bien à être cohérents. N'allez pas autoriser l'indexation d'une page dans le robots.txt alors que dans la page en question, vous avez indiqué un <code>noindex</code> en meta robots.</p></aside><p id="r-949244" data-claire-element-id="949244">Vous pourrez trouver une liste exhaustive des User-agents sur le site web très bien construit <a href="http://www.user-agents.org">User-Agents.org</a>. :)</p><h2 id="r-bonne-pratique" data-claire-element-id="949264">Bonne pratique</h2><h3 id="r-renseigner-un-robots-txt-dans-tous-les-cas" data-claire-element-id="949263">Renseigner un robots.txt dans tous les cas</h3><p id="r-949247" data-claire-element-id="949247">Les robots chercheront toujours à obtenir le fichier robots.txt qui se trouve à la racine de votre site web. Une bonne pratique consiste donc à toujours fournir ce fichier même si vous décidez de n'inclure aucune règle d'indexation particulière à l'intérieur. Vous devrez donc créer le fichier robots.txt et y placer le contenu suivant.</p><pre id="r-949248" data-claire-element-id="949248"><code>User-agent : * Disallow :</code></pre><p id="r-949249" data-claire-element-id="949249">Vous remarquez que rien n'est placé derrière la directive <code>Disallow</code>. En effet, on fait simplement le choix ici de ne rien interdire. Les robots vont ensuite gérer les pages web de votre site au cas par cas, selon ce que vous avez renseigné dans votre balise <code data-claire-semantic="html"><meta name="robots" /></code> !</p><ul id="r-949262" data-claire-element-id="949262"><li id="r-949251" data-claire-element-id="949251"><p id="r-949250" data-claire-element-id="949250">Utilisez la balise <code data-claire-semantic="html"><meta /></code> robots pour interdire l'indexation de certains contenus.</p></li><li id="r-949253" data-claire-element-id="949253"><p id="r-949252" data-claire-element-id="949252">La balise <code data-claire-semantic="html"><title></code> et la balise <code data-claire-semantic="html"><meta /></code>description ne sont à négliger sous aucun prétexte.</p></li><li id="r-949255" data-claire-element-id="949255"><p id="r-949254" data-claire-element-id="949254">La balise <code data-claire-semantic="html"><meta /></code> keywords ne présente plus grand intérêt aujourd'hui.</p></li><li id="r-949257" data-claire-element-id="949257"><p id="r-949256" data-claire-element-id="949256">Ces données doivent être chargées de mots-clés. Vous apprendrez à les construire correctement plus tard.</p></li><li id="r-949259" data-claire-element-id="949259"><p id="r-949258" data-claire-element-id="949258">Le fichier <strong>robots.txt</strong> se veut être l'équivalent de la balise <code data-claire-semantic="html"><meta /></code> robots, mais à l'échelle du site entier.</p></li><li id="r-949261" data-claire-element-id="949261"><p id="r-949260" data-claire-element-id="949260">Le fichier <strong>robots.txt</strong> se place à la racine de votre site, et nulle part ailleurs.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> <span class="arrow"></span> <span class="next">Interdire l'indexation d'une page avec le meta robots !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2"> <span class="next">Un site web, une arborescence, des URL ! (1/2)</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="UnsitewebunearborescencedesURL1_2"></a><h2>Un site web, une arborescence, des URL ! (1/2)</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> <span class="arrow"></span> <span class="next">Interdire l'indexation d'un site avec le robots.txt !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> <span class="next">La base de l'URL : le nom de domaine !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div class="content"> <p id="r-949267" data-claire-element-id="949267">Parlons de l'arborescence de votre site. Qui dit arborescence dit URL. Nous verrons dans ce chapitre que les URL qui mènent vers votre site sont avant toute chose un moyen de localiser vos pages sur le web, mais qu'elles ne constituent pas un critère d'indexation à proprement parler comme peut l'être la balise <code data-claire-semantic="html"><title></code>, et ce, depuis la mise à jour Google Panda. Pourquoi en parler dans un tutoriel sur le référencement ? Tout simplement parce qu'il est recommandé de traiter ses URL proprement : si le robot s'en moque, avoir des URL propres reste une façon de plaire à votre visiteur et de l'inciter à cliquer sur l'URL tout en conservant une organisation claire dans vos contenus !</p><aside id="r-949269" data-claire-element-id="949269" data-claire-semantic="information"><p id="r-949268" data-claire-element-id="949268">Notez qu'avant l'arrivée de Google Panda, l'impact des URL dans le référencement n'a cessé de faiblir au fil des années. En fait, on peut dire qu'elles ont été mises au placard définitivement depuis cette mise à jour. ;)</p></aside> </div><a name="Labasedel039URLlenomdedomaine"></a><h2>La base de l'URL : le nom de domaine !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2"> <span class="arrow"></span> <span class="next">Un site web, une arborescence, des URL ! (1/2)</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> <span class="next">Construire des URL "SEO-Friendly"</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-les-url-de-votre-site" data-claire-element-id="949297">Les URL de votre site</h2><h3 id="r-le-nom-de-domaine-2" data-claire-element-id="949271">Le nom de domaine</h3><p id="r-949270" data-claire-element-id="949270">Même si Google ne prend pas réellement en compte vos URL, il y distingue bien le nom de domaine, <strong>qui reste le seul élément pris en compte dans l'indexation</strong>. Il est donc important de choisir un bon nom de domaine. Pour rappel, le nom de domaine est en fait la première partie de l'adresse de votre site web. C'est une chaîne de caractères qui se termine généralement par « .com », « .fr » ou « .org ». Pour le Site du Zéro, son nom de domaine est <strong>siteduzero.com</strong>. Le « www. » est ce que l'on appelle un sous-domaine.</p><h3 id="r-les-noms-de-domaine-se-composent-de-deux-elements" data-claire-element-id="949279">Les noms de domaine se composent de deux éléments</h3><p id="r-949272" data-claire-element-id="949272">siteduzero.com</p><ul id="r-949277" data-claire-element-id="949277"><li id="r-949274" data-claire-element-id="949274"><p id="r-949273" data-claire-element-id="949273">La partie <strong>bleue </strong>est ce que l'on appelle le domaine.</p></li><li id="r-949276" data-claire-element-id="949276"><p id="r-949275" data-claire-element-id="949275">La partie <strong>verte </strong>est ce que l'on appelle l'extension. Pour votre culture, on appelle ces extensions des TLD : des domaines de premier niveau.</p></li></ul><p id="r-949278" data-claire-element-id="949278">Un nom de domaine est donc l'empreinte unique d'un site web. C'est le premier champ de bataille entre les sites web pour gagner des points <strong>au niveau du référencement</strong> et se démarquer par rapport à son concurrent. Le choix du nom de domaine est quelque chose de primordial puisque le visiteur le verra sur chacune de vos pages dans sa barre d'adresse. Nous allons donc voir ici comment choisir un nom de domaine <em>SEO-Friendly</em>. :)</p><h3 id="r-le-nom-de-domaine-est-le-nom-de-votre-site" data-claire-element-id="949284">Le nom de domaine est le nom de votre site</h3><p id="r-949280" data-claire-element-id="949280">La première chose à faire est de choisir un nom de domaine en adéquation avec son projet de site. En effet, si vous donnez un certain nom à votre site, votre nom de domaine devra également porter ce nom. Ça paraît vraiment logique, mais il m'est arrivé de voir des sites qui ne le faisaient pas. Au-delà de la simple question de confort pour le visiteur, cela a <strong>un réel enjeu pour le référencement</strong>. En effet, si le nom de domaine et le nom du site sont identiques et contiennent tous les deux un mot-clé intéressant par rapport à votre thématique, <strong>c'est déjà un bon point</strong>.</p><p id="r-949281" data-claire-element-id="949281">On a l'habitude de placer un mot-clé en rapport direct avec la thématique du site. Parlons un peu des jeux vidéo Zelda. Si vous voulez créer un site qui va donner des solutions sur les principaux volets de la série, des news et tout ce qui va avec, essayez d'inclure le mot « zelda » dans votre nom de domaine parce qu'il a de fortes chances d'être tapé par un utilisateur lors de sa recherche. Cela fera déjà un excellent mot-clé pour chacune des pages de votre site. Nous aborderons dans un prochain chapitre la notion de « longue traîne », vous verrez alors tout l'intérêt de bien choisir ses mots-clés.</p><aside id="r-949283" data-claire-element-id="949283" data-claire-semantic="information"><p id="r-949282" data-claire-element-id="949282">Faites donc en sorte de sélectionner un nom de domaine qui soit identique au nom de votre site. Si, en plus de cela, il peut contenir un mot-clé caractéristique de votre thématique, c'est parfait. ^^</p></aside><h3 id="r-l-extension-du-nom-de-domaine" data-claire-element-id="949291">L'extension du nom de domaine</h3><figure id="r-949286" data-claire-element-id="949287"><img id="r-949285" data-claire-element-id="949285" src="medias/uploads.siteduzero.com_files_371001_372000_371069.jpg" alt="Image utilisateur"/></figure><p id="r-949288" data-claire-element-id="949288">Même si votre extension n'a pas grand intérêt au niveau du SEO, nous pouvons quand même en parler un tout petit peu, car vous devez probablement vous demander quoi choisir : <em>.com</em>, <em>.fr</em>, <em>.org</em> ?...Vis-à-vis de Google, la réponse n'a pas grand intérêt. Matt Cutts <a href="https://plus.google.com/109412257237874861202/posts/4VaWg4TMM5F">revenait sur cette question (EN)</a> il n'y a pas longtemps sur l'un de ses posts Google+ à l'occasion des nouvelles extensions qui sont apparues récemment.</p><p id="r-949289" data-claire-element-id="949289">Il y dit que les systèmes d'indexation Google sont suffisamment avancés pour repérer la langue dans laquelle chaque page web est écrite et que Google ne s'arrête donc pas seulement à l'extension du nom de domaine. Partant de ce fait, vous allez pouvoir réserver un nom de domaine en sachant que l'extension ne représente au final pas grand-chose pour le robot. Pour ma part, je vous conseille quand même de choisir une extension en fonction de la langue que cible votre site. Si votre site se veut 100% français, selon moi, une extension en.fr est tout indiquée. Si en revanche vous voulez proposer un site dans plusieurs langues qui pourra être visité internationalement, vous pouvez vous laisser tenter par un nom de domaine en .com. C'est assez libre de ce côté-là au niveau du référencement, vu que l'on sait que le robot ira identifier la langue utilisée directement au contact de votre contenu.</p><p id="r-949290" data-claire-element-id="949290">Notez quand même qu'il existe un réel intérêt à utiliser une extension en « .fr » si votre site est 100% français. En effet, dans ce cas de figure, votre site ressortira de manière prioritaire dans les résultats de recherche de la version française de Google par rapport aux sites en .uk, qui eux, seront prioritaires dans la version anglaise (Royaume-Uni) de Google. Le choix de votre TLD est libre, mais gardez cette petite remarque en tête.</p><h3 id="r-age-du-nom-de-domaine" data-claire-element-id="949293">Âge du nom de domaine</h3><p id="r-949292" data-claire-element-id="949292">L'âge de votre nom de domaine a également un impact sur votre référencement. En effet, plus le nom de domaine est ancien, plus le site web sur lequel il pointe est considéré comme étant de confiance par Google. Cela peut être une bonne idée de réserver votre nom de domaine le plus tôt possible, mais ceci n'a qu'un impact très mineur sur votre référencement.</p><h3 id="r-longueur-du-nom-de-domaine-un-dernier-conseil" data-claire-element-id="949296">Longueur du nom de domaine, un dernier conseil</h3><p id="r-949294" data-claire-element-id="949294">Pour clore cette partie sur les noms de domaine, nous allons évoquer la longueur idéale qu'un nom de domaine doit avoir. Eh oui ! Un nom de domaine doit être ni trop court, ni trop long. Les domaines à rallonge ne sont pas très bien vus par le robot, et c'est pareil pour les domaines trop courts. Par exemple, « google.fr » est un nom de domaine trop court (6 caractères hors extension) alors que « siteduzero.com » (<em>10 caractères hors extension</em>) est bien meilleur.</p><p id="r-949295" data-claire-element-id="949295">On admet généralement que l'idéal est d'avoir un nom de domaine d'une longueur comprise <strong>entre 10 et 15 caractères</strong>. La limite valable serait de <strong>20 caractères</strong>, ce qui vous donne quand même une marge de manœuvre plutôt grande pour vous trouver un joli nom. Cette information est néanmoins à prendre avec des pincettes dans le sens où les URL ne sont pas prises en compte par le robot. :)</p> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2"> <span class="arrow"></span> <span class="next">Un site web, une arborescence, des URL ! (1/2)</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> <span class="next">Construire des URL "SEO-Friendly"</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="ConstruiredesURLquotSEO-Friendlyquot"></a><h2>Construire des URL "SEO-Friendly"</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> <span class="arrow"></span> <span class="next">La base de l'URL : le nom de domaine !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> <span class="next">Problématique des URL dynamiques</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-points-fondamentaux-de-la-construction-d-url" data-claire-element-id="949351">Points fondamentaux de la construction d'URL !</h2><h3 id="r-de-la-precision-dans-votre-arbo-divisez-vos-contenus" data-claire-element-id="949319">De la précision dans votre arbo, divisez vos contenus !</h3><p id="r-949299" data-claire-element-id="949299">Je vous l'ai déjà dit, la principale force d'un site web, c'est son contenu. Le problème, c'est que très vite, plus le nombre de pages web grandit plus on va avoir besoin de diviser son contenu dans des sous-répertoires. Un site qui compte plusieurs milliers de pages dans son patrimoine ne se divise pas de la même manière qu'un site qui en possède vingt. Le premier des deux aura systématiquement besoin de passer par des sous-dossiers pour optimiser son référencement ; le second, non.</p><div id="r-949301" data-claire-element-id="949301" data-claire-semantic="question"><p id="r-949300" data-claire-element-id="949300">J'ai un grand nombre de pages web sur mon site, mais j'aime bien que mes pages soient toutes à la racine. En quoi ça pose problème à Google ? Après tout, c'est mon site et je le divise comme je veux.</p></div><p id="r-949302" data-claire-element-id="949302">Pour répondre à cette question. Je vais ressortir la page de résultats de Google. Prenons encore une fois le cas de la recherche pour le cours de PHP du Site du Zéro (voir la figure suivante).</p><figure id="r-l-url-systematiquement-visible-dans-le-resultat-de-recherche-de-google" data-claire-element-id="949305"><img id="r-949303" data-claire-element-id="949303" src="medias/uploads.siteduzero.com_files_339001_340000_339131.png" alt="L'URL, systématiquement visible dans le résultat de recherche de Google"/><figcaption>L'URL, systématiquement visible dans le résultat de recherche de Google</figcaption></figure><p id="r-949306" data-claire-element-id="949306">Jetez un coup d’œil à l'URL en vert. Je vais maintenant la recopier ici, étant donné que sur Google elle est tronquée.</p><p id="r-949307" data-claire-element-id="949307"><cite>Citation : Lien cours de PHP : Site du Zéro</cite></p><blockquote id="r-949308" data-claire-element-id="949308"><p>siteduzero.com/tutoriel-3-14668-concevez-votre-site-web-avec-php-et-mysql.html</p></blockquote><p id="r-949309" data-claire-element-id="949309">Cette URL est assez correcte, mais elle pourrait être optimisée, dans le sens où l'on aurait pu placer ce cours dans un sous-dossier, voire dans un sous-sous-dossier, afin d'avoir quelques mots-clés en plus que Google aurait considérés lors de son indexation. Le Site du Zéro possède quand même plusieurs milliers de pages, on pourrait tirer profit par exemple du nom des sections où les tutos sont classés.</p><p id="r-949310" data-claire-element-id="949310">Par exemple :</p><p id="r-949311" data-claire-element-id="949311"><cite>Citation : Lien cours de PHP optimisé: Site du Zéro</cite></p><blockquote id="r-949312" data-claire-element-id="949312"><p>siteduzero.com/apprendre-php/tutoriel-3-14668-concevez-votre-site-web-avec-php-et-mysql.html</p></blockquote><p id="r-949313" data-claire-element-id="949313">Tout de suite c'est optimisé, étant donné que l'on a un sous-dossier « apprendre-php » contenant déjà deux mots-clés dégageant l'intérêt de votre page : « apprendre » et « php ». Ces mots-clés, je les ai mis au hasard, on les travaillera vraiment une fois que nous serons plus avancés dans le cours. Comme d'habitude, tentez pour le moment de vous contenter uniquement d'une expression qui définit rapidement l'ensemble du contenu que l'on va trouver dans votre sous-dossier. Patience, mes amis, patience…</p><aside id="r-949315" data-claire-element-id="949315" data-claire-semantic="warning"><p id="r-949314" data-claire-element-id="949314">Cet exemple pour le <strong>Site du Zéro</strong> n'est probablement pas le plus optimisé pour la structure du site. Je suis persuadé qu'il faudrait quand même creuser un peu plus que cela pour une meilleure solution dans ce cas précis. Comprenez juste que l'on doit être le plus descriptif possible ! Votre URL doit dégager à elle seule l'intérêt de votre page pour inciter le visiteur à cliquer dessus.</p></aside><p id="r-949316" data-claire-element-id="949316">Vous avez probablement compris le concept maintenant ! Lorsqu'on a beaucoup de contenu sur son site, il faut diviser !</p><aside id="r-949318" data-claire-element-id="949318" data-claire-semantic="information"><p id="r-949317" data-claire-element-id="949317">Nous découvrirons dans le prochain chapitre la notion de Google Juice ou Link Juice. Vous comprendrez alors à ce moment-là l'autre intérêt de diviser vraiment votre contenu dans des sous-dossiers.</p></aside><h3 id="r-nommez-correctement-vos-fichiers" data-claire-element-id="949321">Nommez correctement vos fichiers</h3><p id="r-949320" data-claire-element-id="949320">Vos fichiers doivent absolument être nommés correctement, étant donné qu'ils apparaissent dans l'URL et donc dans les résultats de Google. Vous ne devez pas surcharger les noms de vos fichiers de caractères ou d'expressions inutiles. Nommez-les de la manière la plus simple possible, en favorisant l'intégration de mots-clés. Il faut éviter absolument tous les caractères inutiles dans les noms de vos fichiers. <strong>Cela ne sert strictement à rien</strong>.</p><h3 id="r-les-tirets-comme-separateurs" data-claire-element-id="949323">Les tirets comme séparateurs</h3><p id="r-949322" data-claire-element-id="949322">Dans vos URL, vous utiliserez les tirets « - » comme séparateurs plutôt que des <em>underscores</em> « _ » et ce, dans un souci d'uniformiser vos URL vis-à-vis de votre nom de domaine qui, lui, ne peut techniquement pas contenir d'<em>underscores</em>. Par ailleurs, retenez toujours que l'utilisation d'<em>underscores</em> dans les URL est une erreur fréquente qui coûte cher, et qui peut être très facilement évitée. Un fichier nommé « apprendre-php.html » est plus intéressant que « apprendre_php.html » dans le sens où l'URL sera uniformisée. En revanche, pensez toujours au fait que les URL ne sont pas prises en compte par Google. Vous n'aurez donc aucune pénalité en utilisant des <em>underscores</em>, c'est simplement « plus beau ».</p><h3 id="r-les-caracteres-complexes" data-claire-element-id="949328">Les caractères « complexes »</h3><p id="r-949324" data-claire-element-id="949324">Les URL n'étant pas prises en compte depuis Google Panda, vous pouvez nommer vos fichiers comme vous le voulez, ce qui implique que vous pouvez y incorporer des accents si vous le souhaitez. Prenons l'exemple de Wikipedia. Ces trois liens amènent vers le même article et deux de ces trois liens comportent des accents, et même des underscores !</p><p id="r-949325" data-claire-element-id="949325"><cite>Citation : Lien 1° Guerre Mondiale - Wikipedia</cite></p><blockquote id="r-949326" data-claire-element-id="949326"><p><a href="http://fr.wikipedia.org/wiki/Premiere_Guerre_mondiale">http://fr.wikipedia.org/wiki/Premiere_Guerre_mondiale</a> <a href="http://fr.wikipedia.org/wiki/Premi%C3%A8re_Guerre_mondiale">http://fr.wikipedia.org/wiki/Premi&egrave;re_Guerre_mondiale</a> <a href="http://fr.wikipedia.org/wiki/1%C3%A8re_Guerre_mondiale">http://fr.wikipedia.org/wiki/1&egrave;re_Guerre_mondiale</a></p></blockquote><p id="r-949327" data-claire-element-id="949327">Pourtant, Wikipedia est l'un des sites les mieux référencés au monde. C'est bien la preuve que Googlebot ne prend pas en considération les URL et que vous pouvez en faire ce que vous voulez. Celles de Wikipedia sont très explicites pour les visiteurs. Pourquoi ne pas utiliser des URL similaires à celles de Wikipedia ?</p><h3 id="r-le-h1-dans-l-url" data-claire-element-id="949330">Le <code data-claire-semantic="html"><h1></code> dans l'URL</h3><p id="r-949329" data-claire-element-id="949329">La dernière partie de l'URL devra être votre titre <code data-claire-semantic="html"><h1></code>. Cela permettra de faire apparaître votre <code data-claire-semantic="html"><h1></code> dans la page de résultats de Google, et dans son URL c'est toujours bon pour inciter un visiteur à cliquer. ;)</p><h3 id="r-sous-domaine-ou-repertoire" data-claire-element-id="949350">Sous-domaine ou répertoire ?</h3><p id="r-949331" data-claire-element-id="949331">Vous devez forcément vous demander quel type de découpage est le plus recommandé pour un site web : doit-on utiliser des sous-domaines, ou des répertoires sur le domaine principal ? Voici le format que vos URL prendront dans les deux cas, lorsque nous souhaitons accéder à une page de profil par exemple.</p><table id="r-949344" data-claire-element-id="949344"><thead id="r-949337" data-claire-element-id="949337"><tr id="r-949336" data-claire-element-id="949336"><th id="r-949333" data-claire-element-id="949333"><p id="r-949332" data-claire-element-id="949332">Avec sous-domaine</p></th><th id="r-949335" data-claire-element-id="949335"><p id="r-949334" data-claire-element-id="949334">Avec répertoire</p></th></tr></thead><tbody id="r-949343" data-claire-element-id="949343"><tr id="r-949342" data-claire-element-id="949342"><td id="r-949339" data-claire-element-id="949339"><p id="r-949338" data-claire-element-id="949338">membre.votresite.com/profil.html</p></td><td id="r-949341" data-claire-element-id="949341"><p id="r-949340" data-claire-element-id="949340">votresite.com/membre/profil.html</p></td></tr></tbody></table><p id="r-949345" data-claire-element-id="949345">C'est simple : le sous-domaine viendra se greffer avant le nom de domaine avec un point (« . ») comme séparateur. Avant 2007, les sous-domaines s'employaient de manière totalement différente. En effet, pour Googlebot, un sous-domaine représentait carrément un nouveau site complètement différent du domaine principal, qui ne profitait donc pas de son référencement déjà construit.</p><p id="r-949346" data-claire-element-id="949346">Fin 2007, <a href="http://www.mattcutts.com/blog/subdomains-and-subdirectories/"><strong>Google a fait une mise à jour de son algorithme </strong></a>. Désormais, Googlebot considère un sous-domaine comme un répertoire du domaine principal. Il n'y a donc, aujourd'hui, que des différences très minimes entre utiliser un sous-domaine plutôt qu'un répertoire, et inversement.</p><figure id="r-949348" data-claire-element-id="949349"><img id="r-949347" data-claire-element-id="949347" src="medias/uploads.siteduzero.com_files_372001_373000_372387.gif" alt="Image utilisateur"/></figure><h2 id="r-une-autre-regle-d-or-un-changement-une-redirection" data-claire-element-id="949365">Une autre règle d'or : un changement = une redirection.</h2><h3 id="r-evitez-les-erreurs-404" data-claire-element-id="949364">Évitez les erreurs 404 !</h3><p id="r-949352" data-claire-element-id="949352">C'est ce que trop de webmasters ne font pas, et c'est également ce qui massacre un référencement acquis, en plus de rapporter des pénalités. Changer l'emplacement d'un fichier ou le renommer entraîne obligatoirement un changement au niveau de l'URL d'accès de celui-ci. Seulement, Googlebot n'est pas devin. Au moment où il reviendra sur votre page web, il empruntera le lien qu'il avait visité la dernière fois.<strong> Or, ce lien n'étant plus valide, le Googlebot tombera sur une belle erreur 404</strong>.</p><aside id="r-949354" data-claire-element-id="949354" data-claire-semantic="error"><p id="r-949353" data-claire-element-id="949353">Croyez-moi. S'il y a bien une chose que Googlebot déteste par-dessus tout et qui vous rapportera énormément de pénalités, ce sont les erreurs 404.</p></aside><p id="r-949355" data-claire-element-id="949355">Encaisser une erreur 404 est un <strong>énorme point noir</strong> pour son site. C'est pourquoi, la toute première chose à faire sera de créer une page de 404 personnalisée, sur laquelle tous les utilisateurs, dont le Googlebot, seront redirigés dès qu'une 404 sera levée. Cela limitera déjà la casse. Créez un fichier <em>.htaccess</em> à la racine de votre site web, et redirigez les erreurs 404 sur un fichier d'erreur personnalisé, que l'on va appeler par exemple "<em>erreur.html</em>". Les pages d'erreurs se gèrent en <em>.htaccess</em> grâce à la directive <strong>ErrorDocument</strong>.</p><pre id="r-949356" data-claire-element-id="949356"><code data-claire-semantic="apache">ErrorDocument 404 http://www.site.com/erreur.html</code></pre><p id="r-949357" data-claire-element-id="949357">Vous pouvez maintenant créer un fichier erreur.html et le placer à la racine de votre site pour personnaliser une erreur ; c'est d'ailleurs le type de procédé qu'emploie le Site du Zéro. <a href="http://www.siteduzero.com/existe-pas.php">Essayez vous-mêmes</a>. :)</p><p id="r-949358" data-claire-element-id="949358">Cependant, ça ne suffit pas. Si l'internaute ou le Googlebot emprunte l'ancien lien de votre page et que celle-ci se trouve à un autre endroit, vous aimeriez naturellement que celui-ci soit redirigé sur la nouvelle page plutôt que sur la page d'erreur. En effet, Googlebot aura à cœur de visiter plusieurs fois la même page web dans le temps pour voir si celle-ci a été modifiée ou non et aller toujours plus loin dans son indexation. Ainsi, pour qu'il ait toujours le fil, <strong>il va falloir faire une redirection</strong>. Pour cela, nous allons encore une fois devoir passer sur le fichier <em>.htaccess</em> et travailler dessus.<br/> Ouvrez-le simplement, et ajouter une <strong>redirection permanente</strong> à l'aide de la directive <strong>RedirectPermanent</strong>.</p><pre id="r-949359" data-claire-element-id="949359"><code data-claire-semantic="apache">RedirectPermanent /ancienne-url.html http://www.site.com/nouvelle-url.html</code></pre><p id="r-949360" data-claire-element-id="949360">Grâce à ce bout de code placé dans votre fichier <em>.htaccess</em>, toutes les requêtes demandant le fichier <em>ancienne-url.html</em> seront automatiquement redirigées vers <em>nouvelle-url.html</em>. Ainsi, votre URL aura été déplacée correctement, Google la prendra à son tour en compte, et vous n'encaisserez pas de pénalités.</p><aside id="r-949362" data-claire-element-id="949362" data-claire-semantic="information"><p id="r-949361" data-claire-element-id="949361">Si vous êtes amenés à changer le nom de domaine de votre site, sachez qu'il est possible de le signaler à Google d'une manière spécifique via les Webmasters Tools. Nous verrons cela en temps voulu. :)</p></aside><p id="r-949363" data-claire-element-id="949363">Comme il existe une infinité de manières de coder un site, adaptez ces solutions pour les outils avec lesquels est codé votre site. Bonne chance ! :)</p><h2 id="r-precisions-sur-les-redirections" data-claire-element-id="949406">Précisions sur les redirections</h2><h3 id="r-redirection-301" data-claire-element-id="949370">Redirection 301</h3><p id="r-949366" data-claire-element-id="949366">Petit quart d'heure technique : les serveurs et les clients, sur le web, communiquent grâce au protocole HTTP, qui n'est rien d'autre qu'une langue commune pour s'échanger des pages web. C'est pourquoi toutes les URL commencent par « <em> http://</em> ». La redirection que nous venons de voir est en fait <strong>une redirection 301</strong>, qui est tout bêtement une redirection exprimée en HTTP. C'est donc le serveur lui-même qui effectue cette redirection. Il s'agit là de la manière la plus naturelle de rediriger des visiteurs ou robots vers une ressource qui a été déplacée. Le nombre 301 est un code qui correspond en fait à « redirection permanente (défintive) de ce contenu ». Les visiteurs et robots seront donc redirigés directement par le serveur lui-même vers le nouvel emplacement de votre page.</p><aside id="r-949368" data-claire-element-id="949368" data-claire-semantic="information"><p id="r-949367" data-claire-element-id="949367">Il existe bien sûr d'autres codes en HTTP qui correspondent à différentes choses. Par exemple, le code 404 correspond à une erreur déclenchée lorsque la page n'a pas été trouvée. ;)</p></aside><p id="r-949369" data-claire-element-id="949369">Ainsi, utiliser une redirection 301, c'est s'assurer de rediriger les visiteurs et les robots de la manière la plus naturelle possible vers la nouvelle ressource ! Nous n'aurions pas pu procéder avec du JavaScript par exemple, qui est une méthode beaucoup plus exotique et "sale".</p><h3 id="r-creer-des-redirections-301-sous-apache-nginx" data-claire-element-id="949375">Créer des redirections 301 sous Apache, NGinx</h3><p id="r-949371" data-claire-element-id="949371">Comme nous l'avons vu, sous Apache, il suffit de créer un fichier .htaccess et d'y utiliser la directive <code>RedirectPermanent</code>.</p><pre id="r-949372" data-claire-element-id="949372"><code data-claire-semantic="apache">RedirectPermanent /ancienne-url.html http://www.site.com/nouvelle-url.html</code></pre><p id="r-949373" data-claire-element-id="949373">D'autres serveurs HTTP existent, tels que NGinx qui est lui aussi très utilisé. Cependant, j'ai une mauvaise nouvelle : les fichiers .htaccess n'existent pas sous NGinx, et les redirections 301 se réalisent différemment. Il vous faut ouvrir le fichier <code>/etc/nginx/nginx.conf</code>, et y ajouter les liens qui suivent dans la section <code>server{}</code>.</p><pre id="r-949374" data-claire-element-id="949374"><code data-claire-semantic="apache">location /ancienne-url.html { rewrite /chemin/de/votre/ancienne/page.html http://www.site.com/nouvelle-url.html permanent; }</code></pre><h3 id="r-autres-redirections" data-claire-element-id="949405">Autres redirections</h3><p id="r-949376" data-claire-element-id="949376">Sachez que les redirections 301 ne sont pas les seules redirections existantes. Il en existe d'autres en HTTP. En fait, tous les codes de redirection commençant par le chiffre 3 sont des redirections. En voici quelques-unes pour votre culture…</p><table id="r-949404" data-claire-element-id="949404"><thead id="r-949382" data-claire-element-id="949382"><tr id="r-949381" data-claire-element-id="949381"><th id="r-949378" data-claire-element-id="949378"><p id="r-949377" data-claire-element-id="949377">Code et nom</p></th><th id="r-949380" data-claire-element-id="949380"><p id="r-949379" data-claire-element-id="949379">Effet</p></th></tr></thead><tbody id="r-949403" data-claire-element-id="949403"><tr id="r-949387" data-claire-element-id="949387"><td id="r-949384" data-claire-element-id="949384"><p id="r-949383" data-claire-element-id="949383">301 Moved Permanently</p></td><td id="r-949386" data-claire-element-id="949386"><p id="r-949385" data-claire-element-id="949385">Redirection que l'on utilise pour indiquer qu'une ressource a été déplacée de manière permanente. C'est celle que l'on a utilisée.</p></td></tr><tr id="r-949392" data-claire-element-id="949392"><td id="r-949389" data-claire-element-id="949389"><p id="r-949388" data-claire-element-id="949388">302 Found</p></td><td id="r-949391" data-claire-element-id="949391"><p id="r-949390" data-claire-element-id="949390">Ce code indique au client que la ressource demandée a été temporairement déplacée vers un nouvel endroit.</p></td></tr><tr id="r-949397" data-claire-element-id="949397"><td id="r-949394" data-claire-element-id="949394"><p id="r-949393" data-claire-element-id="949393">303 See Other</p></td><td id="r-949396" data-claire-element-id="949396"><p id="r-949395" data-claire-element-id="949395">Le code 303 n'indique pas que la ressource demandée a été déplacée, mais elle renvoie en fait une autre adresse où la ressource peut être trouvée.</p></td></tr><tr id="r-949402" data-claire-element-id="949402"><td id="r-949399" data-claire-element-id="949399"><p id="r-949398" data-claire-element-id="949398">307 Temporary Redirect</p></td><td id="r-949401" data-claire-element-id="949401"><p id="r-949400" data-claire-element-id="949400">Le code 307 indique quant à lui que la ressource demandée est temporairement disponible à une autre adresse. Elle indique également l'adresse en question qui est retournée au client. Le code 307 est très semblable au code 302, car il a été fait à partir du code 302 afin d'en faire une version moins ambiguë.</p></td></tr></tbody></table> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> <span class="arrow"></span> <span class="next">La base de l'URL : le nom de domaine !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> <span class="next">Problématique des URL dynamiques</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="ProblmatiquedesURLdynamiques"></a><h2>Problématique des URL dynamiques</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> <span class="arrow"></span> <span class="next">Construire des URL "SEO-Friendly"</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2"> <span class="next">Un site web, une arborescence, des URL ! (2/2)</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <p id="r-949408" data-claire-element-id="949408">Les URL, en particulier celles qui sont générées directement par des langages tels que PHP posent rapidement un problème : elles sont très laides pour l'internaute qui ne peut pas savoir ce qu'elles contiennent.</p><h2 id="r-un-probleme-d-url" data-claire-element-id="949422">Un problème d'URL</h2><h3 id="r-des-url-generees-dynamiquement" data-claire-element-id="949421">Des URL générées dynamiquement</h3><p id="r-949409" data-claire-element-id="949409">Ces URL laides gérées dynamiquement possèdent des variables dans leur construction. Voici par exemple une URL qui aurait pu être générée par PHP.</p><p id="r-949410" data-claire-element-id="949410"><cite>Citation : URL par PHP</cite></p><blockquote id="r-949411" data-claire-element-id="949411"><p>http://www.site.com/page.php?id=1&amp;ion=le-site&amp;titre=ouverture-!</p></blockquote><p id="r-949412" data-claire-element-id="949412">Ce type d'URL est assez médiocre, vous ne trouvez pas ? Pour le Googlebot, pas de problème, il saura l'indexer, mais pour votre visiteur, vous ne trouvez pas que c'est dommage de le laisser se bagarrer avec beaucoup de variables pour savoir ce que va contenir la page web ? Il serait quand même bien de nettoyer un peu ces URL pour aider le visiteur à identifier le contenu de votre page à partir de l'URL. Dans le même style, voici un exemple d'URL encore plus mauvais.</p><p id="r-949413" data-claire-element-id="949413"><cite>Citation : URL très mauvaise</cite></p><blockquote id="r-949414" data-claire-element-id="949414"><p><a href="http://www.site.com/page.php?id=1">http://www.site.com/page.php?id=1</a></p></blockquote><p id="r-949415" data-claire-element-id="949415">Ou encore pire (oui :-° ) , une URL comportant la référence d'un produit que l'on souhaite vendre.</p><p id="r-949416" data-claire-element-id="949416"><cite>Citation : URL très très mauvaise</cite></p><blockquote id="r-949417" data-claire-element-id="949417"><p><a href="http://www.site.com/page.php?ref=KHDH0184DAAX578451F">http://www.site.com/page.php?ref=KHDH0184DAAX578451F</a></p></blockquote><p id="r-949418" data-claire-element-id="949418">Vous vous rendez compte ? Avez-vous une seule idée de ce que va contenir la page à partir de la référence du produit ? Non, et c'est normal. Par ailleurs, il me semble correct de vous prouver à quel point il est désagréable pour un visiteur de ne pas pouvoir identifier l'intérêt d'une page web à partir de son URL. Voici le lien vers une vidéo YouTube : <code><a href="http://www.youtube.com/watch?v=7Hk5uVv8JpM">http://www.youtube.com/watch?v=7Hk5uVv8JpM</a></code>. Il est difficile de savoir que la vidéo est une conférence sur le référencement animée par Google ! Pourtant, je suis sûr que vous auriez cliqué dessus si cela avait été indiqué dans l'URL. Avouez ! :D</p><p id="r-949419" data-claire-element-id="949419">Aujourd'hui, nous avons de la chance, les URL ne sont pas prises compte dans l'indexation par Google. Il n'est donc pas si dramatique que ça d'avoir des URL laides. Cependant, vous devez savoir qu'à l'époque où Google accordait encore relativement d'importance aux URL, les sites qui proposaient des choses comme les références d'un produit en guise d'URL n'arrivaient jamais à bien se positionner. Certains de ces sites faisaient l'effort de mettre à jour toutes leurs URL, mais il y avait un piège ! Certains oubliaient de faire des redirections 301, et forcément les 404 à répétition avaient tendance à ne pas trop plaire à Google.</p><p id="r-949420" data-claire-element-id="949420">Heureusement, cette époque est révolue et nous ne raisonnons maintenant plus qu'en termes de confort pour votre visiteur. Si votre site est aujourd'hui construit autour d'URL médiocres, vous pouvez le laisser vivre. N'oubliez pas que les URL ne servent aujourd'hui qu'à localiser des ressources (pages) sur le web. Si vous souhaitez néanmoins jouer avec le feu, il existe une solution plutôt sympathique mais assez complexe à mettre en œuvre techniquement.</p><h2 id="r-la-solution-5" data-claire-element-id="949440">La solution</h2><h3 id="r-l-url-rewriting" data-claire-element-id="949439">L'URL Rewriting</h3><p id="r-949423" data-claire-element-id="949423">La solution à ce problème d'URL laides se met généralement en place via des fichiers .htaccess (dans le cas d'un serveur Apache) pour mettre au point des URL dynamiques mais propres. Cette technique se nomme l'<em>« URL Rewriting »</em>, ou la « réécriture d'URL ». C'est quelque chose d'assez difficile à mettre en place étant donné que c'est très technique et que tout le monde ne sait pas forcément manipuler les fichiers <code>.htaccess</code> correctement. Grâce à l'URL Rewriting, on peut effectuer ce genre de modifications sur les URL.</p><pre id="r-949424" data-claire-element-id="949424"><code>Une URL par PHP http://www.site.com/page.php?id=1&ion=le-site&titre=ouverture-! Même URL par PHP avec rewrite http://www.site.com/le-site/1-ouverture-!.html</code></pre><p id="r-949425" data-claire-element-id="949425">Cette URL est quand même beaucoup plus propre en termes de confort pour votre visiteur : le contenu est structuré et hiérarchisé. Vous devez maintenant savoir que ce problème d'URL propres existe et que c'est une plaie. Si vous avez compris, c'est déjà bien suffisant.</p><ul id="r-949438" data-claire-element-id="949438"><li id="r-949427" data-claire-element-id="949427"><p id="r-949426" data-claire-element-id="949426">Votre nom de domaine est un choix très important.</p></li><li id="r-949429" data-claire-element-id="949429"><p id="r-949428" data-claire-element-id="949428">Optez pour un nom de domaine possédant un mot-clé en rapport avec votre thématique.</p></li><li id="r-949431" data-claire-element-id="949431"><p id="r-949430" data-claire-element-id="949430">Votre nom de domaine apparaîtra pour chaque page de votre site.</p></li><li id="r-949433" data-claire-element-id="949433"><p id="r-949432" data-claire-element-id="949432">Plus vous aurez de pages, plus vous devrez diviser votre arbo.</p></li><li id="r-949435" data-claire-element-id="949435"><p id="r-949434" data-claire-element-id="949434">Même si Google est maintenant tout à fait capable de traiter des URL contenant des paramètres, optez pour des réécritures propres.</p></li><li id="r-949437" data-claire-element-id="949437"><p id="r-949436" data-claire-element-id="949436">Les erreurs 404 sont très mal vues par Google. Un changement d'adresse = une redirection.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> <span class="arrow"></span> <span class="next">Construire des URL "SEO-Friendly"</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2"> <span class="next">Un site web, une arborescence, des URL ! (2/2)</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="UnsitewebunearborescencedesURL2_2"></a><h2>Un site web, une arborescence, des URL ! (2/2)</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> <span class="arrow"></span> <span class="next">Problématique des URL dynamiques</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> <span class="next">Le Link Juice ou Jus de lien !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div class="content"> <p id="r-949443" data-claire-element-id="949443">Vous allez voir dès à présent pourquoi il est important de hiérarchiser son contenu dans son arborescence. La raison que je vous ai donnée dans le chapitre précédent, c'était celle de la densité de mots-clés dans votre URL... seulement ce n'est pas tout ! Il y a aussi une autre cause à cela : le Google Juice (ou jus de lien) !</p><p id="r-949444" data-claire-element-id="949444">À défaut de se lancer dans l'agroalimentaire, Google nous offre encore tout un concept de référencement, que l'on va devoir décortiquer ensemble, car le connaître sera l'une des clés du succès de votre référencement.</p> </div><a name="LeLinkJuiceouJusdelien"></a><h2>Le Link Juice ou Jus de lien !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2"> <span class="arrow"></span> <span class="next">Un site web, une arborescence, des URL ! (2/2)</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> <span class="next">Acheminer le jus à travers son site</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-le-google-juice-ou-link-juice" data-claire-element-id="949469">Le Google Juice ! (ou Link Juice)</h2><h3 id="r-un-nouveau-concept-en-seo" data-claire-element-id="949468">Un nouveau concept en SEO</h3><p id="r-949445" data-claire-element-id="949445">Le Google Juice est vraiment un concept très important en SEO, et ne pas le connaître pourrait vous coûter quelques points en SEO. Heureusement, nous sommes ici pour l'apprendre. Vous allez voir, ce n'est pas bien compliqué.</p><aside id="r-949447" data-claire-element-id="949447" data-claire-semantic="information"><p id="r-949446" data-claire-element-id="949446">Avant de commencer à expliquer ce qu'est le Google Juice, vous devez savoir qu'un autre nom existe. On l'appelle le plus souvent "Link Juice", et sur les forums français j'ai même vu l’expression "jus de lien", alors ne soyez pas surpris si vous voyez ces termes sur le web. Ils sont aussi très utilisés.</p></aside><p id="r-949448" data-claire-element-id="949448">Cette petite précision étant faite, répondons à la question que vous vous posez certainement depuis le début de ce chapitre.</p><div id="r-949450" data-claire-element-id="949450" data-claire-semantic="question"><p id="r-949449" data-claire-element-id="949449">Mais c'est quoi le Google Juice ?!</p></div><p id="r-949451" data-claire-element-id="949451">Pour bien comprendre le Google Juice, nous allons devoir comparer votre site web à un ensemble de gobelets dans lequel coule un liquide : le Google Juice. Chaque page de votre site constitue un petit gobelet différent d'un autre. Ainsi, vous avez autant de gobelets que vous avez de pages web sur votre site. Voici à la figure suivante une image dans laquelle le gros gobelet qui se trouve tout en haut est la page d'accueil de votre site web. Essayez de projeter cette image sur votre site, bien que je sais que ce n'est pas très évident.</p><figure id="r-ces-gobelets-representent-vos-pages-web" data-claire-element-id="949454"><img id="r-949452" data-claire-element-id="949452" src="medias/uploads.siteduzero.com_files_402001_403000_402968.png" alt="Ces gobelets représentent vos pages web."/><figcaption>Ces gobelets représentent vos pages web.</figcaption></figure><p id="r-949455" data-claire-element-id="949455">Ces gobelets ne vont pas rester vides très longtemps. Google va y verser du jus, du Google Juice pour être exact. Cependant, Google a toujours le souci de la précision et il ne va pas le faire n'importe où. En fait, il ne va pas chercher bien loin et va tout de suite voir que le gobelet le plus élevé est votre page d'index : « / ». Ainsi, tout bêtement, Google va verser tout son jus de référencement ici, comme dans la figure suivante.</p><figure id="r-google-verse-son-jus-dans-la-page-d-accueil-de-votre-site-web" data-claire-element-id="949458"><img id="r-949456" data-claire-element-id="949456" src="medias/uploads.siteduzero.com_files_402001_403000_402969.png" alt="Google verse son jus dans la page d'accueil de votre site web"/><figcaption>Google verse son jus dans la page d'accueil de votre site web</figcaption></figure><p id="r-949459" data-claire-element-id="949459">C'est très bien, mais nos autres gobelets sont un peu vides, non ? C'est votre site, donc vos gobelets. Vous êtes donc libres de faire des petits trous dans votre page d'accueil, pour laisser le jus couler vers un autre gobelet. Et puisque c'est ce qu'il faut faire, on va jouer le jeu à fond et faire des trous un peu partout pour laisser le jus couler partout sur notre site (voir la figure suivante).</p><figure id="r-a-vous-de-faire-en-sorte-que-le-jus-de-google-s-ecoule-dans-l-ensemble-de-votre-site-web" data-claire-element-id="949462"><img id="r-949460" data-claire-element-id="949460" src="medias/uploads.siteduzero.com_files_402001_403000_402970.png" alt="A vous de faire en sorte que le jus de Google s'écoule dans l'ensemble de votre site web"/><figcaption>A vous de faire en sorte que le jus de Google s'écoule dans l'ensemble de votre site web</figcaption></figure><p id="r-949463" data-claire-element-id="949463">L'idéal est que chaque page web reçoive une partie du jus. L'un des gobelets a été volontairement mis à l'écart : aucun jus n'y coule pour vous montrer que c'est vous qui choisissez où vous voulez faire couler votre jus. :)</p><div id="r-949465" data-claire-element-id="949465" data-claire-semantic="question"><p id="r-949464" data-claire-element-id="949464">Euh excuse-moi, mais je n'ai rien compris. Tu ne veux pas plutôt me dire à quoi ça sert de m'avoir expliqué ça ?</p></div><p id="r-949466" data-claire-element-id="949466">Google va verser tout son jus dans votre page d'index. En gros : il va verser tout votre potentiel de référencement dans votre page d'index. Par la suite, ce potentiel, c'est à vous de l'acheminer vers toutes vos autres pages web en perçant des petits trous dans votre page d'accueil pour laisser le jus tomber vers vos autres pages web. Au final, plus une page contiendra de jus, plus elle sera importante pour Google.</p><p id="r-949467" data-claire-element-id="949467">Si vous faites cela (et c'est bien sûr ce qu'il faut faire) votre page d'accueil va perdre un peu de Google Juice, mais au profit de vos autres pages ! Il n'y a pas le choix, il faudra faire des concessions ! Cependant, faites bien attention, car si votre page présente deux liens vers deux pages différentes, le Google Juice qui sera acheminé sera moins concentré pour chacune des pages. De même si elle présente 3, 4, 5... liens. Ainsi, les pages qui contiendront le plus de Google Juice et de manière la plus concentrée à la fin, seront les pages qui auront le meilleur potentiel de référencement et qui pèseront le plus lourd dans la balance lors de l'indexation par Google. C'est là que hiérarchiser son contenu prend tout son sens, et c'est également là qu'il va falloir penser à l’arborescence de son site. Comme je vous l'ai dit, un site qui possède vingt pages ne se divise pas de la même manière qu'un site qui en possède plusieurs milliers. Vous devez acheminer le jus de manière intelligente : à travers votre arborescence. C'est toujours vis-à-vis de ce jus que devez penser à diviser vos contenus.</p> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2"> <span class="arrow"></span> <span class="next">Un site web, une arborescence, des URL ! (2/2)</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> <span class="next">Acheminer le jus à travers son site</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Acheminerlejustraverssonsite"></a><h2>Acheminer le jus à travers son site</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> <span class="arrow"></span> <span class="next">Le Link Juice ou Jus de lien !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> <span class="next">Ne gaspillez pas bêtement votre jus !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-transmettre-le-jus-aux-autres-pages" data-claire-element-id="949486">Transmettre le jus aux autres pages</h2><h3 id="r-les-liens-hypertexte-2" data-claire-element-id="949485">Les liens hypertexte</h3><p id="r-949471" data-claire-element-id="949471">Voilà maintenant plusieurs minutes que je vous parle sans arrêt de créer des trous dans des gobelets/pages web. Alors il y a forcément une question que vous vous posez :</p><div id="r-949473" data-claire-element-id="949473" data-claire-semantic="question"><p id="r-949472" data-claire-element-id="949472">Comment est-ce que je peux acheminer le Google Juice à mes autres pages ? Tu parles de percer des trous dans les pages depuis tout à l'heure… Il y a une balise HTML <code data-claire-semantic="html"><hole></code> ou quelque chose dans le genre ?</p></div><p id="r-949474" data-claire-element-id="949474">La réponse est non, bien sûr ! En fait, c'est tout bête. Pour percer un trou dans votre page web... il faut tout simplement utiliser un lien HTML avec la balise <code data-claire-semantic="html"><a></code>. La page qui recevra le jus sera la page qui sera renseignée dans <code>href</code>. Par exemple, si dans index.html je crée un lien <code data-claire-semantic="html"><a href="jerecoislejus.html" /></code>, la page <code>jerecoislejus.html</code> recevra du jus de la part de la page index.html.</p><p id="r-949475" data-claire-element-id="949475">Au final, l'idéal serait qu'au moins un lien pointe sur chaque page de votre site pour l'ensemble de votre site web. Ainsi, vous ne prendrez aucun risque : toutes vos pages recevront un peu de votre jus. Googlebot et vos visiteurs seront donc ainsi capables de trouver toutes les pages de votre site web. Dans le cas de Googlebot, c'est également comme cela qu'il va pouvoir indexer toutes vos pages, en lui donnant des liens vers ce que vous voulez qu'il indexe. N'oubliez pas son fonctionnement : il ouvre tous les liens d'une page, et il envoie le code HTML à Google si on ne l'en empêche pas.</p><figure id="r-aucun-lien-ne-mene-vers-le-gobelet-tout-en-bas-a-droite" data-claire-element-id="949478"><img id="r-949476" data-claire-element-id="949476" src="medias/uploads.siteduzero.com_files_402001_403000_402970.png" alt="Aucun lien ne mène vers le gobelet tout en bas à droite."/><figcaption>Aucun lien ne mène vers le gobelet tout en bas à droite.</figcaption></figure><p id="r-949479" data-claire-element-id="949479">Vous pouvez voir qu'aucun lien ne mène vers le gobelet tout en bas à droite. Ceci étant, je vous conseille de créer un lien vers ce gobelet, car encore une fois, au moins un lien doit mener vers chaque page de votre site. Pour la suite, sachez quand même que votre page d'index ne doit envoyer du jus qu'à vos sections majeures, et c'est à elles ensuite, d'acheminer ce jus vers les autres petites pages. Comme vous pouvez le voir dans cette image, il n'y a aucun Google Juice qui coule de la page d'index tout en haut vers les petites pages qui se trouvent au troisième rang. :)</p><aside id="r-949481" data-claire-element-id="949481" data-claire-semantic="error"><p id="r-949480" data-claire-element-id="949480">Une très mauvaise répartition du jus est de créer un lien vers chacune de ses pages directement sur la page d'index. C'est encore une fois une très grosse erreur à ne pas faire.</p></aside><p id="r-949482" data-claire-element-id="949482">En somme, n'ayez pas la main trop lourde sur les liens. À vous de voir comment vous souhaitez acheminer votre jus, mais retenez bien qu'une page qui contient 3 000 liens ne sert à rien, puisque le potentiel de référencement devient trop divisé. Vos pages ne pèseront donc presque rien.</p><aside id="r-949484" data-claire-element-id="949484" data-claire-semantic="warning"><p id="r-949483" data-claire-element-id="949483">N'oubliez pas que l'on parle ici toujours de lien interne à son site. Lorsqu'on parlera de nos actions en externe, vous verrez que la création de liens et le Google Juice d'une manière générale prendront une autre dimension encore. Ce sera d'ailleurs l'occasion pour nous de parler du PageRank et des backlinks ! Vous verrez que l'on peut envoyer notre jus à d'autres sites, mais aussi en recevoir de leur part ! :-°</p></aside> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> <span class="arrow"></span> <span class="next">Le Link Juice ou Jus de lien !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> <span class="next">Ne gaspillez pas bêtement votre jus !</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Negaspillezpasbtementvotrejus"></a><h2>Ne gaspillez pas bêtement votre jus !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> <span class="arrow"></span> <span class="next">Acheminer le jus à travers son site</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> <span class="next">Précisions sur le Google Juice</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-attention-aux-404" data-claire-element-id="949504">Attention aux 404 !</h2><h3 id="r-ne-perdez-pas-votre-jus" data-claire-element-id="949494">Ne perdez pas votre jus</h3><p id="r-949488" data-claire-element-id="949488">La première chose à laquelle il va falloir penser lorsque l'on achemine du jus, ce sont les erreurs 404. Vous vous souvenez très probablement qu'il n'y a pas longtemps, je vous disais qu'il ne fallait en aucun cas que Googlebot tombe sur un lien qui donne sur un 404. Si vous voulez connaître la raison pour laquelle je vous avais dit cela : c'est le Google Juice !</p><p id="r-949489" data-claire-element-id="949489">En effet, un 404 correspond à une perte de jus. <strong>Le 404 not found</strong> indique que la page que vous avez demandée n'a pas été trouvée. Ainsi, cela correspond à faire un lien dans une page (un trou dans un gobelet) avec à l'arrivée aucune ressource (aucun gobelet où le jus arriverait). Le jus tomberait alors dans le vide et serait perdu. C'est donc du potentiel de référencement bêtement gaspillé. Voici en image ce que donne un 404.</p><figure id="r-le-jus-tombe-ici-dans-le-vide-il-est-definitivement-perdu" data-claire-element-id="949492"><img id="r-949490" data-claire-element-id="949490" src="medias/uploads.siteduzero.com_files_402001_403000_402972.png" alt="Le jus tombe ici dans le vide, il est définitivement perdu"/><figcaption>Le jus tombe ici dans le vide, il est définitivement perdu</figcaption></figure><p id="r-949493" data-claire-element-id="949493">Ce jus, il ne faut justement le perdre en aucun cas. Voilà pourquoi je vous dis que la pire abomination pour votre site web serait d'avoir des 404 en pagaille. Je pense que l'on ne pourra jamais empêcher d'avoir des 404 sur son site, mais on peut toujours les limiter. Limiter comment ? En passant par une page 404 personnalisée comme nous l'avons vu précédemment. Bien sûr, l'idéal est de n'avoir aucun 404 levé sur son site : une page d'erreur personnalisée ne vous dispense en aucun cas de corriger vos liens morts. :D</p><h3 id="r-boucher-les-trous-avec-rel-nofollow" data-claire-element-id="949503">Boucher les trous avec rel="nofollow"</h3><p id="r-949495" data-claire-element-id="949495">Tous les liens comptent pour Google : si un de vos membres crée un lien vers une page sur votre forum, du Google Juice va passer par ce lien… Dans le cas où c'est un 404, vous voilà bien embêtés.</p><p id="r-949496" data-claire-element-id="949496">La solution est de passer par un <code data-claire-semantic="html"><a rel="nofollow"></code>. En effet, le <code>rel="nofollow"</code> agit un peu comment un bouchon. Le <code data-claire-semantic="html"><a></code> crée un trou puisqu'un lien est créé, mais il est immédiatement bouché par le <code>rel="nofollow"</code>. Ainsi, ceci permet à votre communauté d'utiliser des liens, mais sans agir sur votre Google Juice.</p><figure id="r-c-est-bouche-le-google-juice-ne-passe-pas" data-claire-element-id="949499"><img id="r-949497" data-claire-element-id="949497" src="medias/www.plixup.com_pics_core3_13484027043139sch5.png" alt="C'est bouché ! Le Google Juice ne passe pas !"/><figcaption>C'est bouché ! Le Google Juice ne passe pas !</figcaption></figure><p id="r-949500" data-claire-element-id="949500">Vous gardez ainsi toujours la main sur votre référencement. Si vous ne voulez pas que vos membres aient la possibilité d'influer sur votre Google Juice, n'hésitez pas à programmer quelque chose qui ajoutera un <code>rel="nofollow"</code> aux liens sur vos forums. Pour des sites où le contenu est généré à 100 % par la communauté, le problème sera quand même plus délicat à traiter. À vous de trouver les solutions en fonction de votre site.</p><aside id="r-949502" data-claire-element-id="949502" data-claire-semantic="error"><p id="r-949501" data-claire-element-id="949501">Ce dont vous devez vous souvenir, c'est que chaque lien crée un trou et que le Google Juice s'échappe par ce trou, que chaque <code>rel="nofollow"</code> peut boucher. Dans le cas des 404, vous n'êtes en aucun cas dispensés de les corriger.</p></aside> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> <span class="arrow"></span> <span class="next">Acheminer le jus à travers son site</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> <span class="next">Précisions sur le Google Juice</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="PrcisionssurleGoogleJuice"></a><h2>Précisions sur le Google Juice</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> <span class="arrow"></span> <span class="next">Ne gaspillez pas bêtement votre jus !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles"> <span class="next">L'importance des mots-clés !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-quel-jus-est-transmis" data-claire-element-id="949518">Quel jus est transmis ?</h2><h3 id="r-le-pourcentage-de-jus" data-claire-element-id="949507">Le pourcentage de jus</h3><p id="r-949506" data-claire-element-id="949506">Il est très difficile de quantifier le Google Juice qu'une page détient. C'est pourquoi, au lieu de nous demander « Quelle quantité de jus est transmise ? », nous allons plutôt nous demander « Quel pourcentage de jus est transmis ? ». À la base, une page d'index contient 100 % de votre jus, puisque c'est à cet endroit que Google va verser tout le potentiel de référencement de votre site. Pour illustrer, nous allons reprendre les petits gobelets qui symbolisent nos pages web.</p><h3 id="r-transmettre-tout-son-jus" data-claire-element-id="949512">Transmettre tout son jus</h3><p id="r-949508" data-claire-element-id="949508">Pour transmettre la totalité, c'est très simple, vous devez tout simplement créer un lien, et un seul lien d'une page <code>A</code> vers une page <code>B</code>. La page <code>A</code> transmet ainsi 100 % de son potentiel de référencement ; le jus est le plus concentré possible.</p><figure id="r-le-jus-est-transmis-d-une-page-a-l-autre" data-claire-element-id="949511"><img id="r-949509" data-claire-element-id="949509" src="medias/uploads.siteduzero.com_files_402001_403000_402975.png" alt="Le jus est transmis d'une page à l'autre"/><figcaption>Le jus est transmis d'une page à l'autre</figcaption></figure><h3 id="r-fractionner-son-jus" data-claire-element-id="949517">Fractionner son jus</h3><p id="r-949513" data-claire-element-id="949513">Si vous créez deux liens amenant vers deux pages différentes (d'une page <code>A</code> vers les pages <code>B</code> et <code>C</code>), vous allez fractionner votre jus en deux. Ainsi, la page <code>A</code> va transmettre 50 % de son potentiel de référencement aux pages <code>B</code> et <code>C</code>. Pour fractionner encore plus votre jus, c'est très simple, vous devez simplement diviser le jus transmis par le nombre de liens présents sur la page. Si vous avez 10 liens présents sur une page <code>A</code> qui pointe vers 10 pages différentes, ces pages recevront chacune 10 % du jus de la page <code>A</code>. C'est simple et logique.</p><figure id="r-le-jus-est-equitablement-reverse-a-chacune-des-deux-pages" data-claire-element-id="949516"><img id="r-949514" data-claire-element-id="949514" src="medias/uploads.siteduzero.com_files_402001_403000_402976.png" alt="Le jus est équitablement reversé à chacune des deux pages"/><figcaption>Le jus est équitablement reversé à chacune des deux pages</figcaption></figure><h2 id="r-cas-particulier-3" data-claire-element-id="949544">Cas particulier</h2><h3 id="r-cas-particulier-du-rel-nofollow" data-claire-element-id="949543">Cas particulier du rel="nofollow"</h3><p id="r-949519" data-claire-element-id="949519">Le <code>rel="nofollow"</code> constitue un cas particulier que vous devez connaître. Plus haut, je vous ai dit que vous deviez utiliser un <code>rel="nofollow"</code> pour « boucher » les trous. Vous empêchez ainsi le jus de passer. Cette technique est donc intéressante à utiliser dans plusieurs cas de figure. Je citais tout à l'heure l'exemple des membres qui créent des liens sur les messages des forums : la solution est d'ajouter de manière automatique un <code>rel="nofollow"</code> afin que le jus reste concentré sur les pages de votre forum, et que vos membres ne puissent pas influer sur votre manière de gérer votre Google Juice. C'est intéressant me direz-vous, mais il faut également savoir ce que va faire le <code>rel="nofollow"</code> si vous souhaitez créer d'autres liens. Admettons que vous possédiez une page <code>A</code> qui comprend deux liens :</p><ul id="r-949524" data-claire-element-id="949524"><li id="r-949521" data-claire-element-id="949521"><p id="r-949520" data-claire-element-id="949520">le premier lien est en <code>rel="nofollow"</code> et pointe vers une page B ;</p></li><li id="r-949523" data-claire-element-id="949523"><p id="r-949522" data-claire-element-id="949522">le second lien est un lien courant et pointe vers une page C.</p></li></ul><p id="r-949525" data-claire-element-id="949525">Nous avons donc deux possibilités et il nous appartient d'en exclure une. Soit la page C reçoit 100 % du jus de la page A, soit la page C reçoit 50 % de la page A, et le reste ne sert pas. La bonne solution est la deuxième.</p><figure id="r-la-page-b-ne-recoit-plus-de-jus-par-contre-c-en-recoit-bien-50-et-pas-100" data-claire-element-id="949528"><img id="r-949526" data-claire-element-id="949526" src="medias/www.plixup.com_pics_core3_13484051014566sch8.png" alt="La page B ne reçoit plus de jus, par contre, C en reçoit bien 50% et pas 100%"/><figcaption>La page B ne reçoit plus de jus, par contre, C en reçoit bien 50% et pas 100%</figcaption></figure><p id="r-949529" data-claire-element-id="949529">En effet, un <code>rel="nofollow"</code> ne signifie pas que le jus sera réinvesti dans les autres liens présents sur la page. Cela signifie simplement que le lien sur lequel le <code>rel="nofollow"</code> est placé ne transmettra pas de jus. Saisissez bien cette nuance, car c'est essentiel pour bien comprendre l'action du <code>rel="nofollow"</code>. Si vous souhaitez transmettre un jus le plus concentré possible, le mieux est de ne pas créer de liens à tout va. Chaque balise <code data-claire-semantic="html"><a></code>, qu'elle soit en <code>rel="nofollow"</code> ou non, divisera le jus transmis par la page.</p><aside id="r-949531" data-claire-element-id="949531" data-claire-semantic="warning"><p id="r-949530" data-claire-element-id="949530">Par le passé, le jus des liens en <code>rel="nofollow"</code> était réinvesti dans les autres liens de la page. Comme nous l'avons vu dans ce chapitre, ce n'est plus le cas aujourd'hui, et ce depuis deux ans. Faites donc attention en créant des liens sur vos pages !</p></aside><ul id="r-949542" data-claire-element-id="949542"><li id="r-949533" data-claire-element-id="949533"><p id="r-949532" data-claire-element-id="949532">Le Google Juice est aussi appelé Link Juice sur le web.</p></li><li id="r-949535" data-claire-element-id="949535"><p id="r-949534" data-claire-element-id="949534">Il correspond à un jus que Google fait couler sur votre page d'accueil.</p></li><li id="r-949537" data-claire-element-id="949537"><p id="r-949536" data-claire-element-id="949536">Vous pouvez (et devez !) transmettre ce jus aux pages de votre site.</p></li><li id="r-949539" data-claire-element-id="949539"><p id="r-949538" data-claire-element-id="949538">Ne perdez jamais votre jus avec des 404. C'est la pire erreur que vous pouvez faire avec le Google Juice.</p></li><li id="r-949541" data-claire-element-id="949541"><p id="r-949540" data-claire-element-id="949540">En principe, chaque page web de votre site doit être ciblée par un lien quelque part en interne.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> <span class="arrow"></span> <span class="next">Ne gaspillez pas bêtement votre jus !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles"> <span class="next">L'importance des mots-clés !</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="L039importancedesmots-cls"></a><h2>L'importance des mots-clés !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> <span class="arrow"></span> <span class="next">Précisions sur le Google Juice</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> <span class="next">Une question de mots-clés !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div class="content"> <p id="r-949547" data-claire-element-id="949547">Depuis le début de ce cours, nous apprenons les bases du référencement <em>in-page </em> : l'importance du contenu, du code HTML, de l'arborescence, des liens entre les pages... Nous allons maintenant apprendre un nouveau concept clé du référencement : les mots-clés.</p> </div><a name="Unequestiondemots-cls"></a><h2>Une question de mots-clés !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles"> <span class="arrow"></span> <span class="next">L'importance des mots-clés !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> <span class="next">Choisissez vos mots-clés grâce à Google !</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-un-mot-cle-des-mots-cles" data-claire-element-id="949557">Un mot-clé, des mots-clés</h2><figure id="r-949549" data-claire-element-id="949550"><img id="r-949548" data-claire-element-id="949548" src="medias/uploads.siteduzero.com_files_393001_394000_393610.jpg" alt="Image utilisateur"/></figure><h3 id="r-l-ere-du-contenu" data-claire-element-id="949553">L'ère du contenu</h3><p id="r-949551" data-claire-element-id="949551">Je vous le dis depuis le début du cours, avec Google, nous sommes passés à l'ère du contenu : cela signifie que le contenu de votre page web est considéré comme son intérêt principal. C'est donc l'élément numéro un de votre page… et de votre site web par extension.</p><p id="r-949552" data-claire-element-id="949552">Dans ce contenu - généralement textuel - nous pouvons identifier des éléments plus importants. Nous l'avons vu il y a quelques chapitres, les balises telles que <code data-claire-semantic="html"><strong></code> nous permettent de les faire ressortir et de les mettre bien en évidence pour le robot. Seulement, qu'est-ce que tout cela signifie dans le monde du référencement ? C'est très simple : lorsque vous allez lancer votre site web et commencer à produire du contenu, vous allez devoir définir une liste de mots-clés que votre site va utiliser.</p><h3 id="r-le-fonctionnement-des-moteurs-de-recherche-et-les-mots-cles" data-claire-element-id="949556">Le fonctionnement des moteurs de recherche et les mots-clés</h3><p id="r-949554" data-claire-element-id="949554">Vous utilisez certainement Google tous les jours ou presque, donc vous connaissez son fonctionnement de base. Vous tapez une recherche sur Google, et celui-ci vous renvoie des résultats. Ce que vous tapez dans la barre de recherche, c'est ce qu'on appelle des mots-clés. À partir de ces mots-clés que vous avez tapés, Google est capable de vous renvoyer une liste des sites utilisant ces mots-clés. Il va donc falloir que vous établissiez une liste des mots-clés que l'on pourrait potentiellement taper sur Google pour trouver votre site, et qui vont donc le caractériser.</p><p id="r-949555" data-claire-element-id="949555">Il ne faut pas choisir ses mots-clés n'importe comment, et il faut y réfléchir un minimum... Si vous faites un site web sur Mario Kart, vous n'aimeriez pas qu'on le trouve sur Google en recherchant des pièces de voiture d'occasion, non ? :-° Je force bien sûr le trait pour vous aider à comprendre, mais c'est l'idée. Nous devons donc devoir établir une liste de mots-clés pour votre site avant de le lancer sur le web.</p><h2 id="r-etablir-une-liste-de-mots-cles-pour-son-site" data-claire-element-id="949569">Établir une liste de mots-clés pour son site</h2><h3 id="r-deux-facteurs-importants" data-claire-element-id="949568">Deux facteurs importants</h3><p id="r-949558" data-claire-element-id="949558">Il faut bien réfléchir aux mots-clés que vous souhaitez pour votre site : un bon mot-clé est un mot-clé qui correspond à deux facteurs.</p><ul id="r-949565" data-claire-element-id="949565"><li id="r-949560" data-claire-element-id="949560"><p id="r-949559" data-claire-element-id="949559"><strong>Il doit être beaucoup recherché sur Google :</strong></p></li><p id="r-949561" data-claire-element-id="949561">un bon mot-clé doit être beaucoup recherché sur Google par les internautes. En effet, on crée un site pour qu'il soit visité. Si vous choisissez des mots-clés que personne ne tape, votre site risque malheureusement de ne jamais décoller.</p><li id="r-949563" data-claire-element-id="949563"><p id="r-949562" data-claire-element-id="949562"><strong>Il doit bien correspondre à votre site :</strong></p></li><p id="r-949564" data-claire-element-id="949564">un bon mot-clé doit correspondre à votre site. Si les mots-clés que vous choisissez ne correspondent pas à votre activité, vos visiteurs risquent de ne pas rester très longtemps sur votre site.</p></ul><p id="r-949566" data-claire-element-id="949566">Commencez par aller chercher une feuille de papier... et dressez une liste de vos mots-clés. C'est assez simple, imaginez ce que vous voudriez que l'on tape sur Google pour trouver votre site web, et notez cela sur votre liste. Demandez à vos amis ou à vos visiteurs actuels (si votre site existe déjà). Bref, réfléchissez un maximum, le tout étant de parvenir à une liste complète des mots-clés qui caractérisent votre site.</p><p id="r-949567" data-claire-element-id="949567">Si vous effectuez ce travail correctement et que vous êtes inspirés, vous devriez arriver à une liste assez complète de mots-clés. Tentez maintenant de les analyser vous-mêmes. Quels sont les mots-clés les plus importants, ceux qui présentent le plus de potentiel ? Rangez vos mots-clés selon leur importance, le tout est d'arriver à les hiérarchiser afin de distinguer ceux qui seront au premier plan, donc très utilisés sur votre site, et les autres qui sont moins intéressants.</p><h2 id="r-la-creation-de-votre-site" data-claire-element-id="949585">La création de votre site</h2><h3 id="r-utilisez-vos-mots-cles" data-claire-element-id="949584">Utilisez vos mots-clés !</h3><p id="r-949570" data-claire-element-id="949570">Vous avez établi une liste des mots-clés et vous en êtes satisfaits ? C'est très bien, vraiment... mais maintenant il va falloir les incorporer à votre site ! Je vous assure que vous savez le faire, il suffit simplement de les incorporer dans toute la structure de votre site. C'est ce que l'on a appris lors des chapitres précédents ! :p</p><p id="r-949571" data-claire-element-id="949571">Les zones suivantes devront être riches en mots-clés :</p><ul id="r-949580" data-claire-element-id="949580"><li id="r-949573" data-claire-element-id="949573"><p id="r-949572" data-claire-element-id="949572">vos balises <code data-claire-semantic="html"><title></code> ;</p></li><li id="r-949575" data-claire-element-id="949575"><p id="r-949574" data-claire-element-id="949574">vos liens hypertextes <code data-claire-semantic="html"><a href="lien.html">mots-clés</a></code> ;</p></li><li id="r-949577" data-claire-element-id="949577"><p id="r-949576" data-claire-element-id="949576">balise <code data-claire-semantic="html"><h1></code> ;</p></li><li id="r-949579" data-claire-element-id="949579"><p id="r-949578" data-claire-element-id="949578">balises <code data-claire-semantic="html"><h2></code> à <code data-claire-semantic="html"><h6></code>.</p></li></ul><p id="r-949581" data-claire-element-id="949581">En plus, si le tout se trouve dans les 600 premiers pixels de vos pages web, c'est parfait. Bien sûr, vous devrez incorporer vos mots-clés partout où vous avez la possibilité d'inclure du texte. Les balises <code data-claire-semantic="html"><strong></code> et <code data-claire-semantic="html"><em></code> sont là pour vous aider à faire ressortir des mots-clés dans votre contenu.</p><aside id="r-949583" data-claire-element-id="949583" data-claire-semantic="warning"><p id="r-949582" data-claire-element-id="949582">Lorsque je dis « incorporer » vos mots-clés, il ne s'agit pas de les intégrer sous une forme de liste à vos pages web... Ils doivent s'intégrer naturellement à votre texte et le visiteur n'est pas censé les remarquer au cours de sa lecture. C'est facile si vous avez choisi des mots-clés en rapport avec votre site, comme je vous l'ai expliqué.</p></aside><h2 id="r-le-suivi-des-mots-cles" data-claire-element-id="949594">Le suivi des mots-clés</h2><figure id="r-949587" data-claire-element-id="949588"><img id="r-949586" data-claire-element-id="949586" src="medias/uploads.siteduzero.com_files_393001_394000_393612.png" alt="Image utilisateur"/></figure><h3 id="r-utiliser-un-outil-analytics" data-claire-element-id="949593">Utiliser un outil Analytics</h3><p id="r-949589" data-claire-element-id="949589">Personne n'est capable aujourd'hui de vous dire quel mot-clé peut vous rapporter quelles visites tant que vous ne les avez pas testés vous-mêmes. Oui ! Il va falloir faire un suivi, par exemple mensuel. Lorsque vous aurez choisi certains mots-clés et que vous verrez que ceux-ci ne rapportent rien en termes de visites, il faudra peut-être songer à les changer sur une prochaine période. Pour cela, on peut utiliser un outil d'analyse de trafic comme Google Analytics.</p><p id="r-949590" data-claire-element-id="949590">C'est un service web d'aide aux webmasters. Concrètement, vous aurez à inclure un petit code JavaScript dans vos pages web afin d'obtenir des rapports très détaillés de la part de Google. Vous saurez ainsi quelles recherches sur Google ont amené quel visiteur à visiter votre page... Il faudra utiliser ces nombres et statistiques afin de peaufiner toujours un peu plus le choix de vos mots-clés ! Google Analytics n'a pas le monopole sur les outils d'analyse de trafic. Il a également un bon concurrent appelé XiTi. Vous pourrez bien sûr utiliser les deux simultanément, c'est ce que fait le Site du Zéro dans sa 3e version.</p><aside id="r-949592" data-claire-element-id="949592" data-claire-semantic="information"><p id="r-949591" data-claire-element-id="949591">J'ai encore beaucoup de choses à vous dire sur les mots-clés et le référencement en interne en général. Pour ne pas faire trop d'informations d'un coup, nous commencerons à utiliser des outils d'analyse de trafic bien plus tard dans ce cours…</p></aside> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles"> <span class="arrow"></span> <span class="next">L'importance des mots-clés !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> <span class="next">Choisissez vos mots-clés grâce à Google !</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Choisissezvosmots-clsgrceGoogle"></a><h2>Choisissez vos mots-clés grâce à Google !</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> <span class="arrow"></span> <span class="next">Une question de mots-clés !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> <span class="next">Le concept de la longue traîne</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-utilisez-google-insights" data-claire-element-id="949616">Utilisez Google Insights</h2><h3 id="r-les-tendances-des-recherches" data-claire-element-id="949600">Les tendances des recherches</h3><p id="r-949596" data-claire-element-id="949596">Vous n'êtes pas convaincus par le choix de vos mots-clés ? Tant mieux, on a un moyen de faire les choses beaucoup plus proprement. Je vous expliquais plus tôt qu'un bon mot-clé se devait de respecter deux principes : il doit être souvent recherché sur Google et il doit correspondre à votre site. Vous êtes le seul à pouvoir choisir des mots-clés qui correspondent à votre site. Personne ne peut vous aider pour ceci. En revanche, on peut obtenir de l'aide directement de la part de Google pour trouver les mots-clés qui sont fréquemment tapés sur le moteur de recherche.</p><p id="r-949597" data-claire-element-id="949597">Google a eu l'idée de rendre ces informations publiques par le biais du service Google Insights. Nous allons ainsi savoir ce qui est tapé sur Google tous les jours !</p><aside id="r-949599" data-claire-element-id="949599" data-claire-semantic="error"><p id="r-949598" data-claire-element-id="949598">Google Insights n'est <strong>PAS</strong> Google Analytics. L'un sert à analyser les tendances des recherches, l'autre à analyser le trafic d'un site et sa provenance.</p></aside><h3 id="r-accedez-a-google-insights" data-claire-element-id="949602">Accédez à Google Insights</h3><p id="r-949601" data-claire-element-id="949601">Google Insights est accessible sur une URL publique et vous n'avez pas besoin d'avoir de compte Google afin de l'utiliser. Tout le monde peut exploiter la puissance de cet outil. Néanmoins, si vous l'utilisez en étant connectés à un compte Google, vous obtenez la possibilité d'avoir les données statistiques sous forme de chiffres, et vous pourrez les télécharger directement au format .csv. Je vous encourage donc à utiliser Google Insights avec un compte Google actif. Rendez-vous sur <a href="http://www.google.com/insights/search/?hl=fr">Google Insights</a>.</p><h3 id="r-analysons-les-tendances-de-recherche" data-claire-element-id="949615">Analysons les tendances de recherche</h3><p id="r-949603" data-claire-element-id="949603">Nous allons ici nous mettre dans la peau d'un internaute qui s'intéresse à l'informatique. Nous allons donc taper simplement « informatique » dans la barre de recherche de Google Insights. Le terme « informatique » étant purement français, nous allons devoir recadrer cette recherche sur la France. C'est très facile en utilisant le formulaire ! Première chose agréable à constater, Google Insights est capable de nous renvoyer un classement des régions françaises qui tapent « informatique » sur Google, comme vous pouvez le voir sur la figure suivante.</p><figure id="r-il-semblerait-que-l-on-tape-plus-informatique-en-ile-de-france-qu-ailleurs" data-claire-element-id="949606"><img id="r-949604" data-claire-element-id="949604" src="medias/uploads.siteduzero.com_files_393001_394000_393606.png" alt="Il semblerait que l'on tape plus « informatique » en Île-de-France qu'ailleurs"/><figcaption>Il semblerait que l'on tape plus « informatique » en Île-de-France qu'ailleurs</figcaption></figure><p id="r-949607" data-claire-element-id="949607">Ce n'est pas tout, puisque l'on peut voir aussi quelles sont les recherches Google dans lesquelles le mot-clé « informatique » est présent. On peut voir sur la figure suivante qu'en France, c'est surtout de se former à l'informatique qui intéresse !</p><figure id="r-c-est-la-formation-qui-interesse-le-plus" data-claire-element-id="949610"><img id="r-949608" data-claire-element-id="949608" src="medias/uploads.siteduzero.com_files_393001_394000_393607.png" alt="C'est la formation qui intéresse le plus !"/><figcaption>C'est la formation qui intéresse le plus !</figcaption></figure><aside id="r-949612" data-claire-element-id="949612" data-claire-semantic="warning"><p id="r-949611" data-claire-element-id="949611">Notez que toutes les statistiques sont normées afin de faciliter les comparaisons.</p></aside><p id="r-949613" data-claire-element-id="949613">Je pense que vous n'avez pas plus besoin de moi pour appréhender cet outil tant il est simple d'utilisation ! Tapez simplement les mots-clés que vous voudriez utiliser sur votre site, et voyez leur densité d'utilisation. Vous pourrez également voir que Google Insights propose des courbes pour évaluer cette densité dans le temps... bref, tout est très complet et devrait beaucoup vous aider.</p><p id="r-949614" data-claire-element-id="949614">Bien sûr, n'oubliez jamais de recadrer sur les régions du monde qui utilisent la langue de votre site. Rechercher un mot-clé français au Japon n'a que peu de sens, sauf si vous ciblez des visiteurs japonais francophones. ^^</p> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> <span class="arrow"></span> <span class="next">Une question de mots-clés !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> <span class="next">Le concept de la longue traîne</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Leconceptdelalonguetrane"></a><h2>Le concept de la longue traîne</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> <span class="arrow"></span> <span class="next">Choisissez vos mots-clés grâce à Google !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1"> <span class="next">La sémantique et le référencement</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-expliquons-la-longue-traine" data-claire-element-id="949648">Expliquons la longue traîne</h2><h3 id="r-origine-du-terme" data-claire-element-id="949631">Origine du terme</h3><p id="r-949618" data-claire-element-id="949618">La longue traîne est à la base un concept qui n'avait rien à voir avec le SEO. La première personne à avoir employé cette expression est un journaliste nommé Chris Anderson. Pour tenter d'expliquer l'activité du site Amazon.com, il employa l'expression <em>« long tail »</em> pour en designer les ventes.</p><p id="r-949619" data-claire-element-id="949619">Il se rendit compte alors d'une chose très intéressante vis-à-vis des activités du site. Amazon génère son chiffre d'affaires en vendant des produits et Chris Anderson a remarqué que l'on pouvait classer ces produits en deux catégories.</p><ul id="r-949625" data-claire-element-id="949625"><li id="r-949621" data-claire-element-id="949621"><p id="r-949620" data-claire-element-id="949620"><strong>Des produits très vendus</strong><br/> Certaines références sont très vendues et sont constamment en rupture de stock. Ces ventes constituaient 20 % du chiffre d'affaires d'Amazon.</p></li><li id="r-949623" data-claire-element-id="949623"><p id="r-949622" data-claire-element-id="949622"><strong>Beaucoup de produits très peu vendus</strong></p></li><p id="r-949624" data-claire-element-id="949624">À côté de cela, il y a tous les autres produits, des milliers de références qui ne se vendent que très peu... pas plus de deux ou trois exemplaires par référence. Or, ces ventes constituent 80 % du chiffre d'affaires d'Amazon.</p></ul><p id="r-949626" data-claire-element-id="949626">Vous devez penser que je me suis emmêlé les pinceaux, mais non ! C'est tout à fait logique : les produits qui se vendent en très petit nombre sont nettement plus nombreux que les produits qui se vendent en grand nombre. Si on les met tous ensemble, les produits qui se vendent en très petit nombre rapportent nettement plus d'argent que les best-sellers ! C'est ce que l'on appelle la longue traîne ! Un petit schéma simplifié ne serait pas de trop : observez la figure suivante.</p><figure id="r-schema-simplifie-de-la-longue-traine" data-claire-element-id="949629"><img id="r-949627" data-claire-element-id="949627" src="medias/uploads.siteduzero.com_files_406001_407000_406145.png" alt="Schéma simplifié de la longue traîne"/><figcaption>Schéma simplifié de la longue traîne</figcaption></figure><p id="r-949630" data-claire-element-id="949630">Vous pouvez voir que la partie verte qui représente les produits très vendus ne représente qu'une toute petite partie du chiffre d'affaires. La longue traîne en jaune ne monte pas très haut puisque ces produits se vendent peu, mais elle est nettement plus étendue ! C'était tout ce qu'il y a à comprendre : les produits qui se vendent peu mais qui sont présents en grand nombre rapportent énormément par rapport aux articles qui se vendent beaucoup mais qui sont présents en très petit nombre !</p><h3 id="r-quel-rapport-avec-les-mots-cles" data-claire-element-id="949633">Quel rapport avec les mots-clés ?</h3><p id="r-949632" data-claire-element-id="949632">C'est très simple, la longue traîne existe aussi sur Google ! Imaginez que vos références (produits) soient vos mots-clés. Vous devez choisir des mots-clés qui génèrent beaucoup de visiteurs, mais sans négliger la longue traîne. Pour le SEO, la longue traîne est un très gros panel de mots-clés. Chacun vous rapportera un nombre très limité de visiteurs mais, bout à bout, ce sont eux qui rapporteront presque la totalité de votre trafic. Pour cela, il faut avoir beaucoup de mots-clés.</p><h3 id="r-les-mots-cles-best-sellers" data-claire-element-id="949635">Les mots-clés best-sellers</h3><p id="r-949634" data-claire-element-id="949634">Ce sont à coup sûr ceux qui caractérisent le mieux votre site. Pour le Site du Zéro, il pourrait s'agir de « tutoriel » et « informatique ». Ce sont des mots-clés qui seront très largement tapés sur Google et qui vous rapporteront un très grand nombre de visites ; ce sont à coup sûr ces mots-clés que vous avez écrits sur votre liste tout à l'heure. Pour Amazon, ils correspondent aux articles qui sont présents en petit nombre mais qui se vendent énormément.</p><h3 id="r-les-mots-cles-de-la-longue-traine" data-claire-element-id="949647">Les mots-clés de la longue traîne</h3><p id="r-949636" data-claire-element-id="949636">Pour enclencher l'effet longue traîne sur votre site, la solution est simple : vous avez juste à produire beaucoup de contenus ! Avec 20 000 pages web sur votre site web, qui seront toutes travaillées comme on l'a appris précédemment, Google pourra analyser 20 000 codes HTML différents, avec 20 000 possibilités de mots-clés différents dans les balises <code data-claire-semantic="html"><title></code>, <code data-claire-semantic="html"><h1></code>, le contenu... C'est là que l'effet longue traîne prend tout son sens ! Si vous êtes 20 000 fois présents sur Google et que chacune de vos pages génère 2 ou 3 visites dans la journée avec vos mots-clés de la longue traîne, croyez-moi, vous ferez des bonds en voyant vos statistiques. Et on ne parle même pas encore des best-sellers !</p><p id="r-949637" data-claire-element-id="949637">En outre, vous savez que Google est un amoureux du contenu. C'est pour lui l'élément le plus important d'un site web. Plus vous en avez mieux c'est. Plus le Googlebot doit récupérer du HTML, plus il va aimer votre site et dès lors, il n'hésitera pas à booster votre référencement... Par conséquent, créez beaucoup de contenu pertinent et « SEO-Friendly », et vous verrez qu'au fil du temps votre site entrera dans un cercle vertueux. Le tout est d'arriver à insuffler une bonne dynamique. Une fois la machine lancée, elle ne s'arrête plus !</p><ul id="r-949646" data-claire-element-id="949646"><li id="r-949639" data-claire-element-id="949639"><p id="r-949638" data-claire-element-id="949638">Choisir de bons mots-clés est capital pour réussir son référencement ; créez une liste et aidez-vous de Google Insights.</p></li><li id="r-949641" data-claire-element-id="949641"><p id="r-949640" data-claire-element-id="949640">Intégrez vos mots-clés de manière naturelle à vos pages web.</p></li><li id="r-949643" data-claire-element-id="949643"><p id="r-949642" data-claire-element-id="949642">Effectuez un suivi de vos mots-clés pour analyser le succès de votre référencement.</p></li><li id="r-949645" data-claire-element-id="949645"><p id="r-949644" data-claire-element-id="949644">Produisez beaucoup de contenu pour que la longue traîne s'enclenche.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> <span class="arrow"></span> <span class="next">Choisissez vos mots-clés grâce à Google !</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1"> <span class="next">La sémantique et le référencement</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Lasmantiqueetlerfrencement"></a><h2>La sémantique et le référencement</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> <span class="arrow"></span> <span class="next">Le concept de la longue traîne</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> <span class="next">La sémantique et le référencement</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div class="content"> <p id="r-949651" data-claire-element-id="949651">Le pari de l'avenir pour le référencement et pour le web en général est la « sémantique ». Vous devez probablement avoir déjà vu ce mot quelque part, tout comme « web 3.0 ». Il est l'heure de dégrossir ces concepts un peu étranges mais qui sont très intéressants.</p> </div><a name="Lasmantiqueetlerfrencement"></a><h2>La sémantique et le référencement</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1"> <span class="arrow"></span> <span class="next">La sémantique et le référencement</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> <span class="next">Le référencement à travers l'évolution du web</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-le-pari-de-la-semantique" data-claire-element-id="949695">Le pari de la sémantique</h2><figure id="r-949653" data-claire-element-id="949654"><img id="r-949652" data-claire-element-id="949652" src="medias/uploads.siteduzero.com_files_393001_394000_393737.gif" alt="Image utilisateur"/></figure><h3 id="r-l-histoire-du-web" data-claire-element-id="949656">L'histoire du web</h3><p id="r-949655" data-claire-element-id="949655">Le web est âgé d'une vingtaine d'années tout au plus et, depuis sa création, il n'a cessé d'évoluer à une vitesse folle. Pour s'y retrouver, on s'est mis à vouloir distinguer les grandes périodes de l'histoire du web par des « numéros de version ». Vous avez donc forcément entendu parler de « web 2.0 » ou de « web communautaire ». Voyons un peu de quelle manière le web a évolué ces dernières années.</p><h3 id="r-le-web-1-0-dit-statique-annees-1990" data-claire-element-id="949659">Le web 1.0 dit « statique » - Années 1990</h3><p id="r-949657" data-claire-element-id="949657">À ses débuts, le web était quelque chose de très simple. Avec le recul, on a appelé cette période le « web 1.0 ». C'était une période où les sites web étaient statiques. Il n'y avait aucun échange entre les personnes. Consulter un site web se résumait alors à lire une feuille de papier numérisée, ni plus ni moins. Le webmaster du site proposait un contenu, et le visiteur le lisait. De là, il ne pouvait se passer aucune autre interaction entre le visiteur, le site, et le webmaster. En bref, <strong>le visiteur n'était que spectateur</strong>.</p><p id="r-949658" data-claire-element-id="949658">Dans l'absolu, vous pouvez encore créer des sites type web 1.0. Il vous suffit simplement de créer des documents HTML et de les envoyer sur votre serveur. Ça marche, mais autant vous dire que les choses peuvent quand même être plus intéressantes que cela.</p><h3 id="r-le-web-2-0-dit-communautaire-fin-des-annees-1990-et-annees-2000" data-claire-element-id="949670">Le web 2.0 dit « communautaire » - Fin des années 1990 et années 2000</h3><p id="r-949660" data-claire-element-id="949660">La fin des années 1990 correspond à une énorme évolution dans le web. En effet, nous sommes passés à ce moment-là au « web 2.0 », un web communautaire où le visiteur est maintenant acteur. C'est pendant cette période que des choses qui ne nous quittent plus aujourd'hui sont apparues :</p><ul id="r-949667" data-claire-element-id="949667"><li id="r-949662" data-claire-element-id="949662"><p id="r-949661" data-claire-element-id="949661">les flux RSS ;</p></li><li id="r-949664" data-claire-element-id="949664"><p id="r-949663" data-claire-element-id="949663">les réseaux sociaux ;</p></li><li id="r-949666" data-claire-element-id="949666"><p id="r-949665" data-claire-element-id="949665">les sites de partage.</p></li></ul><p id="r-949668" data-claire-element-id="949668">Chaque visiteur est désormais acteur du web. On lui propose des solutions pour interagir très facilement avec les autres visiteurs, et tout le monde se sent bien en communauté en participant à la vie du site. Le Site du Zéro est typiquement un site « web 2.0 ».</p><p id="r-949669" data-claire-element-id="949669">Avec le web 2.0, un nouveau problème se pose. Puisque tout le monde sur le web devient acteur et peut produire du contenu, il est dans le même temps de plus en plus difficile de suivre l'évolution d'un thème ou d'une information sur le web. En effet, tout le monde crée du contenu via des forums, des blogs, des réseaux sociaux... Le volume d'information avec lequel il faut jongler a ainsi considérablement augmenté. On fait actuellement évoluer le web vers une nouvelle version, le « web 3.0 ».</p><h3 id="r-le-web-3-0-dit-semantique-de-nos-jours" data-claire-element-id="949694">Le web 3.0 dit « sémantique » - De nos jours...</h3><p id="r-949671" data-claire-element-id="949671">Il existe un débat concernant le fait de savoir si, oui ou non, nous sommes aujourd'hui dans le web sémantique. Certains disent que oui, certains disent que non, et certains disent qu'on est entre le web communautaire et le web sémantique, autant vous dire que c'est un peu compliqué et que personne ne risque vraiment de tomber d'accord. Néanmoins, le web sémantique reste le grand pari du W3C pour les années à venir. Mais concrètement, le web sémantique, c'est <strong>quoi </strong>?</p><p id="r-949672" data-claire-element-id="949672">Le web d'aujourd'hui n'est rien d'autre qu'un ensemble de pages HTML, dont les moteurs de recherche arrivent à définir le thème par une suite de mots-clés présents. Par exemple, on arrive à définir le Site du Zéro comme un site de tutoriels, parce que le terme « tutoriel » est présent un peu partout sur le site. Le problème, c'est que si un humain sait ce qu'est un tutoriel, une machine, elle, ne sait absolument pas ce que c'est.</p><p id="r-949673" data-claire-element-id="949673">L'idée est donc de permettre l'utilisation de nouvelles balises HTML (notamment avec HTML5) pour permettre aux internautes de ne plus créer de simples informations textuelles sur le web, mais <strong>des données qui ont du sens</strong> pour une machine. Prenons un exemple apparu avec HTML5. Sémantiquement, pour définir un menu en XHTML, vous passiez par exemple par une div portant l'id menu : <div id="menu">. Aujourd'hui, en HTML5, on a la balise <code data-claire-semantic="html"><nav></code>. Concrètement, les machines comprennent que <code data-claire-semantic="html"><nav></code> est un élément de navigation sur le site, alors que la balise <code data-claire-semantic="html"><div></code> n'est rien d'autre... qu'un élément HTML block !</p><p id="r-949674" data-claire-element-id="949674">Dans le web 3.0 (sémantique), on va quand même un tout petit peu plus loin que cela, car on va avoir suffisamment de balises pour couvrir tous les types de données que l'on peut trouver sur le web. Voilà un petit extrait, vous imaginez que la liste est vraiment très longue :</p><ul id="r-949685" data-claire-element-id="949685"><li id="r-949676" data-claire-element-id="949676"><p id="r-949675" data-claire-element-id="949675">une localisation géographique ;</p></li><li id="r-949678" data-claire-element-id="949678"><p id="r-949677" data-claire-element-id="949677">une carte de visite ;</p></li><li id="r-949680" data-claire-element-id="949680"><p id="r-949679" data-claire-element-id="949679">un CV ;</p></li><li id="r-949682" data-claire-element-id="949682"><p id="r-949681" data-claire-element-id="949681">un événement dans le temps ;</p></li><li id="r-949684" data-claire-element-id="949684"><p id="r-949683" data-claire-element-id="949683">...</p></li></ul><p id="r-949686" data-claire-element-id="949686">Vous ne comprenez pas trop l'utilité du web sémantique ? C'est normal, car j'ai omis de vous parler d'un facteur très important ! Sachez que de nouveaux langages sont envisagés par le W3C. Ces langages seront adoptés comme standards au même titre que le HTML. Parmi ces langages, nous aurons une sorte de langage de requête très puissant (comme le SQL !) pour obtenir des données présentes sur les sites web... et les utiliser dans des programmes ! Imaginez le potentiel de ces technologies à venir, il est quasiment illimité. ;)</p><p id="r-949687" data-claire-element-id="949687">Bien sûr, nous ne sommes pas totalement entrés dans le web sémantique, mais il faut comprendre que nous arriverons dans une situation où le web sera devenu intelligent, les machines seront capables de <strong>comprendre </strong>les données, au lieu de ne voir que du texte. Nous obtiendrons les informations plus facilement que jamais : c'est le web qui viendra à nous !</p><aside id="r-949689" data-claire-element-id="949689" data-claire-semantic="information"><p id="r-949688" data-claire-element-id="949688">Le W3C est en pleine phase de développement de ces nouveaux standards... Cela représente une quantité de travail assez phénoménale, et on ne parlera réellement de web sémantique que dans une dizaine d'années au moins !</p></aside><p id="r-949690" data-claire-element-id="949690">Il est difficile d'imaginer le futur, mais imaginons le cas d'un moteur de recherche comme Google : une recherche sur le web serait centralisée, une seule recherche n'enverrait plus une liste de sites non-ordonnée, mais plutôt un ensemble de données exhaustif et centralisé, car sur le web sémantique, tout est cohérent. Une seule recherche me permettrait donc de tout savoir sur les oiseaux par exemple, alors qu'en 2012, je dois rechercher sur plusieurs sites de passionnés d'ornithologie pour obtenir toutes les informations qu'il me faut.</p><p id="r-949691" data-claire-element-id="949691">Les moteurs de recherche intègrent de plus en plus les technologies qui feront le web sémantique, et nous disposons déjà de « balises HTML » plus évoluées que les balises courantes. Ces balises nous permettent réellement de définir des données sur nos pages web, données que Google exploite déjà en partie... C'est donc l'occasion pour nous d'apprendre à définir des données dans nos pages web, car cela aura un réel impact sur le référencement. Dans la suite de ce chapitre, nous prendrons l'exemple de l'auteur d'un blog appelé Jacques. Nous définirons les informations de ce monsieur comme des données du type "Personne" grâce aux balises spéciales que j'ai évoquées. ;)</p><aside id="r-949693" data-claire-element-id="949693" data-claire-semantic="information"><p id="r-949692" data-claire-element-id="949692">On parle également de « web 4.0 », et certaines personnes pensent que le web 4.0 va arriver avant le web 3.0. Enfin, tout cela est bien compliqué, et nous allons rester centrés sur la sémantique, sinon cela va devenir vraiment complexe.</p></aside> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1"> <span class="arrow"></span> <span class="next">La sémantique et le référencement</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> <span class="next">Le référencement à travers l'évolution du web</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Lerfrencementtraversl039volutionduweb"></a><h2>Le référencement à travers l'évolution du web</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> <span class="arrow"></span> <span class="next">La sémantique et le référencement</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> <span class="next">HTML5 et les micro-données de l'avenir</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-le-referencement-evolue-a-travers-le-web" data-claire-element-id="949716">Le référencement évolue à travers le web</h2><h3 id="r-le-referencement-du-web-1-0" data-claire-element-id="949698">Le référencement du web 1.0</h3><p id="r-949697" data-claire-element-id="949697">Au fur et à mesure que le web a évolué, la manière de se référencer a aussi évolué. En effet, le référencement est toujours le reflet du web. Cela implique que le passage au web sémantique va aussi impliquer de gros changements dans votre façon de concevoir votre site web. Le web 1.0 était un web statique. Le visiteur n'était pas acteur du site, mais uniquement spectateur. Ainsi, le référencement était aussi très centré sur le site en lui-même, il ne s'agissait que de placer les bons mots-clés en bon nombre dans les balises <code data-claire-semantic="html"><meta /></code> des pages web.</p><h3 id="r-le-referencement-du-web-2-0" data-claire-element-id="949704">Le référencement du web 2.0</h3><figure id="r-949700" data-claire-element-id="949701"><img id="r-949699" data-claire-element-id="949699" src="medias/uploads.siteduzero.com_files_393001_394000_393740.png" alt="Image utilisateur"/></figure><p id="r-949702" data-claire-element-id="949702">Avec le web 2.0, tout a changé. Le web est devenu beaucoup plus communautaire, beaucoup plus ouvert, et beaucoup plus centré sur la communauté. Le référencement est aussi calqué sur ceci : vous savez maintenant que vous ne pouvez pas faire référencer votre site sans le soutien des autres.</p><p id="r-949703" data-claire-element-id="949703">Vous devez penser à beaucoup de plus de choses, et la qualité seule de votre site ne peut pas suffire, il va aussi falloir s'impliquer ailleurs en vous faisant connaître sur les réseaux sociaux, et en incitant les autres webmasters à faire des liens vers votre site web. Vous aurez également l'occasion de faire profiter les autres webmasters du succès de votre site ; nous verrons tout cela dans la troisième partie de ce cours. Tout cela pour dire que le référencement dans le web 2.0 est aussi un référencement communautaire. Votre propre qualité est importante, mais sans les autres vous n'irez pas loin.</p><h3 id="r-le-referencement-du-web-3-0" data-claire-element-id="949715">Le référencement du web 3.0</h3><p id="r-949705" data-claire-element-id="949705">Se référencer sur le web 3.0 sera aussi très différent de ce à quoi on était 'habitués sur le web 2.0. En effet, vous savez d'ores et déjà que le web 3.0 sera un web de données. On ne parle plus d'information au sein d'une page web, mais plutôt de données réelles et cohérentes. Pour se référencer correctement sur le web sémantique, il faudra donc trouver le moyen de définir des données dans vos pages web.</p><p id="r-949706" data-claire-element-id="949706">Nous utiliserons pour cela les microformats. Comme beaucoup, je pense que nous sommes à un stade de transition entre le web 2.0 et le web 3.0. C'est pourquoi il va falloir commencer sérieusement à anticiper le futur et commencer à définir des données dans vos pages web. Le Site du Zéro le fait déjà, et Google exploite déjà cela dans ses résultats de recherche... si ! Je suis sûr que vous avez déjà vu un résultat de recherche qui diffère sensiblement du modèle que nous avions vu plus tôt dans le cours (voir la figure suivante).</p><figure id="r-le-site-du-zero-met-en-forme-ses-resultats-de-recherche-grace-aux-microformats" data-claire-element-id="949709"><img id="r-949707" data-claire-element-id="949707" src="medias/uploads.siteduzero.com_files_393001_394000_393741.png" alt="Le Site du Zéro met en forme ses résultats de recherche grâce aux microformats"/><figcaption>Le Site du Zéro met en forme ses résultats de recherche grâce aux microformats</figcaption></figure><p id="r-949710" data-claire-element-id="949710">En effet, vous pouvez voir qu'une donnée est définie dans ce résultat de recherche. Les notes sur le tutoriel de Java ont été repérées par Google grâce à un microformat : le moteur de recherche a donc été capable d'afficher des étoiles, la note /4 ainsi que le nombre de votants. Bien sûr, dans quelques années, quand le web sémantique sera parfaitement adopté, tout cela ira bien plus loin et s'étendra bien au-delà des moteurs de recherche. En attendant, il y a bien d'autres données que nous pouvons définir sur notre site. Google peut s'en servir afin de mettre en forme nos résultats de recherche (voir la figure suivante). Nous pouvons par exemple afficher un fil d'Ariane à la place de l'URL de la page, le prix d'un produit que nous vendons dans le cas d'un site d'e-commerce, ou encore la photo et le nom de l'auteur d'un article !</p><figure id="r-nous-pouvons-ajouter-un-fil-d-ariane-a-la-place-de-l-url-grace-aux-micro-donnees" data-claire-element-id="949713"><img id="r-949711" data-claire-element-id="949711" src="medias/uploads.siteduzero.com_files_404001_405000_404192.png" alt="Nous pouvons ajouter un Fil d'Ariane à la place de l'URL grâce aux micro-données !"/><figcaption>Nous pouvons ajouter un Fil d'Ariane à la place de l'URL grâce aux micro-données !</figcaption></figure><p id="r-949714" data-claire-element-id="949714">Pour le moment, tout cela va nous servir à inciter l'internaute à visiter notre site une fois qu'il verra notre lien sur Google, étant donné que nous avons l'occasion d'afficher plus d'informations que d'habitude.</p> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> <span class="arrow"></span> <span class="next">La sémantique et le référencement</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> <span class="next">HTML5 et les micro-données de l'avenir</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="HTML5etlesmicro-donnesdel039avenir"></a><h2>HTML5 et les micro-données de l'avenir</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> <span class="arrow"></span> <span class="next">Le référencement à travers l'évolution du web</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre"> <span class="next">Les pièges à éviter et les bonnes habitudes à prendre</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-microformats-ou-micro-donnees" data-claire-element-id="949721">Microformats ou micro-données ?</h2><h3 id="r-utilisons-les-micro-donnees" data-claire-element-id="949720">Utilisons les micro-données</h3><p id="r-949718" data-claire-element-id="949718">Nous savons comment le web 3.0 fonctionne et fonctionnera. Pour mettre notre site aux normes, il va falloir utiliser les microformats qui sont donc un balisage spécial de notre contenu HTML.</p><p id="r-949719" data-claire-element-id="949719">Il faut néanmoins faire la différence entre « microformats » et « micro-données ». Ces dernières ont été apportées par HTML5, et il convient de les utiliser dès maintenant et de laisser tomber les anciens microformats. Les micro-données sont amenées à devenir les références dans le futur ; ce sont un peu les dernières versions en date qu'il faut utiliser. Ce chapitre portera donc essentiellement sur les micro-données de HTML5.</p><h2 id="r-balisez-semantiquement-votre-contenu" data-claire-element-id="949755">Balisez sémantiquement votre contenu</h2><h3 id="r-qu-est-ce-qu-une-micro-donnee" data-claire-element-id="949726">Qu'est-ce qu'une micro-donnée ?</h3><p id="r-949722" data-claire-element-id="949722">Concrètement, une micro-donnée n'est rien d'autre qu'un élément HTML un peu spécial. En fait, c'est quelque chose qui va venir se greffer sur les balises HTML déjà existantes pour les définir comme données. Ainsi, n'importe quelle balise dans votre page web peut devenir une donnée si vous souhaitez la définir comme telle. Il suffit juste d'y appliquer un attribut spécifique, et le tour est joué. Étant donné que les balises <code data-claire-semantic="html"><div></code> et <code data-claire-semantic="html"><span></code> sont des balises joker qui n'agissent pas sur le rendu de la page dans le navigateur, on a pour habitude de les utiliser pour définir des micro-données.</p><p id="r-949723" data-claire-element-id="949723">Pour définir une donnée, il suffit d'ajouter l'attribut <code>itemscope</code> à une balise. L'attribut <code>itemscope</code> sert à indiquer aux robots que le contenu de la balise qui porte cet attribut aura des données sémantiques. Elle sert donc à dire : « ok, les données qu'il y a dedans sont sémantiques, je vais pouvoir les étudier pour les prendre en compte au mieux ».</p><p id="r-949724" data-claire-element-id="949724">Dans la suite des exemples, nous allons tenter de définir une donnée qui représente une personne nommée Jacques grâce aux micro-données. Cela serait par exemple utile dans le cadre d'un blog pour dire qui est l'auteur de ce blog.</p><pre id="r-949725" data-claire-element-id="949725"><code data-claire-semantic="html"><div itemscope> <p>Je suis l'auteur de ce blog. Mon nom est Jacques.</p> </div></code></pre><h3 id="r-definissez-le-type-de-vos-donnees" data-claire-element-id="949729">Définissez le type de vos données</h3><p id="r-949727" data-claire-element-id="949727">Vous savez maintenant définir une donnée. Le problème est que votre donnée ne correspond encore à rien. Il faut dire que la <code data-claire-semantic="html"><div></code> contient une personne. Pour cela on va passer par un autre attribut : <code>itemtype</code>. Cet attribut va prendre la définition d'une donnée (on parle de « vocabulaires ») depuis le site schema.org. Vous pouvez consulter la liste des définitions disponibles dans la <a href="http://schema.org/docs/schemas.html">documentation</a>. Schema.org est un site maintenu par Google, Bing! et Yahoo!.</p><pre id="r-949728" data-claire-element-id="949728"><code data-claire-semantic="html"><!-- Les moteurs de recherche sauront maintenant que cette donnée est une personne .--> <div itemscope itemtype="http://schema.org/Person"> <p>Je suis l'auteur de ce blog. Mon nom est Jacques.</p> </div></code></pre><h3 id="r-utilisez-les-proprietes-des-donnees" data-claire-element-id="949754">Utilisez les propriétés des données !</h3><p id="r-949730" data-claire-element-id="949730">Plusieurs propriétés sont disponibles. Vous pouvez en consulter la liste exhaustive pour chaque définition dans la documentation. Pour les personnes, plusieurs sont intéressantes (<a href="http://schema.org/Person"><em>Consultez la documentation de la définition "Person"</em></a>).</p><ul id="r-949741" data-claire-element-id="949741"><li id="r-949732" data-claire-element-id="949732"><p id="r-949731" data-claire-element-id="949731"><strong>name</strong> : pour renseigner le nom de la personne ;</p></li><li id="r-949734" data-claire-element-id="949734"><p id="r-949733" data-claire-element-id="949733"><strong>addressLocality</strong> : pour renseigner l'adresse de la personne ;</p></li><li id="r-949736" data-claire-element-id="949736"><p id="r-949735" data-claire-element-id="949735"><strong>affiliation</strong> : pour dire si la personne fait partie d'une école, ou d'une équipe ;</p></li><li id="r-949738" data-claire-element-id="949738"><p id="r-949737" data-claire-element-id="949737"><strong>email</strong> : l'email de la personne ;</p></li><li id="r-949740" data-claire-element-id="949740"><p id="r-949739" data-claire-element-id="949739">...</p></li></ul><p id="r-949742" data-claire-element-id="949742">Bref ! il y en a vraiment des tonnes et vous devriez consulter les documentations pour vous faire une idée plus complète sur la question... Pour le moment, nous devons finir de baliser notre code. Pour cela, nous allons faire simple et utiliser le nom et l'email ; ce sera bien suffisant pour compléter la présentation de Jacques sur son blog. Pour définir les propriétés, je vous conseille d'utiliser des balises <code data-claire-semantic="html"><span></code>. Utilisez l'attribut <code>itemprop</code> pour renseigner les attributs.</p><pre id="r-949743" data-claire-element-id="949743"><code data-claire-semantic="html"><div itemscope itemtype="http://schema.org/Person"> <p>Je suis l'auteur de ce blog. Mon nom est <span itemprop="name">Jacques</span>.</p> <p>Mon adresse email est : <span itemprop="email"><a class="__cf_email__" href="http://www.cloudflare.com/email-protection" data-cfemail="4c262d2f3d39293f0c2123222e20232b622f2321">[email protected]</a><script type="text/javascript"> /* <![CDATA[ */ (function(){try{var s,a,i,j,r,c,l,b=document.getElementsByTagName("script");l=b[b.length-1].previousSibling;a=l.getAttribute('data-cfemail');if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})(); /* ]]> */ </script></span></p> </div></code></pre><p id="r-949744" data-claire-element-id="949744">Et c'est tout ! Voilà ce que donne un code balisé sémantiquement ! Bien sûr, l'intérêt aujourd'hui est très limité et vous ne devez sûrement pas comprendre l'utilité que tout ceci peut avoir. C'est simplement de l'anticipation, car demain on ne fera plus que ça, vous devriez donc prendre l'habitude tout de suite d'utiliser les micro-données dans vos codes source. Retenez simplement que les microformats constituent l'avenir du web, et que l'on pourra plus tard utiliser ça de manière bien plus poussée qu'en 2012. Le tout est de prendre l'habitude de le faire dès maintenant ! Si vous avez compris ce concept, alors vous avez tout compris : pour le reste, je vous conseille d'aller lire la documentation de <a href="/schema.org">schema.org</a>, ainsi que la <a href="http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=176035">FAQ de Google pour webmasters à ce sujet</a>.</p><aside id="r-949746" data-claire-element-id="949746" data-claire-semantic="information"><p id="r-949745" data-claire-element-id="949745">Notez que les balises structurantes de HTML5 dont on a déjà parlé représenteront un réel enjeu d'un point de vue sémantique. Je vous conseille à nouveau de les utiliser dès maintenant pour structurer vos pages web !</p></aside><ul id="r-949753" data-claire-element-id="949753"><li id="r-949748" data-claire-element-id="949748"><p id="r-949747" data-claire-element-id="949747">La sémantique représente l'avenir du web.</p></li><li id="r-949750" data-claire-element-id="949750"><p id="r-949749" data-claire-element-id="949749">Consultez les définitions sur schema.org.</p></li><li id="r-949752" data-claire-element-id="949752"><p id="r-949751" data-claire-element-id="949751">Prenez dès maintenant l'habitude de baliser vos contenus grâce aux micro-données.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> <span class="arrow"></span> <span class="next">Le référencement à travers l'évolution du web</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre"> <span class="next">Les pièges à éviter et les bonnes habitudes à prendre</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Lespigesviteretlesbonneshabitudesprendre"></a><h2>Les pièges à éviter et les bonnes habitudes à prendre</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> <span class="arrow"></span> <span class="next">HTML5 et les micro-données de l'avenir</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> <span class="next">Les mauvaises pratiques</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div class="content"> <p id="r-949758" data-claire-element-id="949758">Les techniques de référencement sont multiples et vous savez déjà que vous allez devoir batailler sur plusieurs fronts. Il y a cependant plusieurs choses qu'il ne faut surtout pas faire dans votre référencement. Nous allons tout de suite voir les mauvaises pratiques et plus largement les pièges à éviter, mais aussi les bonnes habitudes à prendre.</p><p id="r-949759" data-claire-element-id="949759">Nous parlerons aussi dans ce chapitre des sites web fonctionnant grâce à Flash, une technologie signée Adobe et largement différente de HTML. Les sites en Flash se référencent différemment des sites en HTML, il serait donc dommage de ne pas en parler.</p> </div><a name="Lesmauvaisespratiques"></a><h2>Les mauvaises pratiques</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre"> <span class="arrow"></span> <span class="next">Les pièges à éviter et les bonnes habitudes à prendre</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> <span class="next">Référencer des sites en AJAX</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-le-duplicate-content" data-claire-element-id="949787">Le « duplicate content »</h2><figure id="r-949761" data-claire-element-id="949762"><img id="r-949760" data-claire-element-id="949760" src="medias/uploads.siteduzero.com_files_393001_394000_393677.png" alt="Image utilisateur"/></figure><h3 id="r-d-un-site-a-l-autre" data-claire-element-id="949772">D'un site à l'autre !</h3><p id="r-949763" data-claire-element-id="949763">Google met un point d'honneur à valoriser les contenus qui présentent de l'intérêt sur le web. Mais je ne vous apprends rien en vous disant qu'il est fréquent de voir des sites web qui copient le contenu d'autres sites. Google considère ce comportement comme particulièrement malveillant et cherche à tout prix à combattre le plagiat. Ainsi, si le moteur de recherche repère un contenu plagié d'un site à l'autre, il n'hésite pas à pénaliser très lourdement le site qui a commis le plagiat. Cela implique que Google doit pouvoir :</p><ul id="r-949770" data-claire-element-id="949770"><li id="r-949765" data-claire-element-id="949765"><p id="r-949764" data-claire-element-id="949764">identifier des contenus identiques sur le web ;</p></li><li id="r-949767" data-claire-element-id="949767"><p id="r-949766" data-claire-element-id="949766">déterminer quel est le site original, et quel est le site qui plagie ;</p></li><li id="r-949769" data-claire-element-id="949769"><p id="r-949768" data-claire-element-id="949768">pénaliser (lourdement) le site au contenu plagié.</p></li></ul><p id="r-949771" data-claire-element-id="949771">Vous devez néanmoins savoir que Google a vraiment du mal à repérer les contenus plagiés. Il utilise un système assez basique qui se base sur les blocs dans les pages web. Si des blocs importants en termes de volume sont strictement identiques, alors Google peut y voir un contenu plagié et considérer ce comportement comme malveillant.</p><h3 id="r-le-contenu-duplique-sur-un-meme-site" data-claire-element-id="949774">Le contenu dupliqué sur un même site</h3><p id="r-949773" data-claire-element-id="949773">Cette idée est aussi valable sur votre propre site. Lorsque vos pages proposent des contenus identiques, Google peut considérer cela comme du doublon et vous pénaliser. Il faut néanmoins nuancer cette règle : certains systèmes de forums prêts à l'emploi proposent une version « desktop » ainsi qu'une version mobile indépendante. Certains webmasters ont peur d'utiliser ces forums, de peur que Google n'y voie un contenu dupliqué. Dans ce cas-là ne vous inquiétez pas, car Google ne considère pas ce comportement comme malveillant. Si l'on fait abstraction de ces cas spéciaux, veillez quand même à ne jamais proposer de contenus dupliqués sur votre site, c'est généralement très mauvais pour le référencement d'un site web.</p><h3 id="r-eviter-d-etre-penalise-le-rel-canonical" data-claire-element-id="949786">Éviter d'être pénalisé : le rel="canonical"</h3><p id="r-949775" data-claire-element-id="949775">Malgré tout, il se peut que vous n'ayez pas le choix et que votre site propose des pages aux contenus identiques. Il existe alors un moyen de ne pas encaisser de pénalité de la part de Google. Il suffit de dire au Googlebot que telle ou telle page est votre version favorite, et que vous aimeriez que Google considère celle-ci plutôt que l'autre.</p><p id="r-949776" data-claire-element-id="949776">Nous identifions donc :</p><ul id="r-949781" data-claire-element-id="949781"><li id="r-949778" data-claire-element-id="949778"><p id="r-949777" data-claire-element-id="949777">une page A considérée comme page principale que Googlebot doit traiter en priorité ;</p></li><li id="r-949780" data-claire-element-id="949780"><p id="r-949779" data-claire-element-id="949779">une page B au contenu identique à la page A, nous souhaitons que Googlebot ne se focalise pas dessus.</p></li></ul><p id="r-949782" data-claire-element-id="949782">Pour indiquer au Googlebot de ne pas se focaliser sur la page B, il suffit d'ajouter une balise dans la section <code data-claire-semantic="html"><head></code> de votre page web.</p><pre id="r-949783" data-claire-element-id="949783"><code data-claire-semantic="html"><!DOCTYPE html> <!-- Code de la page B --> <html> <head> <meta charset="utf-8" /> <link rel="canonical" href="a.html" /> <title>Je suis la page B !</title> </head> </html></code></pre><p id="r-949784" data-claire-element-id="949784">À la ligne 6, nous utilisons la balise <code data-claire-semantic="html"><link rel="canonical" /></code>. Cette balise sert à indiquer à Googlebot qu'il s'agit d'une page mineure. Dans l'attribut href de cette balise, nous indiquons le lien de la page favorite que Googlebot devra considérer en priorité. Selon Matt Cutts, même si cette méthode est relativement propre, vous perdrez quand même un peu de Google Juice au passage. C'est pourquoi l'idéal est de ne jamais avoir de contenu dupliqué.</p><p id="r-949785" data-claire-element-id="949785">C'est tout ce que vous deviez savoir sur les <em>duplicate content</em>, et sinon, n'oubliez pas que rien n'est plus efficace qu'un bon <code data-claire-semantic="html"><meta name="robots" content="noindex" /></code>. :p</p><h2 id="r-votre-contenu-est-votre-force" data-claire-element-id="949796">Votre contenu est votre force</h2><h3 id="r-interdisez-l-indexation-des-pages-pauvres-en-contenu" data-claire-element-id="949795">Interdisez l'indexation des pages pauvres en contenu</h3><p id="r-949788" data-claire-element-id="949788">Le <em>duplicate content</em> n'est pas la seule erreur à ne pas faire en SEO. Si Google aime énormément vos pages qui proposent un contenu pertinent, il déteste les pages qui ne présentent aucun contenu. Prenons l'exemple des pages de contact. Chaque site web en possède une en principe, il s'agit généralement d'un formulaire HTML tout simple pour envoyer un mail au webmaster.</p><p id="r-949789" data-claire-element-id="949789">C'est très utile pour vous, car cela vous permet d'avoir des retours de vos visiteurs, seulement Google a une véritable haine contre ces pages qui pour lui ne représentent absolument rien. Google aime votre contenu textuel, et pour lui, un formulaire HTML est tout sauf un contenu textuel. Il va donc falloir dès maintenant songer à interdire l'indexation de vos pages de contact comme vous savez le faire. Voici un exemple de pages dont vous avez tout intérêt à interdire l'indexation pour ne pas recevoir de pénalités :</p><ul id="r-949794" data-claire-element-id="949794"><li id="r-949791" data-claire-element-id="949791"><p id="r-949790" data-claire-element-id="949790">les pages de contact ;</p></li><li id="r-949793" data-claire-element-id="949793"><p id="r-949792" data-claire-element-id="949792">les profils des membres.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre"> <span class="arrow"></span> <span class="next">Les pièges à éviter et les bonnes habitudes à prendre</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> <span class="next">Référencer des sites en AJAX</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="RfrencerdessitesenAJAX"></a><h2>Référencer des sites en AJAX</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> <span class="arrow"></span> <span class="next">Les mauvaises pratiques</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> <span class="next">Flash et le référencement</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-ajax-et-le-referencement" data-claire-element-id="949801">AJAX et le référencement</h2><h3 id="r-ajax-la-problematique" data-claire-element-id="949800">AJAX, la problématique</h3><p id="r-949798" data-claire-element-id="949798">Faire référencer des sites en AJAX a longtemps fait peur à beaucoup de webmasters. Pourquoi ? Pour la simple et bonne raison que la création d'applications en AJAX est permise par JavaScript, langage qui n'est pas interprété par le Googlebot. Ainsi, il y a encore peu de temps, si vous produisiez des sites dont le contenu était chargé et affiché en AJAX, vous preniez le risque de ne pas voir ce contenu indexé.</p><p id="r-949799" data-claire-element-id="949799">Les choses ont néanmoins changé depuis peu, et nous pouvons maintenant faire indexer des sites web en AJAX grâce à une certaine méthode dont on va parler tout de suite.</p><h2 id="r-faire-referencer-de-l-ajax" data-claire-element-id="949858">Faire référencer de l'AJAX</h2><h3 id="r-un-processus-atypique" data-claire-element-id="949803">Un processus atypique</h3><p id="r-949802" data-claire-element-id="949802">La méthode qui est expliquée ici est <a href="http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=174992">documentée</a> sur la FAQ pour webmasters de Google. Vous noterez que cette méthode est relativement complexe, et qu'il est inutile de vous torturer l'esprit avec, si votre contenu n'est pas affiché en AJAX. Ceci étant dit, vous risquez de ne pas avoir le choix si votre site est construit en AJAX et que vous voulez un référencement solide. Alors attaquons ensemble !</p><h3 id="r-les-ancres-d-url-ajax" data-claire-element-id="949822">Les ancres d'URL AJAX</h3><p id="r-949804" data-claire-element-id="949804">La première étape est de procéder à quelques modifications de vos URL afin de prouver à Google que votre contenu chargé en AJAX est indexable. AJAX consiste en un rechargement de portions de page asynchrone. Cela signifie qu'une fois votre application chargée dans votre navigateur, l'URL ouverte ne changera pas, quoi que vous fassiez, à l'exception des ancres. Faites le test avec une application AJAX de Google par exemple ! Naviguez dans Gmail ou dans Google Documents, et vous verrez que le « corps » des URL restera le même, seuls les textes des ancres changeront.</p><p id="r-949805" data-claire-element-id="949805">Nous allons devoir effectuer une toute petite modification sur les ancres afin de prouver à Googlebot que votre site est explorable en AJAX. Les ancres se définissent dans l'URL grâce aux <code>#</code>, par exemple <code>ajax_app.html#ancre</code>. Il va falloir ajouter un point d'exclamation « <code>!</code> » juste après le # qui précède le nom de votre ancre. Je vous assure qu'il n'y a pas de piège, nous sommes uniquement là pour montrer à Google que votre site en AJAX est indexable et rien d'autre.</p><table id="r-949818" data-claire-element-id="949818"><thead id="r-949811" data-claire-element-id="949811"><tr id="r-949810" data-claire-element-id="949810"><th id="r-949807" data-claire-element-id="949807"><p id="r-949806" data-claire-element-id="949806">Pour Google, cette URL AJAX est indexable...</p></th><th id="r-949809" data-claire-element-id="949809"><p id="r-949808" data-claire-element-id="949808">... et celle-ci n'est pas indexable</p></th></tr></thead><tbody id="r-949817" data-claire-element-id="949817"><tr id="r-949816" data-claire-element-id="949816"><td id="r-949813" data-claire-element-id="949813"><p id="r-949812" data-claire-element-id="949812">exemple_app_ajax.html#!ancre</p></td><td id="r-949815" data-claire-element-id="949815"><p id="r-949814" data-claire-element-id="949814">exemple_app_ajax.html#ancre</p></td></tr></tbody></table><aside id="r-949820" data-claire-element-id="949820" data-claire-semantic="information"><p id="r-949819" data-claire-element-id="949819">Passez bien sûr par vos balises de lien <code data-claire-semantic="html"><a></code> pour faire cette modification. Si vous avez un trou de mémoire, n'hésitez pas à relire <a href="http://www.siteduzero.com/tutoriel-3-13499-un-lien-vers-une-ancre.html">le chapitre sur les ancres du tutoriel HTML5 du Site du Zéro</a>.</p></aside><p id="r-949821" data-claire-element-id="949821">C'est là que le premier problème va se poser pour le robot, car une ancre ne signifie pas une nouvelle page. Dans un site orienté contenu c'est une vraie catastrophe.</p><h3 id="r-nouvelle-notion-instantane-html" data-claire-element-id="949857">Nouvelle notion : instantané HTML</h3><p id="r-949823" data-claire-element-id="949823">Vous avez bien ajouté ce petit point d'exclamation à vos ancres ? C'est super, Google sait maintenant que votre site est indexable en AJAX. Imaginons que votre application AJAX soit un blog dont vous voulez travailler le référencement. Votre blog est un peu léger et il ne comporte que trois articles dont voici les titres :</p><ul id="r-949830" data-claire-element-id="949830"><li id="r-949825" data-claire-element-id="949825"><p id="r-949824" data-claire-element-id="949824"><em>Mes vacances au Japon</em> ;</p></li><li id="r-949827" data-claire-element-id="949827"><p id="r-949826" data-claire-element-id="949826"><em>La naissance de mon petit frère</em> ;</p></li><li id="r-949829" data-claire-element-id="949829"><p id="r-949828" data-claire-element-id="949828"><em>Mon nouvel ordinateur</em>.</p></li></ul><p id="r-949831" data-claire-element-id="949831">Ces pages sont donc définies par des ancres dans votre application HTML. Cela signifie que vos pages sont accessibles en AJAX à la même adresse... Une ancre, en HTML, n'est rien d'autre qu'un moyen d'accéder à un passage précis dans une page web, mais elles ne définissent en aucun cas de nouvelles pages.</p><table id="r-949854" data-claire-element-id="949854"><thead id="r-949837" data-claire-element-id="949837"><tr id="r-949836" data-claire-element-id="949836"><th id="r-949833" data-claire-element-id="949833"><p id="r-949832" data-claire-element-id="949832">URL</p></th><th id="r-949835" data-claire-element-id="949835"><p id="r-949834" data-claire-element-id="949834">Titre d'article</p></th></tr></thead><tbody id="r-949853" data-claire-element-id="949853"><tr id="r-949842" data-claire-element-id="949842"><td id="r-949839" data-claire-element-id="949839"><p id="r-949838" data-claire-element-id="949838">show_article.html#mes-vacances-au-japon</p></td><td id="r-949841" data-claire-element-id="949841"><p id="r-949840" data-claire-element-id="949840">Mes vacances au Japon.</p></td></tr><tr id="r-949847" data-claire-element-id="949847"><td id="r-949844" data-claire-element-id="949844"><p id="r-949843" data-claire-element-id="949843">show_article.html#la-naissance-de-mon-petit-frere</p></td><td id="r-949846" data-claire-element-id="949846"><p id="r-949845" data-claire-element-id="949845">La naissance de mon petit frère.</p></td></tr><tr id="r-949852" data-claire-element-id="949852"><td id="r-949849" data-claire-element-id="949849"><p id="r-949848" data-claire-element-id="949848">show_article.html#mon-nouvel-ordinateur</p></td><td id="r-949851" data-claire-element-id="949851"><p id="r-949850" data-claire-element-id="949850">Mon nouvel ordinateur.</p></td></tr></tbody></table><p id="r-949855" data-claire-element-id="949855">Vous voyez tout de suite le problème. Il serait quand même particulièrement gênant que vos trois articles, qui parlent de sujets totalement différents, soient accessibles à la même adresse par les robots. Il va donc falloir trouver le moyen de donner aux robots un instantané HTML de vos pages web.</p><p id="r-949856" data-claire-element-id="949856">C'est très simple à comprendre : il faut envoyer à vos robots le code HTML de votre page, au moment précis où tel ou tel article est affiché. Google obtiendra ainsi le code HTML de votre article <em>Mes vacances au Japon</em> de manière dissociée et indépendante du code de votre article <em>Mon nouvel ordinateur</em>. Ainsi, le robot sera capable de comprendre qu'il s'agit bien de pages différentes qui constituent réellement deux entités différentes à référencer.</p> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> <span class="arrow"></span> <span class="next">Les mauvaises pratiques</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> <span class="next">Flash et le référencement</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Flashetlerfrencement"></a><h2>Flash et le référencement</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> <span class="arrow"></span> <span class="next">Référencer des sites en AJAX</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo"> <span class="next">Les fondements du « Off-page SEO »</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-flash-et-le-referencement" data-claire-element-id="949895">Flash et le référencement</h2><figure id="r-949861" data-claire-element-id="949862"><img id="r-949860" data-claire-element-id="949860" src="medias/uploads.siteduzero.com_files_393001_394000_393719.png" alt="Image utilisateur"/></figure><h3 id="r-qu-est-ce-que-flash" data-claire-element-id="949876">Qu'est-ce que Flash ?</h3><p id="r-949863" data-claire-element-id="949863">Flash est une technologie créée par Adobe, une entreprise américaine éditant des logiciels assez chers mais de grande qualité. Ils sont très utilisés dans le monde professionnel. Parmi eux, on peut citer Photoshop, Dreamweaver ou encore AfterEffect. Ce sont tous des produits signés Adobe dont vous avez au moins entendu le nom ! Parmi ces logiciels, il en existe un autre baptisé « Adobe Flash ». Ce logiciel et le langage qu'il propose, l'ActionScript, permettent de créer une multitude de choses complexes. À l'aide de Flash, vous pouvez notamment créer :</p><ul id="r-949874" data-claire-element-id="949874"><li id="r-949865" data-claire-element-id="949865"><p id="r-949864" data-claire-element-id="949864">des lecteurs audio ;</p></li><li id="r-949867" data-claire-element-id="949867"><p id="r-949866" data-claire-element-id="949866">des lecteurs vidéo ;</p></li><li id="r-949869" data-claire-element-id="949869"><p id="r-949868" data-claire-element-id="949868">des bannières animées ;</p></li><li id="r-949871" data-claire-element-id="949871"><p id="r-949870" data-claire-element-id="949870">des applications complètes ;</p></li><li id="r-949873" data-claire-element-id="949873"><p id="r-949872" data-claire-element-id="949872">des jeux vidéo.</p></li></ul><p id="r-949875" data-claire-element-id="949875">Si Flash est suffisamment puissant pour créer toutes ces choses, il permet aussi de créer des sites web complets et fonctionnels orientés contenu.</p><h3 id="r-flash-vs-html" data-claire-element-id="949879">Flash vs HTML</h3><p id="r-949877" data-claire-element-id="949877">Si vous optez pour Flash (pourquoi pas ?) il va bien falloir vous débrouiller pour référencer vos sites, car Flash est vraiment différent de HTML. Le web se fait en HTML, c'est un standard que le W3C « impose », de même que le CSS pour la mise en forme. Ainsi, tout le monde est censé utiliser HTML et CSS pour faire des sites web. Google le sait très bien, et Googlebot a été créé de telle sorte qu'il soit parfaitement adapté à l'indexation des contenus HTML. Tout ça, vous le savez déjà.</p><p id="r-949878" data-claire-element-id="949878">Le fait est que l'on peut aussi utiliser Flash pour faire un site web. Cependant, avec Flash, il n'y a pas de code source, le contenu n'est pas balisé. Faites l'essai et naviguez sur <a href="http://gaara-fr.com/flash/index.swf">cette application Flash</a> complète. On voit bien que cela pourrait faire office de site web orienté contenu. C'est divisé en sections et il y a beaucoup de contenus textuels. Si vous essayez d'afficher le code source HTML de ces pages en appuyant sur <kbd>Ctrl</kbd> + <kbd>U</kbd>... rien ne s'affiche, car comme je vous l'ai dit Flash ne fonctionne pas comme ça ! La question que vous devez donc vous poser, c'est comment référencer un site qui n'est pas composé de HTML.</p><h3 id="r-la-collaboration-google-yahoo-adobe" data-claire-element-id="949882">La collaboration Google/Yahoo!/Adobe</h3><p id="r-949880" data-claire-element-id="949880">Google et Yahoo! ont compris qu'ils ne pouvaient pas se permettre de ne pas savoir indexer du contenu en Flash tant ils sont nombreux sur le web. Cela a pourtant été longtemps le cas, à tel point que Flash s'est constitué une très mauvaise réputation lorsqu'il s'agissait de parler référencement. On préférait tout simplement passer Flash sous silence et ne penser qu'en HTML et CSS. Aujourd'hui ce n'est plus tellement le cas, et officiellement, on arrive maintenant à référencer du contenu Flash pour peu que celui-ci soit bien conçu. En effet, Google, Yahoo! et Adobe collaborent depuis 2008 afin d'optimiser Flash pour le rendre « SEO-Friendly ». <a href="http://googlewebmastercentral.blogspot.fr/2008/06/improved-flash-indexing.html">Google a d'ailleurs annoncé avoir implémenté Flash</a> ; il serait maintenant capable de l'indexer au mieux. Même si les sites Flash ne proposent pas de contenu HTML, les robots d'indexation sont aujourd'hui capables d'identifier le contenu au sein même des animations Flash ! La présence d'un contenu HTML ne serait donc pas indispensable dans l'indexation.</p><p id="r-949881" data-claire-element-id="949881">Je suis pour ma part incapable de vous expliquer précisément comment construire des sites « SEO-Friendly » en Flash, car j'ai toujours utilisé les standards HTML et CSS. Néanmoins, le procédé reposerait sur l'emploi de certaines fonctions en ActionScript pour déterminer quel contenu correspond à quoi, à l'aide notamment d'URL et d'ancres. Au lieu de vous faire une bête traduction des informations officielles fournies par Adobe, je vous redirige directement vers <a href="http://www.adobe.com/devnet/flashplayer/articles/swf_searchability.html">leur FAQ qui semble complète à ce sujet</a>, et surtout, vers ce <a href="http://oreilly.com/flash/excerpts/seo-for-flash/creating-optimized-flash.html">tutoriel de référencement en Flash</a>.</p><h3 id="r-faut-il-utiliser-flash" data-claire-element-id="949894">Faut-il utiliser Flash ?</h3><p id="r-949883" data-claire-element-id="949883">Il faut quand même savoir que Flash reste plus lourd que HTML/CSS et JavaScript. Connaissez-vous les Google Doodle ? Il s'agit de logos animés que Google propose souvent sur son moteur de recherche à la place du logo habituel. Ces logos animés sont entièrement composés en JavaScript à l'aide du framework jQuery. Google doit répondre à plus d'un milliard de requêtes chaque jour. Dites-vous que ce n'est pas un hasard si la firme se refuse toujours à les proposer en Flash.</p><p id="r-949884" data-claire-element-id="949884">Après m'être documenté sur le sujet, mon sentiment est que malgré tous les efforts d'Adobe, de Google et de Yahoo!, j'ai du mal à croire que le Flash se référence aussi bien que le HTML. Néanmoins, je pense que, contrairement au passé, il ne faut pas tomber dans la bête diabolisation du Flash, car il semble lui aussi posséder plus d'un atout dans sa manche. Alors, pourquoi ne pas <a href="http://www.siteduzero.com/tutoriel-3-684108-apprenez-a-programmer-en-actionscript-3.html">apprendre Flash</a> ?</p><ul id="r-949893" data-claire-element-id="949893"><li id="r-949886" data-claire-element-id="949886"><p id="r-949885" data-claire-element-id="949885">Interdisez l'indexation de vos pages faibles en contenu pour favoriser vos pages riches en contenu.</p></li><li id="r-949888" data-claire-element-id="949888"><p id="r-949887" data-claire-element-id="949887">Méfiez-vous des <em>duplicate content</em>, ne plagiez pas les autres sites et ne proposez pas de contenu dupliqué sur le vôtre !</p></li><li id="r-949890" data-claire-element-id="949890"><p id="r-949889" data-claire-element-id="949889">Attention à ne pas rendre votre site dépendant de JavaScript : Googlebot ne verra pas votre contenu si son affichage se fait grâce à JavaScript en AJAX.</p></li><li id="r-949892" data-claire-element-id="949892"><p id="r-949891" data-claire-element-id="949891">Le Flash semble se référencer correctement de nos jours. Je vous encourage à lire la FAQ d'Adobe à ce sujet.</p></li></ul> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> <span class="arrow"></span> <span class="next">Référencer des sites en AJAX</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo"> <span class="next">Les fondements du « Off-page SEO »</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="LesfondementsduOff-pageSEO"></a><h2>Les fondements du « Off-page SEO »</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> <span class="arrow"></span> <span class="next">Flash et le référencement</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> <span class="next">Introduction au référencement à l'extérieur</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div class="content"> <p id="r-949900" data-claire-element-id="949900">Le référencement ne peut plus se limiter à votre propre site : il va falloir travailler main dans la main avec les autres pour faire de votre site un site bien référencé. Voyons ici les tenants et les aboutissants du référencement à l'extérieur.</p><p id="r-949901" data-claire-element-id="949901">Notez que ce chapitre servira seulement d'introduction générale au référencement à l'extérieur. Nous rentrerons dans le détail dans les chapitres suivants.</p> </div><a name="Introductionaurfrencementl039extrieur"></a><h2>Introduction au référencement à l'extérieur</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo"> <span class="arrow"></span> <span class="next">Les fondements du « Off-page SEO »</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> <span class="next">Des sites de confiance et de qualité</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <figure id="r-949903" data-claire-element-id="949904"><img id="r-949902" data-claire-element-id="949902" src="medias/uploads.siteduzero.com_files_402001_403000_402521.png" alt="Image utilisateur"/></figure><h2 id="r-travailler-avec-les-autres-sites" data-claire-element-id="949912">Travailler avec les autres sites…</h2><h3 id="r-pour-booster-son-propre-seo" data-claire-element-id="949907">…pour booster son propre SEO</h3><p id="r-949905" data-claire-element-id="949905">Le web n'est rien d'autre qu'un immense amas de sites web qui vivent tous, les uns à côté des autres. Parfois ces sites sont partenaires, d'autres fois ils sont concurrents… Néanmoins, tous ces sites veulent une seule et même chose : être visités. Nous avons d'ailleurs vu tout au long de la partie précédente la manière de générer des visites sur votre site.</p><p id="r-949906" data-claire-element-id="949906">Cependant, le référencement va bien plus loin que cela. Il faut certes bien optimiser ses pages mais pas seulement ! Tout ce que nous allons étudier au cours de cette nouvelle partie, c'est l'autre visage du référencement : le référencement hors de votre site web ! Vous devez dès maintenant savoir que si vous restez centrés sur votre propre site, celui-ci ne décollera jamais. Votre site web, aujourd'hui, ne peut plus construire son référencement sur son propre potentiel : <strong>il va falloir travailler avec les autres sites</strong>.</p><h3 id="r-la-mission-de-google" data-claire-element-id="949911">La mission de Google !</h3><p id="r-949908" data-claire-element-id="949908">Au tout début de ce cours, je vous avais parlé un tout petit peu de la mission que Google s'était donnée : rendre l'information facilement accessible pour tous. Google référence donc des millions de sites web et dresse une liste de résultats la plus pertinente possible pour la recherche que vous tapez. Tout cela, vous le savez. Ce que vous ne savez probablement pas, c'est que pour Google il existe aussi une <strong>relation</strong> entre les différents sites web qui existent dans son index...</p><p id="r-949909" data-claire-element-id="949909">Cette relation prend tout son sens avec la notion de lien hypertexte. En effet, nous avons vu au sujet des liens dans la partie précédente qu'il ne s'agissait pas d'un simple confort de navigation pour l'internaute, mais d'un réel enjeu pour le référencement. Ce sont vos liens qui alimentent vos pages web en Google Juice. Ainsi, plus il y a de liens menant vers une page A, plus la page A pèsera lourd dans la balance lorsque Google l'indexera.</p><p id="r-949910" data-claire-element-id="949910">Toutefois, nous pouvons aussi créer des liens vers d'autres sites web, et ces mêmes sites web peuvent aussi créer des liens vers nous. Tout cela représente réellement quelque chose aux yeux de Google, qui se forge une image de la notoriété et de la réputation d'un site en fonction du nombre de liens entrants vers celui-ci et de la qualité de ces liens.</p> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo"> <span class="arrow"></span> <span class="next">Les fondements du « Off-page SEO »</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> <span class="next">Des sites de confiance et de qualité</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Dessitesdeconfianceetdequalit"></a><h2>Des sites de confiance et de qualité</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> <span class="arrow"></span> <span class="next">Introduction au référencement à l'extérieur</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> <span class="next">Retour sur l'histoire de Google</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-un-site-de-confiance-est-un-site-de-qualite" data-claire-element-id="949932">Un site de confiance est un site de qualité</h2><h3 id="r-le-referencement-in-page" data-claire-element-id="949931">Le référencement « in-page »</h3><p id="r-949914" data-claire-element-id="949914">Il est maintenant grand temps que je vous révèle tout ce que nous avons fait dans la précédente partie de ce cours. Je vous ai appris à construire vos sites web de manière SEO-Friendly. Mais au-delà de ça, je vous ai donné toutes les clés pour que vous puissiez construire des sites web de <strong>confiance </strong> et de <strong>qualité </strong>. Ces deux notions signifient réellement quelque chose pour Google. Je vous refais ici une synthèse très rapide de ce que nous avons vu dans la précédente partie du tutoriel. Un site de confiance et de qualité, pour Google c'est :</p><ul id="r-949929" data-claire-element-id="949929"><li id="r-949916" data-claire-element-id="949916"><p id="r-949915" data-claire-element-id="949915">un site qui propose beaucoup de contenu ;</p></li><li id="r-949918" data-claire-element-id="949918"><p id="r-949917" data-claire-element-id="949917">un site qui propose du contenu pertinent et intéressant pour l'internaute ;</p></li><li id="r-949920" data-claire-element-id="949920"><p id="r-949919" data-claire-element-id="949919">un site qui se charge vite ;</p></li><li id="r-949922" data-claire-element-id="949922"><p id="r-949921" data-claire-element-id="949921">un site qui propose un code HTML propre ;</p></li><li id="r-949924" data-claire-element-id="949924"><p id="r-949923" data-claire-element-id="949923">un site ergonomique ;</p></li><li id="r-949926" data-claire-element-id="949926"><p id="r-949925" data-claire-element-id="949925">un site avec une arborescence propre ;</p></li><li id="r-949928" data-claire-element-id="949928"><p id="r-949927" data-claire-element-id="949927">...</p></li></ul><p id="r-949930" data-claire-element-id="949930">Si votre site web retient toutes ces qualités, il a de fortes chances de gagner une forte notoriété au fil du temps, aussi bien chez les internautes que chez Google... Prenons par exemple le site Wikipedia, qui comporte un certain nombre de ces qualités et qui fait partie des meilleurs sites web au monde au niveau du référencement. Si vous vous intéressez à l'image de Wikipedia, vous remarquerez globalement qu'elle est très positive. Notez que par « image », j'entends réellement réputation sur le web. Vous constaterez vite que Wikipedia est cité quasiment partout sur le web et qu'il dispose de liens entrants un peu partout. Ce doit être votre travail majeur lorsque vous vous référencez sur d'autres sites. Votre but est d'entretenir l'image que votre site possède auprès des autres, tout en les incitant à créer un maximum de liens entrants.</p><h2 id="r-les-liens-entrants" data-claire-element-id="949943">Les liens entrants</h2><h3 id="r-le-trait-majeur-du-referencement-a-l-exterieur" data-claire-element-id="949942">Le trait majeur du référencement à l'extérieur</h3><p id="r-949933" data-claire-element-id="949933">Nous leur consacrerons tout un chapitre, mais j'aimerais quand même vous parler ici des liens entrants, ou <em>backlinks</em> en anglais. Ils sont en fait les vecteurs du référencement à l'extérieur : tout passera par eux. Vous devez donc :</p><ul id="r-949938" data-claire-element-id="949938"><li id="r-949935" data-claire-element-id="949935"><p id="r-949934" data-claire-element-id="949934">inciter les autres sites à créer des liens vers votre site ;</p></li><li id="r-949937" data-claire-element-id="949937"><p id="r-949936" data-claire-element-id="949936">faire en sorte que ces liens soient de qualité.</p></li></ul><p id="r-949939" data-claire-element-id="949939">Vous devez savoir que dès maintenant toutes les occasions ou presque sont bonnes pour faire en sorte que les autres sites créent des liens vers le vôtre. Pour un internaute, un lien signifie simplement une facilité d'accès supplémentaire à l'information. Pour Google, cela va plus loin. Si un site A crée un lien vers un site B, alors le site B reçoit de la notoriété du site A. <strong>La qualité seule de vos pages ne suffit plus à vous garantir un bon référencement, travaillez avec les autres ! </strong>». C'est la seule idée que ce très court chapitre cherche à vous présenter. Si vous avez compris ça, c'est très bien. ;)</p><aside id="r-949941" data-claire-element-id="949941" data-claire-semantic="warning"><p id="r-949940" data-claire-element-id="949940">Notez que l'on peut quand même séparer les backlinks en deux catégories : les bons backlinks et les mauvais backlinks. Il convient donc de nuancer mes propos lorsque je dis que toutes les occasions seront bonnes pour faire en sorte que les autres sites créent des liens vers votre site. Dans le prochain chapitre nous verrons ce qu'est un mauvais <em>backlink</em> . Dans la mesure du possible, il faudra éviter d'en avoir.</p></aside> <aside class="aside-menu"> <ul class="content-menu" role="navigation"> <li class="tuto"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">Améliorez la visibilité de votre site grâce au référencement</a> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 1</span> Introduction au référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/parlons-de-referencement">Parlons de référencement...</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qu-est-ce-que-le-referencement"> Qu'est-ce que le référencement ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-cles-du-referencement"> Les clés du référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-avant-et-l-apres-google"> L'avant et l'après-Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bien-se-preparer-pour-bien-debuter">Bien se préparer pour bien débuter</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/quel-navigateur-web-choisir"> Quel navigateur web choisir ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-suite-d-extensions-a-adopter"> Une suite d’extensions à adopter ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-robots-sur-le-web">Les robots sur le web</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-aux-robots"> Introduction aux robots </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/comment-fonctionne-google"> Comment fonctionne Google ? </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 2</span> Optimisez vos pages web pour le référencement </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/concepts-de-base-d-un-site-seo-friendly">Concepts de base d'un site « SEO-Friendly »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-du-code-html"> Un site web, du code HTML </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-d-ergonomie"> Une question d'ergonomie </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/pensez-a-votre-visiteur"> Pensez à votre visiteur ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/communiquez-avec-googlebot">Communiquez avec Googlebot !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/aidez-googlebot-a-generer-le-resultat-de-recherche"> Aidez Googlebot à générer le résultat de recherche </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-meta-description-et-keywords-ne-sont-pas-encore-morts"> Les meta description et keywords ne sont pas encore morts ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-une-page-avec-le-meta-robots"> Interdire l'indexation d'une page avec le meta robots ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/interdire-l-indexation-d-un-site-avec-le-robots-txt"> Interdire l'indexation d'un site avec le robots.txt ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-1-2">Un site web, une arborescence, des URL ! (1/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-base-de-l-url-le-nom-de-domaine"> La base de l'URL : le nom de domaine ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/construire-des-url-seo-friendly"> Construire des URL "SEO-Friendly" </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/problematique-des-url-dynamiques"> Problématique des URL dynamiques </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-site-web-une-arborescence-des-url-2-2">Un site web, une arborescence, des URL ! (2/2)</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-link-juice-ou-jus-de-lien"> Le Link Juice ou Jus de lien ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acheminer-le-jus-a-travers-son-site"> Acheminer le jus à travers son site </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/ne-gaspillez-pas-betement-votre-jus"> Ne gaspillez pas bêtement votre jus ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/precisions-sur-le-google-juice"> Précisions sur le Google Juice </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/l-importance-des-mots-cles">L'importance des mots-clés !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-question-de-mots-cles"> Une question de mots-clés ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/choisissez-vos-mots-cles-grace-a-google"> Choisissez vos mots-clés grâce à Google ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-concept-de-la-longue-traine"> Le concept de la longue traîne </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement-1">La sémantique et le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-semantique-et-le-referencement"> La sémantique et le référencement </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-a-travers-l-evolution-du-web"> Le référencement à travers l'évolution du web </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/html5-et-les-micro-donnees-de-l-avenir"> HTML5 et les micro-données de l'avenir </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-pieges-a-eviter-et-les-bonnes-habitudes-a-prendre">Les pièges à éviter et les bonnes habitudes à prendre</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-mauvaises-pratiques"> Les mauvaises pratiques </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/referencer-des-sites-en-ajax"> Référencer des sites en AJAX </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/flash-et-le-referencement-1"> Flash et le référencement </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 3</span> La notoriété de votre site sur le web </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-fondements-du-off-page-seo">Les fondements du « Off-page SEO »</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> Introduction au référencement à l'extérieur </a> </li> <li class="active"> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> Des sites de confiance et de qualité </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> Retour sur l'histoire de Google </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks">Les backlinks</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/que-sont-les-backlinks"> Que sont les backlinks ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/netlinking-inciter-les-autres-a-creer-des-liens"> Netlinking : inciter les autres à créer des liens </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-indice-le-pagerank"> Un indice : le PageRank </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires-1">Le référencement grâce aux annuaires</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-referencement-grace-aux-annuaires"> Le référencement grâce aux annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscription-sur-les-annuaires"> Inscription sur les annuaires </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-cas-dmoz-directory-mozilla"> Le cas DMOZ (Directory Mozilla) ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/exploitez-intelligemment-les-reseaux-sociaux">Exploitez intelligemment les réseaux sociaux</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-social-media-optimization-smo"> Le Social Media Optimization (SMO) </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/facebook-bouton-j-aime-et-autres-modules"> Facebook : bouton « J'aime » et autres modules </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/twitter-et-les-tweets"> Twitter et les Tweets ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-et-le-bouton-1"> Google+ et le bouton « +1 » </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 4</span> Profitez de la suite Google pour webmasters ! </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gerez-votre-site-avec-google-outils-pour-les-webmasters">Gérez votre site avec Google Outils pour les webmasters</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouverte-des-outils-pour-les-webmasters"> Découverte des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/acceder-aux-outils-pour-les-webmasters"> Accéder aux outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-tableau-de-bord-des-outils-pour-les-webmasters"> Le tableau de bord des outils pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/un-plan-du-site-pour-googlebot-sitemap-xml"> Un plan du site pour Googlebot : sitemap.xml </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-statistiques-de-votre-site-avec-google-analytics">Les statistiques de votre site avec Google Analytics</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-analytics-c-est-quoi"> Google Analytics : c'est quoi ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/inscrire-son-site-sur-google-analytics"> Inscrire son site sur Google Analytics </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-alternatives-a-google-analytics"> Des alternatives à Google Analytics </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/monetisez-votre-site-web-avec-google-adsense">Monétisez votre site web avec Google Adsense</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/la-pub-c-est-quoi-et-a-quoi-ca-sert"> La pub : c'est quoi et à quoi ça sert ? </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/diffuser-des-publicites-sur-son-site-avec-adsense"> Diffuser des publicités sur son site avec Adsense </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/gare-a-la-publicite-intrusive"> Gare à la publicité intrusive ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/creez-vos-campagnes-de-publicite-avec-google-adwords">Créez vos campagnes de publicité avec Google Adwords</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-adwords-les-fondamentaux"> Google Adwords : les fondamentaux </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/une-premiere-campagne-google-adwords"> Une première campagne Google Adwords </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/autres-services-de-google-pour-le-referencement">Autres services de Google pour le référencement</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/le-centre-d-aide-de-google-pour-les-webmasters"> Le « centre d'aide » de Google pour les webmasters </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/google-trends-les-tendances-de-recherche"> Google Trends : les tendances de recherche </a> </li> </ul> </li></ul> </li> <li class="chapter"> <a class="chapterLink" onmouseover="$(this).addClass('box-shadow-summary').next().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').next().removeClass('box-shadow-summary');"> <span>Partie 5</span> Annexes et autres ressources </a> <a class="chapterOpen" href="#" onmouseover="$(this).addClass('box-shadow-summary').prev().addClass('box-shadow-summary');" onmouseout="$(this).removeClass('box-shadow-summary').prev().removeClass('box-shadow-summary');"> <span>+</span> </a> <ul class="subchapters"> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/decouvrez-lynx-browser">Découvrez Lynx Browser !</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/lynx-un-navigateur"> Lynx : un navigateur ! </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/votre-premiere-visite-sous-lynx-browser"> Votre première visite sous Lynx Browser ! </a> </li> </ul> </li> <li class="subchapter"> <div> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-autres-moteurs-de-recherche-3">Les autres moteurs de recherche</a> <a class="subchapterOpen" href="#"> <span>+</span> </a> </div> <ul class="subchapter-parts"> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/bing-le-moteur-de-recherche-de-microsoft"> Bing : le moteur de recherche de Microsoft </a> </li> <li> <a href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/qwant-un-moteur-de-recherche-francais"> Qwant, un moteur de recherche français </a> </li> </ul> </li> </ul> </li> </li> </ul> </aside> </div> <div id="content-bottom-menu"></div> <div class="allItemsSmall" title="À venir"> Fatigué(e) de lire sur un écran ? Découvrez ce cours <a href="/informatique/book/ameliorez-la-visibilite-de-votre-site-grace-au-referencement">en livre</a>. </div> <hr/> <div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/introduction-au-referencement-a-l-exterieur"> <span class="arrow"></span> <span class="next">Introduction au référencement à l'extérieur</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/retour-sur-l-histoire-de-google"> <span class="next">Retour sur l'histoire de Google</span> <span class="arrow"></span> </a> </div> <hr class="bottom"/> <div class="clear"></div> <div class="adBan"> <script type='text/javascript'> if (window.innerWidth >= 728) { document.write('<div id="div-gpt-ad-1350977194635-8" class="megaban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977194635-8'); }); } else { document.write('<div id="div-gpt-ad-1350977284180-8" class="miniban"></div>'); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1350977284180-8'); }); } </script> </div> <div class="clear"></div><a name="Retoursurl039histoiredeGoogle"></a><h2>Retour sur l'histoire de Google</h2><div class="paginate-tuto"> <a class="before" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/des-sites-de-confiance-et-de-qualite"> <span class="arrow"></span> <span class="next">Des sites de confiance et de qualité</span> </a> <a class="after" href="/informatique/tutoriels/ameliorez-la-visibilite-de-votre-site-grace-au-referencement/les-backlinks"> <span class="next">Les backlinks</span> <span class="arrow"></span> </a> </div> <hr class="top"/> <div class="clear"></div> <div id="content" role="article"> <h2 id="r-le-off-page-seo-une-nouveaute-signee-google" data-claire-element-id="949961">Le Off-page SEO, une nouveauté signée Google</h2><h3 id="r-avant-1998" data-claire-element-id="949946">Avant 1998</h3><p id="r-949945" data-claire-element-id="949945">Avant 1998 et le lancement de Google, le référencement se faisait uniquement sur votre propre site web. Les notions de lien et de notoriété n'existaient pas vraiment. Comme vous le savez, on se contentait de mettre les bons mots-clés dans des balises <code data-claire-semantic="html"><meta /></code>, et on se retrouvait en haut des résultats de recherche sans trop de problème.</p><h3 id="r-lancement-de-google" data-claire-element-id="949960">Lancement de Google</h3><p id="r-949947" data-claire-element-id="949947">Larry Page et Sergeï Brin, les deux fondateurs de Google, sont partis d'un constat simple lorsqu'ils ont créé leur moteur de recherche : les résultats de recherche qui ressortaient d'Altavista n'étaient pas les plus pertinents. Dès lors, une rapide analyse du web leur a permis de comprendre qu'ils devaient baser leur nouvel algorithme sur les liens présents sur la toile. En effet, sur le web, les liens sont synonymes de qualité. Si un site A fait un lien vers un site B, c'est que le site B propose un contenu pertinent... et si le site B fait lui-même un lien vers un site C, c'est que le site C est un site suffisamment intéressant pour que le site B, qui est déjà reconnu comme pertinent par le site A, lui fasse un lien. Et ainsi de suite avec un site D.</p><p id="r-949948" data-claire-element-id="949948">Les deux fondateurs de Google ont traduit cette idée par un algorithme d'indexation des pages que Google utilise encore aujourd'hui. Personne avant Google n'avait eu l'idée d'exploiter les liens faits entre les sites, et de les utiliser comme critère d'indexation. C'est cet algorithme qui a permis à Google de s'imposer comme le moteur de recherche de référence (voir la figure suivante).</p><figure id="r-une-image-qui-illustre-l-algorithme-d-indexation-de-google" data-claire-element-id="949951"><img id="r-949949" data-claire-element-id="949949" src="med