Intervention SEO Ecotic

Introduction au SEO
Baptiste PLACÉ - Simon ANDRÉ

jeudi 2 février 12 1

Introduction


Introduction

Qui sommes-nous ?


Introduction » Qui sommes-nous ? 4

Simon André

• Co-fondateur utopiaweb
• #web #apple #srfc #yoshi

• sa@utopiaweb.fr
• twitter.com/simonandre



Baptiste Placé

• Co-fondateur utopiaweb
• #seo #gamer #chouffe #belote

• bp@utopiaweb.fr
• twitter.com/baptisteplace



utopiaweb en 2008

• 3 étudiants du M2 Mitic à l’Ifsic
• Création en janvier 2008
• 3 PC récents dans un salon
• Prestations : 90% de développement

http://www.utopiaweb.fr


utopiaweb en 2008



utopiaweb en 2012

• 4 associés / 2 salariés
• Édition de sites internet
• Bureaux équipés : café & wii
• Prestations : 90% de conseil en SEO



utopiaweb en 2012



utopiaweb en 2012

• Nombreux projets
• Embauches prévues
• Applications mobiles
• SEO : Outils / Blog / ...

emploi@utopiaweb.fr

Introduction

Objectifs de l’intervention


Introduction » Objectifs de l’intervention 12

Pourquoi cette intervention ?

• Échanges avec Raphaël Suire
• Transmettre et rendre la pareille
• Domaine pas très peu vu à l’Université
• Vulgariser pour un public néophyte



Challenge accepted !



Ce qu’on va (tenter de) voir

• Le SEO ...
• ... quoi ?
• ... pourquoi ?
• ... comment ?



Ce qu’on ne va pas voir

• Traffic payant : PPC, affiliation, etc.
• Analyse du traffic
• Monétisation / CRO
• ...



Ce qu’on ne va pas voir

• SMO : Social Media Optimisation
• Branding / Communication
• Publicité IRL
• ...


Introduction

Plan de l’intervention


Introduction » Plan de l’intervention 18

Plan de l’intervention

• Déﬁnition du SEO
• Optimisation In-Page
• Optimisation In-Site
• Optimisation Off-Site
• Stratégie SEO
• Conclusion


Introduction

Déroulement & conventions


Introduction » Déroulement & conventions 20

Conventions utilisées

• Fil d’ariane en haut de page
• Liens / ressources en bas de page
• Peu de ressources en français
• Slides "... en un slide"

ici, par exemple


Après l’intervention...

• Slides disponibles en ligne
• Bibliographie / ressources
• Interrogation surprise
• Remarques bienvenues

ecotic2012@utopiaweb.fr


Questions ?

• À tout moment !
• À la ﬁn de l’intervention
• Après l’intervention



3 heures ??

• Deux pauses de 7mn
• Besoin de fumer prendre l’air


Déﬁnition du SEO


Déﬁnition du SEO

Un peu d’histoire


Déﬁnition » Un peu d’histoire 26

Dans les années 90
• 1990 : Naissance du web
• 1994 : 10 000 sites
• 1996 : 100 000 sites
• Annuaires / Liste de liens
• Moteurs de recherche simplistes
• 1998 : 2 000 000 sites
• 1998 : Naissance de Google

http://fr.wikipedia.org/wiki/World_Wide_Web


Dans les années 2000
• 2000 : 10 000 000 de sites
• 2000 : 250 000 000 d’internautes
• 2000 : Lancement mondial de Google
• 2000 : 500 requêtes/s sur Google
• 2010 : 250 000 000 de sites
• 2010 : 10 000 requêtes/s sur Google
• 2010 : 2 000 000 000 d’internautes

http://fr.wikipedia.org/wiki/Internaute


Naissance du SEO

• Visibilité dans les moteurs
• Augmenter le traﬁc naturel



Internet en 2012
• 500 000 000 de sites ?
• 1500 articles de blog / mn
• 20 000 posts Tumblr / mn
• 100 000 messages Twitter / mn
• 700 000 statuts Facebook / mn

• 40 000 000 d’internautes en France

http://www.go-gulf.com/blog/60-seconds


Google en 2012

• Leader mondial de la recherche
• 100 000 000 000 pages indexées
• 60% de part de marché aux USA
• 90% de part de marché en France
• Intégration dans Firefox / iOS / Android

http://www.webrankinfo.com/dossiers/google/chiffres-cles


Déﬁnition du SEO

• Comprendre les moteurs Google
• Optimiser son site en fonction


Déﬁnition du SEO

Search Engine


Déﬁnition » Search Engine 33

Objectif d’un moteur

• Permettre la recherche d’informations
• Réponse : un ensemble trié de résultats

• Moteur de recherche web
• Réponse : un ensemble trié de pages




http://www.google.fr/search?q=solution+yoshi+island



• Moteur de recherche web avancé
• Réponse : LA donnée souhaitée

http://www.google.fr/search?q=meteo+rennes



• Moteur de recherche web avancé
• Réponse : LA donnée souhaitée

http://www.google.fr/search?q=aapl


Fonctionnement d’un moteur

• Un utilisateur saisit une expression composée d’un ou
de plusieurs mots
• Le moteur sélectionne dans une base de données
l’ensemble des pages contenant ce ou ces mots
• Le moteur effectue un tri en utilisant différents
algorithmes de classement
• Le moteur retourne à l’utilisateur les premiers résultats

http://fr.wikipedia.org/wiki/Moteur_de_recherche


Fonctionnement d’un moteur

• Nombreuses étapes supplémentaires
• Correction orthographique de la requête
• Analyse sémantique de la requête
• Personnalisation des résultats



Alimentation de la base

