Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
REFERENCEMENT
Référencement et recherche Web
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
SOMMAIRE
INTERNET
Pourquoi le référencement est-il aussi
important ?
Objectifs du référencement pour un site
web
Les habitudes des internautes
Référencement ou positionnement
C’est quoi le référencement ?
L’affichage des résultats
Google
Historique
Google et la recherche
Que veut Google ?
La règle des 3 C
Les backlinks de qualité
Le pagerank
Le SEO
Le SMO
Le SEA
Le SEM
Tricher avec Google ?
Avenir de la recherche
L’analyse
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
AVOIR UN SITE EST INSUFFISANT
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
NOTRE VIE SE NUMERISE
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
CONSOMMATION DATA
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
OBJECTIFS DU SITE
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LE COMPORTEMENT DES INTERNAUTES
 1/3 : Liens
1/3 : Accès direct et favoris
1/3 : Outils de recherche
 92 % des internautes utilisent un moteur de recherche
 79 % des utilisent plusieurs mots clés
 Moins de 30 % ne dépassent pas la première page de
résultats
 45 % consultent la 2ème et 3ème page
 Moins de 30 % ne dépassent la 4ème page.
 Plus de 9% des recherches sont faites sur Google Images
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
TOP 5 DES MOTEURS RECHERCHE
Et pourtant Google
n’est pas seul
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
REFERENCEMENT ou POSITIONNEMENT ?
 Par défaut tous les
sites sont référencés
mais pas forcément
bien placés.
 Etre bien référencé
c’est être bien placé
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
GOOGLE DICTE SA LOI
 Etre bien référencé
c’est être bien placé
sur Google
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
C’EST QUOI LE REFERENCEMENT ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
INDEXATION DES SITES
Sites internet
 Des Robots logiciels
qui arpentent le Web
 Robots, Bots, spiders,
botnet
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
A RETENIR
Les moteurs ne donnent accès qu’à 10% du Web
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
C’EST QUOI LE REFERENCEMENT ?
Envoi d’une requête
Mot(s) clé(s)
Serveurs Google
Interroge son index
Extraction des pages
Il les classe par ordre de pertinence,
selon un algorithme qui lui est propre
Envoi des résultats
Affichage
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
L’AFFICHAGE DES RESULTATS
 LES SNIPPETS GOOGLE
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
L’HUMAIN ET SES DEFAUTS EYE TRACKING
Source : Enquiro Source : Google
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
GOOGLE CHANGE LA DONNE VOTRE PC AUSSI!
ONE BOX
LIGNE DE FLOTTAISON
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
UN SAC DE NOEUDS ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
INTRODUCTION
Historique rapide :
1993-1995 : arrivée des premiers moteurs (Excite, Webcrawler, Infoseek, Lycos, etc.).
1995-2000 : Apparition d’AltaVista : balises meta "keywords".
Problèmes : ces moteurs étaient "sur-spammés"…
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
HISTOIRE RAPIDE DES MOTEURS DE RECHERCHE
 1969 Internet
 1990 Arrivée du Web
 1993-1995 : arrivée des premiers moteurs (Excite, Webcrawler, Infoseek, Lycos, etc.).
 7 septembre 1998 lancement de la société Google Inc
 1998-2000 : Arrivée de Google qui balaie le paysage des moteurs avec le PageRank.
1995-2000 : Apparition d’AltaVista : balises meta "keywords".
 Problèmes : ces moteurs étaient "sur-spammés"…
 2006-2007 : Google fait la chasse aux pages satellites...
 2007-2011 : Optimisation des pages du site : la stratégie reine !
Deux écoles de référencement co-existaient jusqu’à maintenant : l’optimisation des pages du site
et la création de pages satellites ( à bannir !!! )
Google a sorti son épingle du jeux et continue de progresser pour donner accès à un
contenu de qualité
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
GOOGLE
 En 1996, Google, alors baptisé Backrub, est le nom d’un projet de recherche sur lequel
travaillent deux étudiants de l’université de Stanford : Larry Page et Sergey Brin
 En 1998, les deux étudiants recherchent des fonds pour créer leur entreprise.
 7 septembre 1998 lancement de la société Google Inc.
 1999 en février, Google doit gérer 500.000 requêtes par jour. A la fin de l’été, Google
enregistre quotidiennement 3 millions de recherches.
 En juin 2000, Google devient le moteur de recherche le plus complet au monde, en référençant
un demi-milliard de pages Web.
 2001 Google référence 3 milliards de pages Web.
 En février 2003, Google gère au quotidien 200 millions de requêtes par jour soit 53% des
requêtes mondiales. Les 200 employés de l’époque se partage 1 million de dollars.
 L’année 2004 marque pour Google l’apogée de sa domination en matière de recherche. Son
index contient plus de 4,3 milliards de pages. En mai, Google entre en bourse sur le marché du
Nasdaq.
 En 2006, plus de 8 milliards de pages indexées et 1 milliard d’images. Son moteur offre des
résultats dans plus de 35 langues. L’entreprise compte aujourd’hui un peu plus de 5.000
employés. Le moteur reçoit entre 200 et 300 millions de requêtes journalières.
 En 2009 Google est touché par la crise, ferme certains services et ne renouvelle pas certains
contrats
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
GOOGLE
Larry Page
 33 ans fortune personnelle 10,2 milliards d’€ (27ème rang mondial.)
 Né le 26 mars 1973 à East Lansing dans le Michigan.
 Son père est l’un des tout premier informaticien de l’histoire en 1960. Enseignant
en faculté il y rencontrera son épouse, informaticienne également.
 On dira que Larry à un disque dur à la place du cerveau.
Sergey Brin
 32 ans fortune personnelle 10,3 milliards d’€ ( 26ème rang mondial.)
 Né le 21 août 1973 à Moscou.
 Son père est titulaire d’un doctorat en mathématique et travaille comme