• Exploration du web : Crawl
• Parcours récursif des pages en suivant les liens
• Effectué par un logiciel appelé Bot ou Spider
• Analyse et enregistrement de chaque page
• GoogleBot : des milliers d’ordinateurs 24h/24

http://fr.wikipedia.org/wiki/Robot_d%27indexation


Algorithme de classement en 1996

• Contenu de la page
• Basé exclusivement sur le contenu textuel, pas encore
d’analyse des images, vidéos, feuilles de style, ...
• Texte analysé ﬁnement, par mot et par expression
• Mots utilisés, fréquences d’apparition dans le texte




• Liens vers la page
• Analyse et enregistrement des liens entre les pages du
web : graphe de relations
• Un lien = un vote
• La popularité permet de pondérer le tri des pages




• Google PageRank
• Formule mathématique issue des études de Brin et Page
• Probabilité de tomber sur une page donnée durant un
parcours aléatoire du web
• Basé sur le nombre de liens entrant

http://fr.wikipedia.org/wiki/PageRank



http://www.elliance.com/media/36814/google-pagerank-explained.gif



• PageJuice / PR Flow
• Chaque page transmet du "jus" dans ses liens
• Il faut optimiser ses liens entrants et sortants
• Il ne sufﬁt plus d’optimiser son site ou sa page, il faut
agir sur les autres sites du web
• Naissance du SEO moderne

http://sconlinemarketing.com/google-pagerank-and-link-juice-explained-what-is-link-juice/



http://professeurs.esiea.fr/wassner/?2007/06/03/74-l-algorithme-pagerank-comment-a-marche#doc



• Contenu
• Analyse du sens du texte
• Reconnaissance des champs lexicaux, des racines des
mots, des synonymes, des conjugaisons, etc.
• Analyse des pages HTML : balises, structures et types de
contenu, unicité, densité, ...

http://www.seomoz.org/article/search-engine-factors



• Linking
• Analyse de la valeur d’un lien
• Pondération sur la proximité thématique des pages, sur
l’emplacement du lien dans la page, sa récurrence...
• Dépréciation sur l’aspect "non naturel" d’un lien basé
sur une grande quantité de signaux




• Autorité
• Analyse de la crédibilité
• Détermination de la conﬁance donnée à un site, en
fonction de très nombreux signaux
• Existence de "bonus" accordés aux sites ofﬁciels, sites
de grandes ONG, sites de marques...




• Comportements
• Analyse des internautes
• Observation du taux de clic dans les résultats, du taux
de retour, du temps passé, du nombre de visiteurs...
• Données issues de Google Search, Google Analytics,
Google Chrome, Google Toolbar, ...




• Réseaux sociaux
• Analyse de la popularité
• Récupération des données de partage et de "like" de
Facebook, Twitter, Google+
• Données encore peu utilisées mais la récente arrivée
de Google+ accélère la tendance


Déﬁnition du SEO

Optimisation


Déﬁnition » Optimisation 52

Différentes approches

• White Hat : techniques conseillées par Google
• Grey Hat : techniques déconseillées par Google
• Black Hat : techniques interdites par Google.. voire la loi

http://blog.axe-net.fr/seo-black-hat-ou-white-hat/



• Ces 3 approches permettent d’obtenir de très bons
résultats si elles sont correctement utilisées
• Il n’y a pas d’étanchéité absolue entre ces approches.
Beaucoup de White Hat piochent dans les techniques
Black et Grey sans le dire.
• Il s’agit globalement d’un choix "moral" : ce qui est
interdit par Google ne l’est pas forcément par la loi !

http://en.wikipedia.org/wiki/Search_engine_optimization#White_hat_versus_black_hat



• Certains secteurs sont dominés par l’utilisation de
techniques Black Hat : casino, viagra, porno, etc.



Avoir du bon sens

• Beaucoup de choses à apprendre, à lire, ...
• ... mais toujours garder un esprit critique !
• Le bon sens est la meilleure arme à moyen / long terme
• Les techniques les plus pérennes sont les plus logiques
• Idéalement : anticiper les attentes des internautes, sans
chercher à tromper les moteurs.



Avoir du bon sens

You’re doing it wrong !


Différents leviers

• Essayer de devenir le meilleur résultat possible
• ... ou, au moins, de s’en rapprocher
• Meilleure page : optimisation In-Page
• Meilleur site : optimisation In-Site
• Meilleure crédibilité : optimisation Off-Site


Déﬁnition du SEO

... en un slide


Déﬁnition » ... en un slide 59

Déﬁnition du SEO

• Search Engine Optimisation
• Accès web = moteur de recherche
• Google : LE moteur en Europe / USA
• SEO vital pour être visible
• Compréhension du fonctionnement
• Optimisations In-Page, In-Site, Off-Site


Optimisation In-Page



Metas données et URL


In-Page » Metas données et URL 62

Requête HTTP

• Headers
• Code HTTP
• Contenu HTML
• Contenus additionnels
http://getﬁrebug.com/


Codes HTTP

• 200 page normale
• 404 page introuvable
• 301 page déplacée à une nouvelle url
• 302 page déplacée temporairement à une nouvelle url
• 503 page momentanément en maintenance

http://www.seomoz.org/learn-seo/http-status-codes


Codes HTTP

http://en.wikipedia.org/wiki/List_of_HTTP_status_codes + http://httpstatusdogs.com/418-im-a-teapot


Meta title

<title>Université de Rennes 1 - Faculté des
sciences économiques - Masters</title>

• Titre de la page
• Doit être pertinent vis à vis du contenu de la page

http://www.eco.univ-rennes1.fr/themes/formations/Masters/


Meta title

• Utilisé par Google dans la liste des résultats
• Les mots clés de la recherche sont en gras
• Google peut utiliser un autre titre dans certains cas