économiste, sa mère est mathématicienne aussi et travaille comme ingénieur en
travaux publics.
L’entreprise Google : www.google.fr/intl/fr/corporate/
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
GOOGOL
Google
Répertorier et organiser l’ensemble des
connaissances humaines pour les rendre
accessibles et universelles.
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LA RECHERCHE GOOGLE C’EST AUSSI
Google patent search
Google blog
Google books & mag
Google Suggest
disparu
Google Life
Google Grippe
Google ciné
Google Code
Google Scholar
Google pour les bègues
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
QUE VEUT
GOOGLE ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
- DU CONTENU DE QUALITE
- DU CODE PROPRE
- UNE CONCEPTION OPTIMISEE
LES 3 C
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
1 LE CONTENU
 Les MOTEURS DE RECHERCHE SONT DES OBSEDES TEXTUELS !
 Ils ne savent lire que du texte
 Ignorent les CSS
 Ignorent les images
 Ignorent les javascript
 Ignorent les listes déroulantes
 etc…
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
1 LE CONTENU
Une structuration cohérente de vos pages en Hn (H1 à H6) est très importante !
• Exemple sur une page d'accueil :
<H1>Nom du site et indication de son champ d'activités</H1>
<H2>Différentes rubriques du site</H2>
<H3>Sous-niveaux éventuels dans les rubriques</H3>
Exemple sur une fiche-produit :
<H1>Nom du produit</H1>
<H2>Présentation en 2 ou 3 phrases</H2>
<H3>Sous-titres éventuels</H3>
<H4>Fil d’Ariane</H4>
Au moins 200 mots dans le contenu éditorial
Le texte doit proposer les mots importants en gras (<STRONG>).
L’intitulé des liens doit être explicite
Le tout bien positionné
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
1 LE CONTENU
Zone 1 : Titre / Sous-titre /
Chapo
HEADER
FOOTER
NAV
Zone 2 : Texte éditorial
Zone 3 : Pour en savoir plus…
Insérer les mots clés importants
Mots clés importants en gras /
tags-liens / titraille
Liens connexes internes et
externes
La position des élément est importante
Elle fourni une pondération aux éléments
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
2 LE CODE
LE TITRE DE LA PAGE
• Renseigné !!!
• Unique sur chaque page
• 7 à 10 mot clés
• Reprend une partie du contenu éditorial
<title>Amphore du Berry Chambre d'hôte à Saint Amand Montrond </title>
LES META DESCRIPTION
<meta name="Description" content=“Description complete sur 150 - 200 caractères.." />
LES META KEYWORDS
<meta name=“keywords" content=“Mot clé 1, Mot clé 2, Mot clé 3, .." />
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
2 LE CODE
LES IMAGES
• Donnez leur un nom de fichier explicite !!!
• Renseigner la balise ALT
<img src=“url/nom-de-image-explicite.jpg” alt=“Description détaillée” />
LES LIENS avec image
• Decrire le lien avec la balise TITLE
<a href=“url” title=“Description du lien” />
Un code propre conforme aux normes W3C
• Pas d’impact réel
• Mais …
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
3 LA CONCEPTION
FACILITER LE TRAVAIL DU SPIDER
• FOURNIR Un fichier ROBOTS.TXT
Liste des zones à éviter par robot
User-Agent: nomDuRobot par ex : Googlebot
Disallow :
User-Agent: *
Disallow: /
• FOURNIR un fichier SITEMAP.XML
Décrit l’arborescence du site
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/</loc>
<lastmod>2005-01-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
3 LA CONCEPTION
DES URL EXPLICITES MODE REWRITE
A EVITER :
Finir par un « / » :
http://www.votresite.com/papeterie/stylo-encre-bleue-modele-2010/
Les underscores :
http://www.votresite.com/produits/routeur_d_adresse_cisco.shtml
Les lettres accentuées :
http://www.votresite.com/2009-03-03-téléphone-portable-iphone-noir-32-go.html
L’absence de mots clés :
http://www.votresite.com/choc-noir-tabl210g.html
Les URL « exotiques » :
http://www.votresite.com/base-produit?ref=123456&lang=fr&pays=fr
A METTRE EN PLACE :
VOS URL AVEC DES MOTS CLES ET DES TIRETS
http://www.votresite.com/papeterie/stylos/stylo-encre-bleue-modele.html
3 CLICS POUR ARRIVER SUR UNE PAGE !
Les robots sont comme les humains ?
AJOUTER AU MOINS 3 CHIFFRES DANS VOS URL ?
http://www.votresite.com/papeterie/stylos/stylo-encre-bleue-modele-3457.html
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
3 LA CONCEPTION
Obtenir de liens de qualité
- Depuis des pages populaires
- Dans la même thématique que la vôtre
- Si possible depuis un site "de référence"
- Proposant le moins de liens sortants possible
- Avec des intitulés de lien donnant bonne "réputation"
C'est l'aspect le plus complexe et le plus long du référencement…
Mais aussi l’un des plus indispensables !
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
C’est quoi un
lien de qualité
selon GOOGLE ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
DES BACKLINKS DE QUALITE
ATTENTION LE BUT N’EST PLUS
D’AVOIR UN MAXIMUM DE LIENS
LES SOURCES DOIVENT :
Avoir un rapport avec votre contenu
Etre obtenus de façon « naturelle » Linkbaiting
Avoir une ancre explicite
Etre « frais »
Provenir d’une page ayant un bon PAGE RANK
Ne pas avoir la valeur No Follow
Etc…
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LE FAMEUX PAGERANK
ATTENTION LE PAGERANK N’EST PAS
L’ALGORYTHME DE PERTINENCE DE
GOOGLE MAIS l’UN DES 200 CRITERES
C’est un indice de popularité qui
noté sur une échelle de 1 à 10
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LE FAMEUX PAGERANK
PR(A)=(1-d)+d(PR(T1)/C(T1)+…+PR(Tn)/C(Tn))
 PR signifie PageRank
 A est une page web
 PAR(A) est donc le PageRank de la page A
 T1…Tn sont n pages web
 C est le nombre de liens sortant d’une page
 C(T1) est le nombre de liens sortants existants dans la page
T1.
 PR(T1)/C(T1) est le vote de la page T1 pour la page A.
 D est un facteur d’amortissement sa valeur de défaut est