http://googlewebmastercentral.blogspot.com/2012/01/better-page-titles-in-search-results.html


Meta title

• Importance pour le ranking : le titre utilisé par le
webmaster doit être pertinent par rapport au contenu
de la page
• Importance pour l’utilisateur : le titre afﬁché dans la
page de résultat inﬂue énormément sur le taux de clic

http://www.seroundtable.com/title-ctr-seo-13660.html


Meta title

• Mettre les mots clés importants vers la gauche
• Limiter la taille du titre à environ 60 caractères
• Ajouter le nom de sa marque en ﬁn de titre
http://www.seomoz.org/learn-seo/title-tag


Meta description

<meta name="description" content="Université de
Rennes 1 - Faculté des sciences économiques -
Masters - " />

• Description longue du contenu de la page
• Doit être pertinente vis à vis du contenu de la page



Meta description

• Utilisé par Google dans la liste des résultats
• Les mots clés de la recherche sont en gras
• Google peut utiliser une autre description

http://www.seomoz.org/blog/why-wont-google-use-my-meta-description


Meta description

• Importance pour le ranking : aucune officiellement, mais
en réalité une importance réduite, indique un site de
qualité
• Importance pour l’utilisateur : la description affichée
dans la page de résultat influe énormément sur le taux
de clic

http://www.marketingtechblog.com/meta-descriptions/


Meta description