de 0,85.
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LE FAMEUX PAGERANK
Une page ayant un fort pagerank vous apporte une plus
de valeur que plusieurs sites avec un faible pagerank
Plus j’ai de liens sortants moins j’ai de « JUS »
B hérite de 100% de la "capacité de vote" (link
juice) de A B et C se partagent pour moitié la "capacité de vote" de A
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LE FAMEUX PAGERANK
ATTENTION LE
PAGERANK EST
CALCULE POUR
CHAQUE PAGE !
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
TOUS CES CRITERES FORMENT LE
SEARCH ENGINE OPTIMIZATION
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
EN RESUME
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
FAUT-IL SE FOCALISER SUR LE SEO ?
C’est une source de trafic efficace et gratuite, a priori.
Mais :
 Etre bien référencé prend du temps,
 Il y a une part d’aléa, des variations non maîtrisables.
Pour améliorer son référencement il faut :
 Travailler le contenu,
 Travailler le contenu,
 Travailler le contenu,
Ca tombe bien, vos visiteurs aiment également le contenu riche !
 Un bon référencement est primordial mais ne doit pas vous mobiliser immédiatement.
IL FAUT AUSSI AVOIR DU TRAFIC !
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Où sont mes
lecteurs, mes
prospects, mes
clients ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
SUR LES RESEAUX SOCIAUX
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
FAIRE DE LA PROMOTION SUR LES MEDIAUX
SOCIAL MEDIA OPTIMIZATION
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
JE VEUX VENDRE
SUR LE WEB ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LE REFERENCEMENT PAYANT
Objectifs :
 Attirer un trafic pertinent sur le site web afin de
réaliser les conversions établies.
Méthode :
 Choisir ses mots clés et ses cibles en fonction des
objectifs business de la société.
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
FAIRE DE LA PROMOTION PAYANTE
SEARCH ENGINE ADVERTISING
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
FACILE LE SEA ?
SEO
74.3%
SEA
13.5%
SEA 12,2 %
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
LIENS SPONSORISES
Source : http://bit.ly/WPj12O
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
GOOGLE ADWORDS
Google Adwords est le système publicitaire du moteur
de recherche Google qui affiche des bannières
publicitaires en relation directe avec les recherches
effectuées par l'internaute.
Pour ce faire :
1. Choisissez votre budget.
2. Créez des annonces.
3. Sélectionnez des mots clés qui font correspondre vos
annonces à des clients potentiels
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Peut-on tricher
avec GOOGLE ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
OUI MAIS TRES TRES TRES… RISQUE
 Faire du scraping (des contenus qui ne vous appartiennent pas)
 Faire du cloaking (les internautes et les moteurs voient un contenu différent)
 Faire du “duplicate content” à outrance
 Keyword Stuffing
 Faire du Fat Footing (liens peu clairs en pied de page)
 Faire du spinning pour vos contenus (réécriture automatique)
Proposez certaines pages de "basse qualité" (questions sans réponse, peu
de texte, etc.)
 Masquer la distinction entre publicité et contenu editorial
 Payer ses backlinks
 Utiliser des robots pour générer des liens rapidement
 Payer des indiens pour contourner les captcha
 Utiliser les fermes de liens
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
BLACK HAT SEO
LE RISQUE ?
Votre site disparait de l’index de Google !
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
POUR REUSSIR ?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
GOOGLE VEILLE
Google Panda
Cap sur la qualité du contenu
Google Penguin
Pas de suroptimisation
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Que nous
réserve l’avenir
?
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
QUELQUES PISTES
AUTHOR RANK brevet déposé par Google en 2011
Le contenu sera noté par en plus par son autorité.
Autre critère le contenu devra être partageable facilement
Le référencement Mobile en plein essor, nécessite
• Une optimisation du code
• Des fichiers spécifiques
• Google propose sa vision de la mobilité
La recherche dans les vidéos (pas la recherche des
vidéos)
Encadrement d’un projet Web André Gentit
andre.gentit@estacom.fr
FIN