• Présence des mots clés de la page
• Limiter la longueur à environ 155 caractères
• Ne pas mettre de double quote ( " )
• Pour des pages produits, ne pas hésiter à utiliser les
caractéristiques des produits
• Laisser la description à vide sur des pages trop longues
aux contenus variés

http://www.seomoz.org/learn-seo/meta-description


Meta robots

<meta name="robots" content="index,follow" />

• Indique aux moteurs de recherche s’ils peuvent indexer
la page ou suivre les liens qui s’y trouvent
• Permet de ne pas indexer des pages inutiles sur un site

http://www.free.fr/adsl/index.html


Meta robots

• index, follow : tout est normal, comportement par
défaut quand la meta n’est pas indiquée
• noindex, follow : le robot parcours les liens indiqués sur
la page, transmet le jus de la page
• noindex, nofollow : le robot abandonne cette page, le
jus de la page est perdu. Ne jamais utiliser sauf pour
cacher une page aux moteurs

http://www.seomoz.org/blog/serious-robotstxt-misuse-high-impact-solutions


URL rewriting

• URL illisibles il y a quelques années
• Lié au fonctionnement interne des sites
• Il est possible d’utiliser des URL plus parlantes

http://searchenginewatch.com/article/2049014/Rewriting-URLs-SEO-for-CMS-E-Commerce-and-Dynamic-Sites


URL rewriting

• URL plus compréhensibles
• Contient les mots-clés de la page
• Montre une arborescence logique

Beaucoup de sites majeurs utilisent encore des URL illisibles mais qui contiennent des mots clés


URL rewriting

• Importance pour le ranking : la présence de mots clés
dans l’URL ajoute du poids à la page pour ces mots
• Importance pour l’utilisateur : l’URL d’une page est
afﬁchée la liste des résultats et les mots clés recherchés
sont en gras
http://www.google.fr/search?q=achat+renault+clio+campus+neuve


URL rewriting

Google peut aussi afficher le fil d’ariane à la place de
l’URL, les mots clés en gras disparaissent au profit d’une
information plus lisible pour l’internaute.

http://www.google.fr/search?q=clio+campus+occasion


URL rewriting

• Le mot clé doit être présent dans l’URL, plutôt vers la
gauche
• Ne pas faire d’URL trop longue, « less is better »
• Ne garder que les lettres et les chiffres
• Remplacer les espaces par des tirets
• Supprimer les mots de moins de deux lettres

http://www.seomoz.org/learn-seo/url


URL rewriting

http://www.exemple.fr/appareil-photo/reflex/nikon-
p700

http://www.exemple.fr/football/ligue-1/9eme-journée

• Ne pas mettre tous les mots clés de la page dans l’URL
• Ne pas chercher à faire des URL les plus courtes
possibles pour toutes les pages du site
• Il est préférable d’avoir des URL présentant une
arborescence logique

http://www.seomoz.org/learn-seo/url


URL rewriting
http://www.exemple.fr/ <> http://exemple.fr/

http://www.example.com/blog/mon-article-de-blog <>
http://www.example.com/blog/mon-article-de-blog?
ref_affi=toto

• Une page = une seule URL
• Sinon une seule URL est considérée comme l’originale
par Google
• Peut avoir un impact négatif sur l’ensemble du site
• Il existe heureusement des solutions
http://www.seomoz.org/learn-seo/duplicate-content


URL rewriting

HTTP/1.1 301 Moved Permanently

Location: http://www.example.com/bonne-url

• Rediriger l’utilisateur et Google sur la bonne URL
• Méthode propre mais pas forcément optimale
• Obligatoire pour rediriger example.com vers
www.example.com

http://www.seomoz.org/blog/301-redirect-or-relcanonical-which-one-should-you-use


URL rewriting

<link rel="canonical" href="http://www.example.com/
bonne-url" />

• Indique à Google la bonne URL
• Ne redirige par l’utilisateur
• Idéal pour ajouter des paramètres de tracking, mais
aussi pour du e-commerce
• Possibilité de mettre le tag sur toutes les pages
http://mz.cm/uO7az + http://www.seomoz.org/blog/dispelling-a-persistent-rel-canonical-myth


URL rewriting

• Google Webmaster Tools permet de préciser à Google
les paramètres à ignorer
• Aucune intervention technique requise
• Mais la solution la moins propre
http://searchengineland.com/google-lets-you-tell-them-which-url-parameters-to-ignore-25925


Contenu et balises


In-Page » Contenu et balises 86

Structure de page

• La logique d’une page web est différente du print
• Un internaute moyen ne lit pas une page, il la scanne
• Le contenu doit être présenté en conséquence

http://www.useit.com/alertbox/9710a.html + http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010


Structure de page

• Une page de contenu standard : titre, introduction, sous
titre, paragraphes / listes
• Titre, intro, premier sous titre et premier paragraphe
doivent être soignés
• En particulier les 2 premiers mots de chacun de ces
éléments

http://www.useit.com/alertbox/reading_pattern.html + http://www.useit.com/alertbox/nanocontent.html


Structure de page

• Indiquer au visiteur des
pages qui peuvent
l’intéresser
• Proposer des pages au
contenu similaire
• Proposer des médias
différents pour le même
contenu (vidéo, images,
audio, etc...)

http://www.nytimes.com/2012/01/31/sports/tennis/31iht-tennis31.html


Structure de page

• Afﬁcher du contenu à l’utilisateur dans la partie visible
de l’écran
• Contenus liés en ﬁn de contenu
• Contenus connexes en haut de page
http://www.rue89.com/2012/01/31/les-homosexuels-nont-toujours-pas-le-droit-de-donner-leur-sang-228926


Contenu textuel

• Textes « boilerplate » : textes répétés sur chaque page
du site
• Menu de navigation, liens de connexion, messages de
copyright, etc.
• Google est capable de les identiﬁer
• Aucun problème tant qu’ils restent utiles à l’internaute

http://www.searchenginejournal.com/boilerplate-how-google-treats-repeated-content/12682/


Contenu textuel

Exemple de textes boilerplates sur lemonde.fr


Contenu textuel

• Le contenu d’une page doit être unique à travers le site
• Il doit être original sur le web
• Les pages de contenu dupliqué ne sont pas afﬁchées
dans les résultats
• Un site ayant du contenu dupliqué peut être pénalisé
dans son ensemble
• Très important pour les sites ecommerce

http://www.seomoz.org/blog/duplicate-content-in-a-post-panda-world


Contenu textuel

• Une page doit comporter
sufﬁsamment de texte
• Environ 250 ou 300 mots
• Pas de chiffre magique,
certaines pages n’ont pas
beaucoup de texte par
nature

http://answers.google.com/answers/threadview?id=608972


Contenu textuel

• Le contenu d’une page doit être qualitatif
• La grammaire et l’orthografe doivent être soignés
• Un site avec des fautes ou mal écrit n’inspire pas
conﬁance, ce qui amène les visiteurs à quitter la page
rapidement

http://www.seroundtable.com/google-ranking-spelling-14167.html + http://mz.cm/spnAdg


Contenu textuel

• Champ lexical d’une page
• Tous les mots liés à un terme
• Nature : vert, forêt, clairière, herbe, bois, etc...
• Indicateur de qualité supplémentaire

http://www.searchenginejournal.com/what-is-latent-semantic-indexing-seo-deﬁned/21642/


Contenu textuel

• Densité d’un mot clé : % des mots du texte
correspondant au mot
• Mais sans prendre en compte les textes boilerplate
• Un vieux mythe du SEO : ce n’est pas un indicateur
pertinent, il n’y a pas de valeur magique
• Mais un mot clé doit être présent dans la page pour se
ranker dessus
• Utiliser 3-4 fois le mot dans la page sufﬁt

http://www.webrankinfo.com/dossiers/redaction/indice-densite-ideal + http://bit.ly/j7q9tU


Contenu textuel

http://www.dpannpc.fr/ - 1500 occurrences «dépannage informatique», mais ce n’est pas pour ça que le site est page 1


Contenu textuel

• Rédiger du contenu sur toutes les pages dans la mesure
du possible
• Important pour qualiﬁer les pages de listing, comme une
page de catégorie sur un site ecommerce
• Pour les pages de produit, rédiger un texte unique en
plus de la description fournie par la marque
• Ne pas créer 2 pages optimisées pour le même mot clé
ou pour 2 variations d’un même mot clé

http://www.seomoz.org/blog/ecommerce-syndicated-content-how-to-win


Balises HTML

<h1>Titre de niveau 1</h1>

• Titres h1 à h6
• Un seul h1 dans une page, qui ressemble au meta title
• Enchainer les niveaux de profondeur logiquement
• Un titre de niveau inférieur doit être lié
sémantiquement avec les titres de niveau supérieurs
• 3 niveaux de titres sufﬁsent en général



Balises HTML

<title>Liste des Masters - Faculté des sciences
économiques - Rennes 1</title>

<h1>Masters sciences économiques - Université de
Rennes 1</h1>

<h2>Master Économie et Gestion des Entreprises<h2>

<h3>Spécialités du Master en deuxième année</h3>

<h4>Économie et conseil en TIC et e-business</h4>



Balises HTML

<b>texte en gras</b> <strong> <em> <i>

• b / strong / em / i
• Met en avant un ou plusieurs termes dans la page
• Petite optimisation SEO pour viser un mot clé
• Se limiter à deux termes mis en avant par page
• Inutile d’en mettre plein

N’utiliser cette petite optimisation que dans le contenu unique de la page, surtout pas dans les textes boilerplate


Balises HTML

<ul><li></li></ul> <ol> <dl>

• Listes : ul, ol, dl
• Pas d’impact SEO particulier, mais apprécié par les
internautes
• Utiliser la bonne liste selon les besoins : ol si la liste
respecte un ordre, dl pour une liste de déﬁnitions, ul
pour tout le reste



Balises HTML

<img src="http://www.example.com/images/baby-
cat.jpg" alt="Trop mignon le bébé chat" />

• Les images inﬂuent un petit peu sur le ranking
• Toujours indiquer un alt pertinent sur une image
• Idéalement le nom du ﬁchier doit être pertinent
• Insérer l’image au milieu du contenu
• Utiliser une image d’environ 500 pixels de large
http://www.seomoz.org/blog/image-seo-basics-whiteboard-friday + http://bit.ly/xNksHr


Balises HTML

<a href="http://www.example.com">example.com</a>

• Du jus perdu au détriment des autres pages du site
• Mais important pour l’utilisateur
• Pour Google, un site sans lien n’est pas normal
• Faire des liens vers sites de qualité ou d’autorité
• Ne pas faire de liens vers des pages 404
http://mz.cm/l97pP + http://www.seomoz.org/blog/external-linking-good-for-seo-whiteboard-friday


Microformats et rich snippets
• Permet aux moteurs de recherche de comprendre les
données d’une page
• Ces données peuvent être directement afﬁchées dans
les pages résultats
• Ex : votes, avis, adresse, vidéo, auteur, etc...
• Plusieurs balisages créés ces 5 dernières années
• Standard déﬁni en 2011 par Google, Bing et Yahoo :
schema.org

http://schema.org/docs/gs.html



• Fil d’ariane
• Film
• Vidéo

http://www.google.fr/search?q=dark+knight+rises+bande+annonce



• Avis et notes
• Recettes

http://www.google.fr/search?q=recette+gateau+au+chocolat



http://www.google.com/search?q=sloppy+joe+recipe + http://bit.ly/un61D3



• Les résultats prennent plus de place et
sont plus attirants
• Plus d’informations sont données à
l’internaute dans les résultats
• Le taux de clic est beaucoup plus élevé
pour les résultats avec rich snippet

http://bit.ly/zGCP76 + http://www.seomoz.org/blog/schema-examples


• Le ﬁl d’ariane en microformat est un
must have
• Notes et avis essentiels si le contenu du
site le permet
• Une vidéo augmente énormément le
taux de clic
• Utiliser le schema qui vous correspond
• Toujours tester avec l’outil Google

http://bit.ly/wkNYlZ + http://www.google.com/webmasters/tools/richsnippets


... en un slide


In-Page » ... en un slide 112

Optimiser ses pages
• Balises metas correctes
• URL optimisée
• Structure de page propre
• Contenu unique, de qualité et en quantité sufﬁsante
• Balises HTML correctes
• Microformats si c’est pertinent
• Page utile à l’internaute

http://www.seomoz.org/blog/perfecting-keyword-targeting-on-page-optimization


Techniques Grey / Black Hat


In-Page » Techniques Grey / Black Hat 114

Quelques techniques...

• Hidden content
• Cloaking
• Rich snippet spam
• Text scrapping
• Text snipping


Optimisation In-Site



Indexation


In-Site » Indexation 117

Principe

• Indexation = enregistrement dans la base de données
d’un moteur des pages d’un site
• Google parcourt toutes les pages du site qu’il rencontre
sur le web
• Une page sans lien ne peut être indexée !
• Possibilité de soumission manuelle

https://www.google.com/webmasters/tools/submit-url


Principe

• Crawl Budget = nombre de pages que Google se
permet d’indexer chaque jour pour un site
• Déterminé par de nombreux facteur, il peut être bridé à
cause de mauvais signaux (contenu dupliqué, mauvaises
URL, architecture mal conçue...)
• Proportionnel à la popularité et au nombre de visiteurs

http://www.seomoz.org/blog/an-illustrated-guide-to-matt-cutts-comments-on-crawling-indexation


Principe

• Optimisation de l’indexation
• Mise en place d’une architecture pyramidale
• Sommet = page d’accueil du site
• Pages plus importantes en haut

http://www.seomoz.org/blog/testing-how-crawl-priority-works


Principe

http://www.seomoz.org/img/upload/site-arch-2.gif


Outils supplémentaires

• Plan de site
• Liste de toutes les pages du sites
• Accessible à tout moment dans la navigation
• Utile pour l’internaute et pour Google




http://www.apple.com/fr/sitemap/



http://www.seomoz.org/sitemap



• Sitemap XML
• Liste de toutes les pages du site
• Format conçu par et pour les moteurs de recherche
• Possibilité de séparer en plusieurs ﬁchiers...
• ... inclus dans un sitemapindex

http://www.seomoz.org/blog/multiple-xml-sitemaps-increased-indexation-and-trafﬁc


<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/
sitemap/0.9">
<url>
! ! <loc>http://www.example.com/</loc>
</url>
<url>
<loc>http://www.example.com/actualite/</loc>
<changefreq>weekly</changefreq>
<lastmod>2012-01-01</lastmod>
</url>
</urlset>

http://www.sitemaps.org/fr/protocol.html



• Robots.txt
• Donne des consignes aux crawlers
• Autorise ou interdit l’indexation de pages, sections
• Fournit l’emplacement des ﬁchiers sitemap
• Manipulation sensible : attention !

http://fr.wikipedia.org/wiki/Protocole_d%27exclusion_des_robots



User-agent: *
Disallow:

User-agent:googlebot
Disallow:/prive/

http://www.robotstxt.org/robotstxt.html


Arborescence


In-Site » Arborescence 129

Principe

• Approche utilisateur
• Un internaute doit trouver facilement et rapidement ce
qu’il cherche, sans avoir à faire une recherche
• Les internautes arrivent sur le site via une page, toutes
les pages sont donc des pages d’accueil
• Nécessité de réﬂéchir au classement de l’information
sur le site, et aux moyens de guider l’internaute



Principe

• Approche SEO
• GoogleBot est un internaute comme les autres (ou
presque)
• Chaque page doit avoir une existence unique, un
emplacement unique, et un chemin privilégié
• Chaque page doit être accessible en 3 ou 4 liens depuis
la page d’accueil, voire depuis toutes les pages



Approche modulaire

• Regrouper par type et/ou semantique les différentes
pages d’un site web
• Type : actualité / sondage / aide / produit
• Sémantique : pour homme / femme / enfant (produit)
• Le menu d’un site correspond souvent aux modules



Approche modulaire

• Mise en place technique
• Un dossier par module : /actualite/ , /forum/ , /blog/ ...
• Toutes les pages étant regroupées dedans
• Un sitemap par module : /actualite/sitemap.xml
• Conserver les même conventions pour les médias



Approche modulaire
• Meilleure compréhension par Google de l’architecture
• Possibilité d’agir, selon les modules, sur l’indexation
(crawl, fréquence)
• Minimisation des risques en cas de développement,
maintenance, redirections...
• Personnalisation par module (404, style, plan, recherche)
• Pratique pour l’analyse du traﬁc (segments GA)



Approche modulaire

• Application récursive dans chaque module
• /sport/handball/
• Point essentiel dès que le site grandit en contenu
• Dans le SEO, on parle de silo
• Architectes SEO : spécialistes de la conception en silo

http://trafﬁccpanel.com/820/silo-structure-seo-method-that-lifts-the-pressure-off-link-building/


Linking interne


In-Site » Linking interne 136

Principe

• Toute page doit avoir des liens
• Mais une page ne peut avoir de lien vers toutes les
autres page du site
• Nécessité de choisir les liens à afﬁcher sur une page
• Priorité : page importantes
• Priorité : pages récentes



Liens site-wide

• Lien vers la page d’accueil
• Menu avec liens vers chaque module
• Fil d’ariane
• Lien vers les fonctions majeures (inscription, panier,
mon compte, recherche, support)
• Liens "footer" : CGV, CGU, plan, mentions...



Linking in-module

• Linking interne d’un module
• Accueil du module / Menu du module
• Top : liens vers les pages les plus consultées, partagées,
meilleures ventes, promotions...
• Last : liens vers les pages récentes du module
• Related : liens vers les pages en rapport



Linking cross-module

• Linking cross-module
• Dans un module donnée, permettre aux visiteurs un
accès instantané aux autres modules
• Techniques identiques (top, last, related)
• Meta-pages transverses : page "tag", archives, ...



Linking in-content

• Linking dans le contenu principal
• Faire des liens vers les pages pertinentes
• Ces liens ont une forte valeur ajoutée, car insérés dans
le contenu, et non autour



Crédibilité


In-Site » Crédibilité 142

Nom de domaine

• En avoir un est essentiel
• Éviter les sous domaines : *.free.fr, *.fr.st ...
• Le NDD est un critère de classement
• Le NDD compte pour le linking externe

http://fr.wikipedia.org/wiki/Nom_de_domaine


Nom de domaine

http://www.google.fr/search?q=modele+lettre


Nom de domaine

• Bien choisir son nom de domaine
• Composé uniquement de chiffres, lettres, et tirets
• Éviter les accents pour le moment !
• Marque ou quelques mots
• Attention aux noms de domaine "spammy"

http://www.seo-camp.org/afnic-2-2040


Nom de domaine

http://www.google.fr/search?q=rachat+de+credit+pour+interdit+bancaire


Nom de domaine

• TLD : Top Level Domain / Extension
• Privilégier .com .fr en France ! . net et .org à la rigueur
• Éviter les extensions exotiques : .biz, .eu, .ly
• Éviter de prendre un NDD déjà pris dans un autre TLD
• Se protéger contre le cyber-squatting

http://ajaxwhois.com/


Conﬁance

• Montrer que le site est légal / sérieux
• Page "à propos"
• Informations de contact
• Information sur conﬁdentialité / LCEN
• Coordonnées physiques
• Informations société (SIRET, siège social, ...)

http://www.societe.com/


Contenu

• Proﬁl de contenu : ligne éditoriale
• Thème homogène entre tous les contenus
• Format des contenu homogène aussi !
• Intérêt des modules : différences entre une brève et un
dossier.

https://www.google.com/adplanner/


Contenu

• Présence de liens sortant (éviter le puit)
• Crédibilité des liens sortant : pas de casino, viagra, ...
• Liens vers des sites de référence
• Liens vers les proﬁls humains ou d’entreprise sur des
sites sociaux de conﬁance : LinkedIn,Viadeo, ...
• Liens vers les sites du même groupe media



Contenu

http://www.aufeminin.com/


Sécurité

• Attention au piratage
• Google détecte très rapidement les sites piratés
• Droit à deuxième chance si correction rapide
• Pénalité sévère si fréquence trop élevée
• Google détecte aussi la mise à disposition de ﬁchiers
dangereux : malware, spyware, trojan, ...

http://www.google.com/safebrowsing/diagnostic?site=google.com


Sécurité

http://www.google.com/safebrowsing/diagnostic?site=http://malware.testing.google.test/testing/malware/


Google Panda


In-Site » Google Panda 154

Google Panda

http://www.web-paradise.fr/wp-content/uploads/2011/08/google_panda.jpg


Mise à jour

• Objectif : amélioration des résultats
• Visant principalement les fermes de contenu
• Critères sur le volume et l’unicité du contenu
• Critères sur la qualité du texte
• Validation humaine : tests utilisateurs

http://googlefrance.blogspot.com/2011/08/lla-mise-jour-panda-pour-une-meilleure_12.html


Mise à jour
• Basé sur l’analyse des pages
• Pénalise les sites qui ont peu ou pas de contenu avant la
ligne de flottaison
• Pénalise les sites qui affichent trop de publicité
• Basé sur l’analyse comportementale
• Pénalise les sites qui ne donnent pas confiance : est-ce
que vous donneriez vos informations bancaires ?

http://www.seomoz.org/blog/how-googles-panda-update-changed-seo-best-practices-forever-whiteboard-friday


Panda-safe

• Bon sens et logique
• Design propre, professionnel
• Contenu de qualité, niveau d’expertise
• Publicité réduite, ne gênant pas la navigation
• Aucune page vide ou de faible intérêt
• Fusion des pages trop similaires

http://www.seomoz.org/blog/beat-google-panda


Panda-safe

• Optimisations In-Page
• Titres et descriptions travaillées et honnêtes
• Structure logique, optimisation de la lecture web
• Proposition de contenu lié, sans abus sur la quantité
• Objectif : diminuer le taux de rebond !

http://fr.wikipedia.org/wiki/Kung_Fu_Panda


Panda-safe

• Optimisation sociale
• Pas l’objectif de cette présentation
• Importance des boutons Like, Tweet, +1
• Nécessité d’invitation au partage
• Signal très fort pour contrer Panda

http://wwf.panda.org/


Performances


In-Site » Performances 161

Principe

http://etudes.univ-rennes1.fr/master-ecotic/


Impact sur l’internaute

• La vitesse d’afﬁchage inﬂue fortement sur le
comportement des internautes
• 3s d’attente : 40% d’abandon
• 1s de délai : 7% de conversion en moins
• Sensation de "lenteur" : site moins professionnel

http://blog.kissmetrics.com/loading-time/


Impact sur le SEO

• La vitesse d’affichage influe sur le positionnement
• Faible influence (1% des requêtes) mais ça évolue !
• Google a toujours agi pour la vitesse des sites
• Intérêt majeur pour GoogleBot

http://www.mattcutts.com/blog/site-speed/


Optimisations

• Temps de génération de la page : cache
• Nombre de fichier à télécharger : packing
• Utilité des fichiers à télécharger : lazy load
• Poids des fichiers à télécharger : compression
• Emplacement des fichiers : CDN

http://developer.yahoo.com/performance/


Optimisations

http://developer.yahoo.com/yslow/


Techniques Gray / Black Hat


In-Site » Techniques Gray / Black Hat 167

Quelques techniques...

• Scraping de contenu
• Auto-generated pages
• Nom de domaines spammy
• Doorway pages
• Spinning + BDD



... en un slide


In-Site » ... en un slide 169

• Assurer une bonne indexation du site
• Mettre en place une arborescence adaptée : silo
• Adapter le linking interne pour favoriser les pages
principales ainsi que les plus récentes
• Proposer un contenu de bonne qualité et homogène
• Inspirer la conﬁance aux internautes et aux moteurs
• Garantir des performances correctes


Optimisation Off-Site



Linking externe


Off-Site » Linking externe 172

Le linking externe est obligatoire

• Un site sans lien est invisible pour Google
• Un minimum de lien est obligatoire pour être ranké
• Les liens externes comptent beaucoup dans le ranking
d’une page

http://www.seomoz.org/learn-seo/external-link


Principe white hat

• Avant : un lien pour indiquer qu’un site est cool, utile
• Aujourd’hui : facebook ou twitter pour le faire
• Besoin de payer d’une façon ou d’une autre autre pour
avoir des liens

http://www.seomoz.org/blog/seo-tactics-to-avoid-in-2011#jtc131043


Principe white hat

• Il existe encore des liens naturels, principalement depuis
des forums
• Quelques secteurs ont encore ce principe de partage,
mais ils sont souvent désintéressés
• Certaines pages ne peuvent pas avoir de liens naturels
• Certains secteurs ne peuvent pas avoir de liens
naturels : endettement, obsèques, sexe
• Amène à utiliser des techniques Grey ou Black



Do what you must

source : The Blog for Stronger Men http://stronger-men.blogspot.com


Types de lien

<a href="http://example.com/">example</a>

• 5 types de liens
• Aucune différence pour l’utilisateur
• Tous différents pour Google
• Tous n’ont pas la même valeur
• Le lien basique est celui qui compte le plus
http://www.searchenginepeople.com/blog/identify-nofollow-juiceless-links-guide.html


Types de lien

<a href="http://example.com/" rel="nofollow">..</a>

• Indique aux moteurs de recherche de ne pas suivre le
lien
• Le transfère pas de jus à la page linkée
• Google suit quand même ces liens
• Les liens naturels sont en général des nofollow

http://www.searchenginepeople.com/blog/identify-nofollow-juiceless-links-guide.html


Types de lien
<a href="http://bit.ly">bitly</a>

HTTP/1.1 301 Moved Permanently

Location: https://bitly.com/

• Redirection permanente
• Transmet le jus, une petite partie est perdue
• Ne pas faire plusieurs 301 à la suite

http://youtu.be/r1lVPrYoBkA + http://bit.ly/A4GyiE


Types de lien
<a href="http://fon.gs/zrys6u/">302 redirect</a>

HTTP/1.1 302 Found

Location: http://searchengineland.com/analysis-
which-url-shortening-service-should-you-use-17204

• Un code 302 est censé rediriger temporairement vers
une page ayant le contenu équivalent
• Ne transmet aucun jus
• Parfois Google considère que la page 302 est l’originale

http://fon.gs/zrys6u/ est un URL shortener qui utilise des 302 - à ne jamais utiliser !


Types de lien
<meta http-equiv="refresh" content="5;url=http://
example.com/">

<body onload="document.location.href='http://
example.com/'">

• Lien ou redirection invisible pour les moteurs
• Utilise le meta refresh ou du javascript, exécuté par
l’internaute
• Ne transmet pas de jus

http://www.myredirectcode.com/


Types de lien

Generation-NT n’utilise que des redirections avec le meta refresh - pas très honnête !


Texte du lien

<a href="http://www.allocine.fr">cinéma</a>

• Le texte du lien est important pour le ranking
• Utiliser des mots clés dans ce texte augmente le
positionnement de la page pour ces mots
• Un lien peut être fait sur une image, l’attribut alt est
utilisé comme texte du lien



Le lien par rapport à la page

• Contexte aussi important que le texte du lien
• Le contenu de la page est important, idéalement il doit
avoir un rapport avec le contenu de la page linkée
• Un lien dans le footer a moins de poids qu’un lien dans
un article
• L’ensemble des optimisations In-Page ont une inﬂuence
sur le poids du lien

http://www.virante.com/blog/2012/01/26/the-myth-of-the-relevant-link/


Le lien par rapport à la page

• Un lien au début d’un article portera un peu plus de
poids
• Une page avec de nombreux liens externes est moins
intéressante, le jus est divisé entre les liens
• Ne pas faire de liens réciproques entre deux pages
• Si un lien est présent 2 fois dans la page, seul le premier
lien rencontré dans le HTML compte

http://searchengineland.com/key-takeaways-from-googles-matt-cutts-talk-at-pubcon-55457 + http://mz.cm/d10xV


Le lien par rapport au site

• L’architecture du site détermine le jus que recevra la
page où se trouve le lien
• Un lien depuis un site spécialisé aura plus de poids
• Le type de site est important : blog, site corporate,
annuaire, etc...
• Tous les points vus dans In-Site peuvent être vériﬁés
• Mais il faut le faire rapidement :)