Le Referencement Google

  • 1.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr REFERENCEMENT Référencement et recherche Web
  • 2.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr SOMMAIRE INTERNET Pourquoi le référencement est-il aussi important ? Objectifs du référencement pour un site web Les habitudes des internautes Référencement ou positionnement C’est quoi le référencement ? L’affichage des résultats Google Historique Google et la recherche Que veut Google ? La règle des 3 C Les backlinks de qualité Le pagerank Le SEO Le SMO Le SEA Le SEM Tricher avec Google ? Avenir de la recherche L’analyse
  • 3.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr AVOIR UN SITE EST INSUFFISANT
  • 4.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr NOTRE VIE SE NUMERISE
  • 5.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr CONSOMMATION DATA
  • 6.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr OBJECTIFS DU SITE
  • 7.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LE COMPORTEMENT DES INTERNAUTES  1/3 : Liens 1/3 : Accès direct et favoris 1/3 : Outils de recherche  92 % des internautes utilisent un moteur de recherche  79 % des utilisent plusieurs mots clés  Moins de 30 % ne dépassent pas la première page de résultats  45 % consultent la 2ème et 3ème page  Moins de 30 % ne dépassent la 4ème page.  Plus de 9% des recherches sont faites sur Google Images
  • 8.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr TOP 5 DES MOTEURS RECHERCHE Et pourtant Google n’est pas seul
  • 9.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr REFERENCEMENT ou POSITIONNEMENT ?  Par défaut tous les sites sont référencés mais pas forcément bien placés.  Etre bien référencé c’est être bien placé
  • 10.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr GOOGLE DICTE SA LOI  Etre bien référencé c’est être bien placé sur Google
  • 11.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr C’EST QUOI LE REFERENCEMENT ?
  • 12.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr INDEXATION DES SITES Sites internet  Des Robots logiciels qui arpentent le Web  Robots, Bots, spiders, botnet
  • 13.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr A RETENIR Les moteurs ne donnent accès qu’à 10% du Web
  • 14.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr C’EST QUOI LE REFERENCEMENT ? Envoi d’une requête Mot(s) clé(s) Serveurs Google Interroge son index Extraction des pages Il les classe par ordre de pertinence, selon un algorithme qui lui est propre Envoi des résultats Affichage
  • 15.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr L’AFFICHAGE DES RESULTATS  LES SNIPPETS GOOGLE
  • 16.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr L’HUMAIN ET SES DEFAUTS EYE TRACKING Source : Enquiro Source : Google
  • 17.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr GOOGLE CHANGE LA DONNE VOTRE PC AUSSI! ONE BOX LIGNE DE FLOTTAISON
  • 18.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr UN SAC DE NOEUDS ?
  • 19.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr INTRODUCTION Historique rapide : 1993-1995 : arrivée des premiers moteurs (Excite, Webcrawler, Infoseek, Lycos, etc.). 1995-2000 : Apparition d’AltaVista : balises meta "keywords". Problèmes : ces moteurs étaient "sur-spammés"…
  • 20.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr HISTOIRE RAPIDE DES MOTEURS DE RECHERCHE  1969 Internet  1990 Arrivée du Web  1993-1995 : arrivée des premiers moteurs (Excite, Webcrawler, Infoseek, Lycos, etc.).  7 septembre 1998 lancement de la société Google Inc  1998-2000 : Arrivée de Google qui balaie le paysage des moteurs avec le PageRank. 1995-2000 : Apparition d’AltaVista : balises meta "keywords".  Problèmes : ces moteurs étaient "sur-spammés"…  2006-2007 : Google fait la chasse aux pages satellites...  2007-2011 : Optimisation des pages du site : la stratégie reine ! Deux écoles de référencement co-existaient jusqu’à maintenant : l’optimisation des pages du site et la création de pages satellites ( à bannir !!! ) Google a sorti son épingle du jeux et continue de progresser pour donner accès à un contenu de qualité
  • 21.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr GOOGLE  En 1996, Google, alors baptisé Backrub, est le nom d’un projet de recherche sur lequel travaillent deux étudiants de l’université de Stanford : Larry Page et Sergey Brin  En 1998, les deux étudiants recherchent des fonds pour créer leur entreprise.  7 septembre 1998 lancement de la société Google Inc.  1999 en février, Google doit gérer 500.000 requêtes par jour. A la fin de l’été, Google enregistre quotidiennement 3 millions de recherches.  En juin 2000, Google devient le moteur de recherche le plus complet au monde, en référençant un demi-milliard de pages Web.  2001 Google référence 3 milliards de pages Web.  En février 2003, Google gère au quotidien 200 millions de requêtes par jour soit 53% des requêtes mondiales. Les 200 employés de l’époque se partage 1 million de dollars.  L’année 2004 marque pour Google l’apogée de sa domination en matière de recherche. Son index contient plus de 4,3 milliards de pages. En mai, Google entre en bourse sur le marché du Nasdaq.  En 2006, plus de 8 milliards de pages indexées et 1 milliard d’images. Son moteur offre des résultats dans plus de 35 langues. L’entreprise compte aujourd’hui un peu plus de 5.000 employés. Le moteur reçoit entre 200 et 300 millions de requêtes journalières.  En 2009 Google est touché par la crise, ferme certains services et ne renouvelle pas certains contrats
  • 22.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr GOOGLE Larry Page  33 ans fortune personnelle 10,2 milliards d’€ (27ème rang mondial.)  Né le 26 mars 1973 à East Lansing dans le Michigan.  Son père est l’un des tout premier informaticien de l’histoire en 1960. Enseignant en faculté il y rencontrera son épouse, informaticienne également.  On dira que Larry à un disque dur à la place du cerveau. Sergey Brin  32 ans fortune personnelle 10,3 milliards d’€ ( 26ème rang mondial.)  Né le 21 août 1973 à Moscou.  Son père est titulaire d’un doctorat en mathématique et travaille comme économiste, sa mère est mathématicienne aussi et travaille comme ingénieur en travaux publics. L’entreprise Google : www.google.fr/intl/fr/corporate/
  • 23.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr GOOGOL Google Répertorier et organiser l’ensemble des connaissances humaines pour les rendre accessibles et universelles.
  • 24.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LA RECHERCHE GOOGLE C’EST AUSSI Google patent search Google blog Google books & mag Google Suggest disparu Google Life Google Grippe Google ciné Google Code Google Scholar Google pour les bègues
  • 25.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr QUE VEUT GOOGLE ?
  • 26.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr - DU CONTENU DE QUALITE - DU CODE PROPRE - UNE CONCEPTION OPTIMISEE LES 3 C
  • 27.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 1 LE CONTENU  Les MOTEURS DE RECHERCHE SONT DES OBSEDES TEXTUELS !  Ils ne savent lire que du texte  Ignorent les CSS  Ignorent les images  Ignorent les javascript  Ignorent les listes déroulantes  etc…
  • 28.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 1 LE CONTENU Une structuration cohérente de vos pages en Hn (H1 à H6) est très importante ! • Exemple sur une page d'accueil : <H1>Nom du site et indication de son champ d'activités</H1> <H2>Différentes rubriques du site</H2> <H3>Sous-niveaux éventuels dans les rubriques</H3> Exemple sur une fiche-produit : <H1>Nom du produit</H1> <H2>Présentation en 2 ou 3 phrases</H2> <H3>Sous-titres éventuels</H3> <H4>Fil d’Ariane</H4> Au moins 200 mots dans le contenu éditorial Le texte doit proposer les mots importants en gras (<STRONG>). L’intitulé des liens doit être explicite Le tout bien positionné
  • 29.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 1 LE CONTENU Zone 1 : Titre / Sous-titre / Chapo HEADER FOOTER NAV Zone 2 : Texte éditorial Zone 3 : Pour en savoir plus… Insérer les mots clés importants Mots clés importants en gras / tags-liens / titraille Liens connexes internes et externes La position des élément est importante Elle fourni une pondération aux éléments
  • 30.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 2 LE CODE LE TITRE DE LA PAGE • Renseigné !!! • Unique sur chaque page • 7 à 10 mot clés • Reprend une partie du contenu éditorial <title>Amphore du Berry Chambre d'hôte à Saint Amand Montrond </title> LES META DESCRIPTION <meta name="Description" content=“Description complete sur 150 - 200 caractères.." /> LES META KEYWORDS <meta name=“keywords" content=“Mot clé 1, Mot clé 2, Mot clé 3, .." />
  • 31.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 2 LE CODE LES IMAGES • Donnez leur un nom de fichier explicite !!! • Renseigner la balise ALT <img src=“url/nom-de-image-explicite.jpg” alt=“Description détaillée” /> LES LIENS avec image • Decrire le lien avec la balise TITLE <a href=“url” title=“Description du lien” /> Un code propre conforme aux normes W3C • Pas d’impact réel • Mais …
  • 32.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 3 LA CONCEPTION FACILITER LE TRAVAIL DU SPIDER • FOURNIR Un fichier ROBOTS.TXT Liste des zones à éviter par robot User-Agent: nomDuRobot par ex : Googlebot Disallow : User-Agent: * Disallow: / • FOURNIR un fichier SITEMAP.XML Décrit l’arborescence du site <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.example.com/</loc> <lastmod>2005-01-01</lastmod> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> </urlset>
  • 33.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 3 LA CONCEPTION DES URL EXPLICITES MODE REWRITE A EVITER : Finir par un « / » : http://www.votresite.com/papeterie/stylo-encre-bleue-modele-2010/ Les underscores : http://www.votresite.com/produits/routeur_d_adresse_cisco.shtml Les lettres accentuées : http://www.votresite.com/2009-03-03-téléphone-portable-iphone-noir-32-go.html L’absence de mots clés : http://www.votresite.com/choc-noir-tabl210g.html Les URL « exotiques » : http://www.votresite.com/base-produit?ref=123456&lang=fr&pays=fr A METTRE EN PLACE : VOS URL AVEC DES MOTS CLES ET DES TIRETS http://www.votresite.com/papeterie/stylos/stylo-encre-bleue-modele.html 3 CLICS POUR ARRIVER SUR UNE PAGE ! Les robots sont comme les humains ? AJOUTER AU MOINS 3 CHIFFRES DANS VOS URL ? http://www.votresite.com/papeterie/stylos/stylo-encre-bleue-modele-3457.html
  • 34.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr 3 LA CONCEPTION Obtenir de liens de qualité - Depuis des pages populaires - Dans la même thématique que la vôtre - Si possible depuis un site "de référence" - Proposant le moins de liens sortants possible - Avec des intitulés de lien donnant bonne "réputation" C'est l'aspect le plus complexe et le plus long du référencement… Mais aussi l’un des plus indispensables !
  • 35.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr C’est quoi un lien de qualité selon GOOGLE ?
  • 36.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr DES BACKLINKS DE QUALITE ATTENTION LE BUT N’EST PLUS D’AVOIR UN MAXIMUM DE LIENS LES SOURCES DOIVENT : Avoir un rapport avec votre contenu Etre obtenus de façon « naturelle » Linkbaiting Avoir une ancre explicite Etre « frais » Provenir d’une page ayant un bon PAGE RANK Ne pas avoir la valeur No Follow Etc…
  • 37.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LE FAMEUX PAGERANK ATTENTION LE PAGERANK N’EST PAS L’ALGORYTHME DE PERTINENCE DE GOOGLE MAIS l’UN DES 200 CRITERES C’est un indice de popularité qui noté sur une échelle de 1 à 10
  • 38.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LE FAMEUX PAGERANK PR(A)=(1-d)+d(PR(T1)/C(T1)+…+PR(Tn)/C(Tn))  PR signifie PageRank  A est une page web  PAR(A) est donc le PageRank de la page A  T1…Tn sont n pages web  C est le nombre de liens sortant d’une page  C(T1) est le nombre de liens sortants existants dans la page T1.  PR(T1)/C(T1) est le vote de la page T1 pour la page A.  D est un facteur d’amortissement sa valeur de défaut est de 0,85.
  • 39.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LE FAMEUX PAGERANK Une page ayant un fort pagerank vous apporte une plus de valeur que plusieurs sites avec un faible pagerank Plus j’ai de liens sortants moins j’ai de « JUS » B hérite de 100% de la "capacité de vote" (link juice) de A B et C se partagent pour moitié la "capacité de vote" de A
  • 40.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LE FAMEUX PAGERANK ATTENTION LE PAGERANK EST CALCULE POUR CHAQUE PAGE !
  • 41.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr TOUS CES CRITERES FORMENT LE SEARCH ENGINE OPTIMIZATION
  • 42.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr EN RESUME
  • 43.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr FAUT-IL SE FOCALISER SUR LE SEO ? C’est une source de trafic efficace et gratuite, a priori. Mais :  Etre bien référencé prend du temps,  Il y a une part d’aléa, des variations non maîtrisables. Pour améliorer son référencement il faut :  Travailler le contenu,  Travailler le contenu,  Travailler le contenu, Ca tombe bien, vos visiteurs aiment également le contenu riche !  Un bon référencement est primordial mais ne doit pas vous mobiliser immédiatement. IL FAUT AUSSI AVOIR DU TRAFIC !
  • 44.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Où sont mes lecteurs, mes prospects, mes clients ?
  • 45.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr SUR LES RESEAUX SOCIAUX
  • 46.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr FAIRE DE LA PROMOTION SUR LES MEDIAUX SOCIAL MEDIA OPTIMIZATION
  • 47.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr JE VEUX VENDRE SUR LE WEB ?
  • 48.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LE REFERENCEMENT PAYANT Objectifs :  Attirer un trafic pertinent sur le site web afin de réaliser les conversions établies. Méthode :  Choisir ses mots clés et ses cibles en fonction des objectifs business de la société.
  • 49.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr FAIRE DE LA PROMOTION PAYANTE SEARCH ENGINE ADVERTISING
  • 50.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr FACILE LE SEA ? SEO 74.3% SEA 13.5% SEA 12,2 %
  • 51.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr LIENS SPONSORISES Source : http://bit.ly/WPj12O
  • 52.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr GOOGLE ADWORDS Google Adwords est le système publicitaire du moteur de recherche Google qui affiche des bannières publicitaires en relation directe avec les recherches effectuées par l'internaute. Pour ce faire : 1. Choisissez votre budget. 2. Créez des annonces. 3. Sélectionnez des mots clés qui font correspondre vos annonces à des clients potentiels
  • 53.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr
  • 54.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Peut-on tricher avec GOOGLE ?
  • 55.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr OUI MAIS TRES TRES TRES… RISQUE  Faire du scraping (des contenus qui ne vous appartiennent pas)  Faire du cloaking (les internautes et les moteurs voient un contenu différent)  Faire du “duplicate content” à outrance  Keyword Stuffing  Faire du Fat Footing (liens peu clairs en pied de page)  Faire du spinning pour vos contenus (réécriture automatique) Proposez certaines pages de "basse qualité" (questions sans réponse, peu de texte, etc.)  Masquer la distinction entre publicité et contenu editorial  Payer ses backlinks  Utiliser des robots pour générer des liens rapidement  Payer des indiens pour contourner les captcha  Utiliser les fermes de liens
  • 56.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr BLACK HAT SEO LE RISQUE ? Votre site disparait de l’index de Google !
  • 57.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr POUR REUSSIR ?
  • 58.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr GOOGLE VEILLE Google Panda Cap sur la qualité du contenu Google Penguin Pas de suroptimisation
  • 59.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Que nous réserve l’avenir ?
  • 60.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr Encadrement d’un projet Web André Gentit andre.gentit@estacom.fr QUELQUES PISTES AUTHOR RANK brevet déposé par Google en 2011 Le contenu sera noté par en plus par son autorité. Autre critère le contenu devra être partageable facilement Le référencement Mobile en plein essor, nécessite • Une optimisation du code • Des fichiers spécifiques • Google propose sa vision de la mobilité La recherche dans les vidéos (pas la recherche des vidéos)
  • 61.
    Encadrement d’un projetWeb André Gentit andre.gentit@estacom.fr FIN