Contenu core


Off-Site » Contenu core 187

Travailler son contenu core
• Contenu core : contenu correspondant au coeur de
métier du site
• Travailler celui-ci avant d’attaquer le Off-Site
• Catalogue de produits complet
• Articles de blog travaillés et bien classés
• Avoir un site de qualité et complet à la base permet
d’avoir des liens naturels ou des partages sociaux
• Travail Off-Site beaucoup plus simple par la suite


Off-Site » Contenu core 188

Travailler son contenu core
• Pour un site qui n’est pas déjà un blog, ouvrir un blog
doit faire partie du contenu core
• Simple à mettre en place, permet de parler de son
métier
• Rédiger des articles de qualité permet de construire
des relations avec les acteurs de son industrie
• Peut être difﬁcile à mettre en place (culture
d’entreprise, politique)
• Travail sur le long terme, il ne faut pas abandonner
http://www.seomoz.org/blog/21-tactics-to-increase-blog-trafﬁc-2012 - bonus #22


Bait Pirate


Off-Site » Bait Pirate 190

Principe du bait pirate

Jack Sparrow ferait un bon bait pirate


Principe du bait pirate
• Le bait pirate travaille pour obtenir des liens sans le
demander explicitement
• Travailler le contenu core pour en faire une référence
dans le secteur
• Permet de se faire connaitre via des réseaux sociaux et
de créer des contacts, etc.
• Amène à être cité par d’autres blog, être invité à des
conférences, être perçu comme une référence
• Lié à une technique : le link baiting
http://goinswriter.com/authority-blog/


Link baiting

• Créer une page de contenu susceptible d’attirer des
liens et des partages sociaux
• Des exemples nombreux dans le web anglo-saxon
• En France, plus difﬁcile d’obtenir des liens
• Efﬁcace si on s’en donne les moyens

http://searchenginewatch.com/article/2114078/Link-Bait-Sucks...Except-When-Its-Awesome


Types de contenus

• Article : actualité ou intemporel
• Document : PDF, eBook, slides
• Image : infographie, BD, photo
• Vidéo ou podcast audio



Types de contenus

• Thème pour CMS ou blog
• Icônes, illustrations, polices, calendriers
• Outils, calculettes, simulateurs
• Widget
• Mini site



Link baiting hook

• News hook
• Être une source d’actualités
• Faire intervenir des experts
• Peut être un simple relais d’actualités si on y ajoute un
intérêt : compilation, ﬁltrage ou critique
• Un infos exclusive reste un hook énorme

Exemples : http://www.macgeneration.com/ + http://www.webrankinfo.com/


Link baiting hook

http://gizmodo.com/5520164/this-is-apples-next-iphone


Link baiting hook

• Controversial hook
• Opposer 2 concepts ou produits pour déclencher un
débat
• Parfois séparé en contrary / attack hook
• Attack hook : attaque frontale à un concept, un produit
ou une personne

http://leplus.nouvelobs.com/contribution/211161-intouchables-pourquoi-je-deteste-ce-ﬁlm-et-son-succes.html


Link baiting hook

http://leplus.nouvelobs.com/contribution/211161-intouchables-pourquoi-je-deteste-ce-ﬁlm-et-son-succes.html


Link baiting hook

• Resource hook
• Tout ce qui peut être utile : guide pour débutant, outil
en ligne, liste des meilleurs sites sur un sujet, etc...
• Hook le plus commun, mais aussi celui où le plus de
sujet ont été traités

http://www.seomoz.org/article/search-ranking-factors + http://www.meilleurtaux.com


Link baiting hook

http://www.meilleurtaux.com/


Link baiting hook

• Humor hook
• Faire un article, un dessin, une vidéo drôle
• Concept très simple mais être drôle est difﬁcile

http://bit.ly/nS1Ajw + http://vidberg.blog.lemonde.fr/


Link baiting hook

http://bit.ly/nS1Ajw

Intervention SEO Ecotic

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Similar a Intervention SEO Ecotic

Similar a Intervention SEO Ecotic (20)

Último

Último (13)

Intervention SEO Ecotic