SlideShare une entreprise Scribd logo
1  sur  44
Télécharger pour lire hors ligne
La qualité web au service du SEO
Muriel de Dona - 2015
@muriel_dedona
<meta name="author"
content="Muriel de Dona">
Consultante qualité web
Co-auteure du livre Qualité Web
Contributrice projet Opquast
Formatrice
...
2
3
4
Fiche de poste
Apporter les meilleurs
résultats aux requêtes
de chaque internaute
Comprendre le
fonctionnement
humain pour le
reproduire
Fiche de poste
Comprendre Google
Evaluer et optimiser
les sites
Expert SEO
5
= Pour satisfaire Google il faut satisfaire lʼhumain
CQFD !
veut satisfaire
veut satisfaire
Pour satisfaire l’utilisateur,
il faut faire de la qualité
6
7
Quʼest-ce
quʼun site de
qualité ?
8
Quʼest-ce
quʼun site de
qualité ?
Qui
ranke
Contenu
soigné
micro-
données
Données
bien
structurées
Bien
classé dans les
SERPs
Liens
pertinents
Redirections
longue-
traîne
référencement
local
backlinks
bonnes
URL
cocon
sémantique
9
Quʼest-ce
quʼun site de
qualité ?
Qui
ranke
Contenu
soigné
micro-
données
Données
bien
structurées
Bien
classé dans les
SERPs
Liens
pertinents
Redirections
longue-
traîne
référencement
local
backlinks
bonnes
URL
cocon
sémantique
Beau
Typographie
adaptée
Dégradation
élégante
Harmonieux
Compréhensible
Responsive
choix de
couleurs
respecte
image de
marque
Images
optimisées
10
Quʼest-ce
quʼun site de
qualité ?
Qui
ranke
Contenu
soigné
micro-
données
Données
bien
structurées
Bien
classé dans les
SERPs
Liens
pertinents
Redirections
longue-
traîne
référencement
local
backlinks
bonnes
URL
cocon
sémantique
Beau
Typographie
adaptée
Dégradation
élégante
Harmonieux
Compréhensible
Responsive
choix de
couleurs
respecte
image de
marque
Images
optimisées
Tunnel d’achat
optimisé
Navigation
intuitive
Ergonomique
Bonne
architecture
Agréable à
consulter sur
mobile
Bien
conçu
Site qui
inspire
confiance
Crédible
Qui
rassure
Simple
11
Quʼest-ce
quʼun site de
qualité ?
Qui
ranke
Contenu
soigné
micro-
données
Données
bien
structurées
Bien
classé dans les
SERPs
Liens
pertinents
Redirections
longue-
traîne
référencement
local
backlinks
bonnes
URL
cocon
sémantique
Beau
Typographie
adaptée
Dégradation
élégante
Harmonieux
Compréhensible
Responsive
choix de
couleurs
respecte
image de
marque
Images
optimisées
Tunnel d’achat
optimisé
Navigation
intuitive
Ergonomique
Bonne
architecture
Agréable à
consulter sur
mobile
Bien
conçu
Site qui
inspire
confiance
Crédible
Qui
rassure
Simple
Grande
communauté sur les
réseaux sociaux
Traduit
dans plein de
langues
Bien
rédigé
Liens vers
Facebook et
Twitter
avec des chats
12
Quʼest-ce
quʼun site de
qualité ?
Qui
ranke
Contenu
soigné
micro-
données
Données
bien
structurées
Bien
classé dans les
SERPs
Liens
pertinents
Redirections
longue-
traîne
référencement
local
backlinks
bonnes
URL
cocon
sémantique
Beau
Typographie
adaptée
Dégradation
élégante
Harmonieux
Compréhensible
Responsive
choix de
couleurs
respecte
image de
marque
Images
optimisées
Tunnel d’achat
optimisé
Navigation
intuitive
Ergonomique
Bonne
architecture
Agréable à
consulter sur
mobile
Bien
conçu
Site qui
inspire
confiance
Crédible
Qui
rassure
Simple
Grande
communauté sur les
réseaux sociaux
Traduit
dans plein de
langues
Bien
rédigé
Liens vers
Facebook et
Twitter
avec des chats
Sécurisé
Serveur
bien
configuré
Code
propreRespecte les
standards
Compatible
avec tous les
navigateurs
Rapide
Accessible
Naviguable au
clavierSans
bug
Robuste
13
Quʼest-ce
quʼun site de
qualité ?
Qui
ranke
Contenu
soigné
micro-
données
Données
bien
structurées
Bien
classé dans les
SERPs
Liens
pertinents
Redirections
longue-
traîne
référencement
local
backlinks
bonnes
URL
cocon
sémantique
Beau
Typographie
adaptée
Dégradation
élégante
Harmonieux
Compréhensible
Responsive
choix de
couleurs
respecte
image de
marque
Images
optimisées
Tunnel d’achat
optimisé
Navigation
intuitive
Ergonomique
Bonne
architecture
Agréable à
consulter sur
mobile
Bien
conçu
Site qui
inspire
confiance
Crédible
Qui
rassure
Simple
Grande
communauté sur les
réseaux sociaux
Traduit
dans plein de
langues
Bien
rédigé
Liens vers
Facebook et
Twitter
avec des chats
Sécurisé
Serveur
bien
configuré
Code
propreRespecte les
standards
Compatible
avec tous les
navigateurs
Rapide
Accessible
Naviguable au
clavierSans
bug
Robuste
Intéressant
Précis
Avec un moteur de
recherche pertinent
Relation
client
sympa
Fait
vendre
Qui fasse
référence
Légal
La qualité
Ce n’est pas subjectif, c’est objectif et universel
Pas une spécialité, c’est une métadiscipline
Pas de l’excellence, ce sont des fondamentaux
Pas bête et méchant, c’est adaptatif
Ce sont des outils, des référentiels, des méthodes et
une philosophie.
14
Pour définir objectivement la qualité et la
rendre mesurable, il faut des critères :
Objectifs
Binaires & unitaires
Pérennes & internationaux
Faisables
Vérifiables en ligne
Qui fassent consensus sur leur utilité
15
Critères de qualité selon Google
16
Google dit
Ce critère est-il objectif ?
Auriez-vous suffisamment confiance en ce site pour lui
communiquer les informations relatives à votre carte
de paiement ?
17
Google dit
Ce critère est-il objectif ?
Auriez-vous suffisamment confiance en ce site pour lui
communiquer les informations relatives à votre carte
de paiement ?
18
Présence de certificats de sécurité signés et en cours de validité
Pas de transmission de données sensibles en clair dans les url
Indication des moyens de contact en cas de litige
NON
OUI
Google dit
Binaire et unitaire ?
Peut-on répondre par oui ou par non ? Une seule question ?
Les articles sont-ils inutiles, car trop courts, trop
superficiels ou trop vagues ?
19
Google dit
Binaire et unitaire ?
Peut-on répondre par oui ou par non ? Une seule question ?
Les articles sont-ils inutiles, car trop courts, trop
superficiels ou trop vagues ?
20
Présence d’un glossaire expliquant le vocabulaire technique
NON
Google dit
International ? Pérenne ?
Les internautes qui accèdent à ce genre de pages ont-il
des raisons de se plaindre ?
21
Google dit
International ? Pérenne ?
Les internautes qui accèdent à ce genre de pages ont-il
des raisons de se plaindre ?
22
Présence d’un moins un moyen de signaler les abus
NON
Google dit
Réaliste / faisable ?
Cet article propose-t-il une description complète du
sujet ?
23
Google dit
Réaliste / faisable ?
Cet article propose-t-il une description complète du
sujet ?
24
Le titre de chaque page permet d'identifier son contenu
Les dimensions des produits en vente sont indiquées
NON
Google dit
Vérifiable en ligne ?
Les pages ont-elles ou non été produites avec beaucoup
de soin et de rigueur ?
25
Google dit
Vérifiable en ligne ?
Les pages ont-elles ou non été produites avec beaucoup
de soin et de rigueur ?
26
Structure de titres et sous-titres hiérarchisée
Code source valide au regard de la grammaire choisie
Présence d’un fil d’ariane
Pas de faute d’orthographe
NON
Google dit
Est-ce utile ?
L'article offre-t-il plusieurs points de vue sur ce qui s'est
passé ?
27
Google dit
Est-ce utile ?
L'article offre-t-il plusieurs points de vue sur ce qui s'est
passé ?
28
Les citations sont balisées de façon appropriée
NON
Mise en application
Objectif : évaluer la qualité dʼun site en 10 min
Méthode : audit express
Périmètre : échantillon non représentatif
29
Référentiels et outils
Référentiels : checklists.opquast.com
Outils :
- Web developer toolbar
- Firebug / Yslow
- GT metrix
- redbot.org
- Opquast Desktop
30
31
Robots.txt
lien vers sitemap
favicon
Absence de son ou
vidéo auto déclenchés
Animations mises en pause
Page d’accueil : haut de page
Le libellé
du lien
décrit la
nature du
contenu
vers lequel
il pointe
Fonctionne avec
ou sans www
32
Plan du site
Coordonnées postales et téléphoniques
Avec indication du pays
Numéro de téléphone au format international
Mentions légales
Indication de la fonction
du lien via son libellé
Page d’accueil : bas de page
33
Pas de
trous dans
succession
de titres hx
Liens différenciés du contenu
Contraste
suffisant entre
texte et arrière
plan
Fil
dʼariane
Alt présent et pertinent
Nom du fichier image cohérent
Titre :
« identification du contenu – nom du site »
Pages internes
Serveur et performances
Les JS, CSS et HTML sont compressés
Scripts après le contenu, externalisés, minifiés
HTML et CSS minifiés
34
35
FORMULAIRES
Indication des
champs
obligatoires
Champ visuellement
associé à lʼétiquette
Champ associé à
lʼétiquette dans le code
<label for="nom1">Nom de famille :</
label>
<input id="nom1" type="text"
name="nom">
En cas dʼerreur, les
données saisies ne
sont pas effacées
Pourquoi faire de la qualité ?
c’est facile
36
Pourquoi faire de la qualité ?
ça rapporte
Visiteur satisfait = utilisateur converti
Faire de la qualité, cʼest économiser
Une bonne image ça nʼa pas de prix
37
Pourquoi faire de la qualité ?
tout est important
Les métiers du web sont complémentaires
38
Pourquoi faire de la qualité ?
pour fédérer
Langage et objectifs communs
Partage de responsabilités MOA/MOE
39
Pourquoi faire de la qualité ?
pour industrialiser
contrôle en amont
automatisation
normalisation
gain de temps
mesure
40
Pourquoi faire de la qualité ?
pour s’amuser
Pas de basique, juste du sur-mesure
Pas de travail gâché
Plus de créativité
41
Et DEMAIN ?
42
Pour être sûr de ne pas se tromper, cʼest
toujours lʼhumainquʼil faut
chercher à connaitre et privilégier
43
44
</Merci>
Références :
http://opquast.com/fr/
http://qualite-web-lelivre.com/
Merci à @Yeca pour sa relecture Muriel de Dona - 2015

Contenu connexe

Tendances

Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015Philippe YONNET
 
La casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfaitLa casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfaitAymeric Bouillat
 
SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...
SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...
SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...SEARCH Y - Philippe Yonnet Evénements
 
La mise en cache et ses secrets
La mise en cache et ses secretsLa mise en cache et ses secrets
La mise en cache et ses secretsAymeric Bouillat
 
Seo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick ValibusSeo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick ValibusPatrick Valibus
 
Analyse de logs SEO : pour qui, pour quoi, comment ?
Analyse de logs SEO : pour qui, pour quoi, comment ?Analyse de logs SEO : pour qui, pour quoi, comment ?
Analyse de logs SEO : pour qui, pour quoi, comment ?Julien Deneuville
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Olivier Andrieu
 

Tendances (7)

Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015
 
La casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfaitLa casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfait
 
SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...
SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...
SEARCH Y - Bing : Frédéric Dubut et Fabrice Canel - Crawl et Indexation, les ...
 
La mise en cache et ses secrets
La mise en cache et ses secretsLa mise en cache et ses secrets
La mise en cache et ses secrets
 
Seo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick ValibusSeo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick Valibus
 
Analyse de logs SEO : pour qui, pour quoi, comment ?
Analyse de logs SEO : pour qui, pour quoi, comment ?Analyse de logs SEO : pour qui, pour quoi, comment ?
Analyse de logs SEO : pour qui, pour quoi, comment ?
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
 

Similaire à Sp seo camp-201505

Tuniseo 2017 année charnière pour le SEO ?
Tuniseo  2017 année charnière pour le SEO ?Tuniseo  2017 année charnière pour le SEO ?
Tuniseo 2017 année charnière pour le SEO ?Philippe YONNET
 
Competitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entrepriseCompetitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entrepriseCOMPETITIC
 
Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015Objectif Papillon
 
Séminaire Boostez votre référencement sur Google
Séminaire Boostez votre référencement sur GoogleSéminaire Boostez votre référencement sur Google
Séminaire Boostez votre référencement sur GoogleDigital Link Sàrl
 
La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018
La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018
La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018Peak Ace
 
T2m Evolution du SEO et synergie Inbound Marketing
T2m Evolution du SEO et synergie Inbound MarketingT2m Evolution du SEO et synergie Inbound Marketing
T2m Evolution du SEO et synergie Inbound MarketingSerge Esteves
 
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014Objectif Papillon
 
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseRédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseYellow Dolphins
 
Référencement 2.0
Référencement 2.0Référencement 2.0
Référencement 2.0phalengry
 
Conférence SEO aux Académies du Tourisme Numérique 2015
Conférence SEO aux Académies du Tourisme Numérique 2015Conférence SEO aux Académies du Tourisme Numérique 2015
Conférence SEO aux Académies du Tourisme Numérique 2015Open-linking
 
WEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptx
WEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptxWEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptx
WEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptxPhilippe YONNET
 
référencement naturel site Internet (CCI Landes)
référencement naturel site Internet (CCI Landes)référencement naturel site Internet (CCI Landes)
référencement naturel site Internet (CCI Landes)Ludovic Renoult
 
Stratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMI
Stratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMIStratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMI
Stratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMIMohammed ALAMI ✅
 
Le search : axe fondamental de toute stratégie web !
 Le search : axe fondamental de toute stratégie web !  Le search : axe fondamental de toute stratégie web !
Le search : axe fondamental de toute stratégie web ! MBM Tunisie
 
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI MontpellierLes bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI MontpellierNicolas Mercatili
 
Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...
Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...
Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...Tourisme 64
 
IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?
IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?
IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?Nicolas Mercatili
 

Similaire à Sp seo camp-201505 (20)

Tuniseo 2017 année charnière pour le SEO ?
Tuniseo  2017 année charnière pour le SEO ?Tuniseo  2017 année charnière pour le SEO ?
Tuniseo 2017 année charnière pour le SEO ?
 
Competitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entrepriseCompetitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entreprise
 
Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015Les 10 commandements du référencement durable - Mêlée Numérique 2015
Les 10 commandements du référencement durable - Mêlée Numérique 2015
 
Séminaire Boostez votre référencement sur Google
Séminaire Boostez votre référencement sur GoogleSéminaire Boostez votre référencement sur Google
Séminaire Boostez votre référencement sur Google
 
La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018
La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018
La qualité des pages selon Google - SEO CAMP DAY LORRAINE 2018
 
T2m Evolution du SEO et synergie Inbound Marketing
T2m Evolution du SEO et synergie Inbound MarketingT2m Evolution du SEO et synergie Inbound Marketing
T2m Evolution du SEO et synergie Inbound Marketing
 
Cours e-marketing
Cours e-marketingCours e-marketing
Cours e-marketing
 
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
Les 10 commandements du référencement durable - Devcom Toulouse, decembre 2014
 
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseRédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
 
Référencement 2.0
Référencement 2.0Référencement 2.0
Référencement 2.0
 
Jeu formation referencement
Jeu formation referencementJeu formation referencement
Jeu formation referencement
 
Conférence SEO aux Académies du Tourisme Numérique 2015
Conférence SEO aux Académies du Tourisme Numérique 2015Conférence SEO aux Académies du Tourisme Numérique 2015
Conférence SEO aux Académies du Tourisme Numérique 2015
 
WEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptx
WEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptxWEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptx
WEBINAR TOPICAL CLUSTERS 9 JUIN 2022.pptx
 
référencement naturel site Internet (CCI Landes)
référencement naturel site Internet (CCI Landes)référencement naturel site Internet (CCI Landes)
référencement naturel site Internet (CCI Landes)
 
Stratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMI
Stratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMIStratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMI
Stratégie web (SEO, SEM) étude de cas Role Model par Mohammed ALAMI
 
Le search : axe fondamental de toute stratégie web !
 Le search : axe fondamental de toute stratégie web !  Le search : axe fondamental de toute stratégie web !
Le search : axe fondamental de toute stratégie web !
 
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI MontpellierLes bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
 
Conf croix
Conf croixConf croix
Conf croix
 
Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...
Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...
Le référencement naturel, via l'écriture web et l'apport des réseaux sociaux ...
 
IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?
IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?
IA et Netlinking : Quels usages concrets pour réussir vos campagnes ?
 

Sp seo camp-201505

  • 1. La qualité web au service du SEO Muriel de Dona - 2015 @muriel_dedona
  • 2. <meta name="author" content="Muriel de Dona"> Consultante qualité web Co-auteure du livre Qualité Web Contributrice projet Opquast Formatrice ... 2
  • 3. 3
  • 4. 4 Fiche de poste Apporter les meilleurs résultats aux requêtes de chaque internaute Comprendre le fonctionnement humain pour le reproduire Fiche de poste Comprendre Google Evaluer et optimiser les sites Expert SEO
  • 5. 5 = Pour satisfaire Google il faut satisfaire lʼhumain CQFD ! veut satisfaire veut satisfaire
  • 6. Pour satisfaire l’utilisateur, il faut faire de la qualité 6
  • 8. 8 Quʼest-ce quʼun site de qualité ? Qui ranke Contenu soigné micro- données Données bien structurées Bien classé dans les SERPs Liens pertinents Redirections longue- traîne référencement local backlinks bonnes URL cocon sémantique
  • 9. 9 Quʼest-ce quʼun site de qualité ? Qui ranke Contenu soigné micro- données Données bien structurées Bien classé dans les SERPs Liens pertinents Redirections longue- traîne référencement local backlinks bonnes URL cocon sémantique Beau Typographie adaptée Dégradation élégante Harmonieux Compréhensible Responsive choix de couleurs respecte image de marque Images optimisées
  • 10. 10 Quʼest-ce quʼun site de qualité ? Qui ranke Contenu soigné micro- données Données bien structurées Bien classé dans les SERPs Liens pertinents Redirections longue- traîne référencement local backlinks bonnes URL cocon sémantique Beau Typographie adaptée Dégradation élégante Harmonieux Compréhensible Responsive choix de couleurs respecte image de marque Images optimisées Tunnel d’achat optimisé Navigation intuitive Ergonomique Bonne architecture Agréable à consulter sur mobile Bien conçu Site qui inspire confiance Crédible Qui rassure Simple
  • 11. 11 Quʼest-ce quʼun site de qualité ? Qui ranke Contenu soigné micro- données Données bien structurées Bien classé dans les SERPs Liens pertinents Redirections longue- traîne référencement local backlinks bonnes URL cocon sémantique Beau Typographie adaptée Dégradation élégante Harmonieux Compréhensible Responsive choix de couleurs respecte image de marque Images optimisées Tunnel d’achat optimisé Navigation intuitive Ergonomique Bonne architecture Agréable à consulter sur mobile Bien conçu Site qui inspire confiance Crédible Qui rassure Simple Grande communauté sur les réseaux sociaux Traduit dans plein de langues Bien rédigé Liens vers Facebook et Twitter avec des chats
  • 12. 12 Quʼest-ce quʼun site de qualité ? Qui ranke Contenu soigné micro- données Données bien structurées Bien classé dans les SERPs Liens pertinents Redirections longue- traîne référencement local backlinks bonnes URL cocon sémantique Beau Typographie adaptée Dégradation élégante Harmonieux Compréhensible Responsive choix de couleurs respecte image de marque Images optimisées Tunnel d’achat optimisé Navigation intuitive Ergonomique Bonne architecture Agréable à consulter sur mobile Bien conçu Site qui inspire confiance Crédible Qui rassure Simple Grande communauté sur les réseaux sociaux Traduit dans plein de langues Bien rédigé Liens vers Facebook et Twitter avec des chats Sécurisé Serveur bien configuré Code propreRespecte les standards Compatible avec tous les navigateurs Rapide Accessible Naviguable au clavierSans bug Robuste
  • 13. 13 Quʼest-ce quʼun site de qualité ? Qui ranke Contenu soigné micro- données Données bien structurées Bien classé dans les SERPs Liens pertinents Redirections longue- traîne référencement local backlinks bonnes URL cocon sémantique Beau Typographie adaptée Dégradation élégante Harmonieux Compréhensible Responsive choix de couleurs respecte image de marque Images optimisées Tunnel d’achat optimisé Navigation intuitive Ergonomique Bonne architecture Agréable à consulter sur mobile Bien conçu Site qui inspire confiance Crédible Qui rassure Simple Grande communauté sur les réseaux sociaux Traduit dans plein de langues Bien rédigé Liens vers Facebook et Twitter avec des chats Sécurisé Serveur bien configuré Code propreRespecte les standards Compatible avec tous les navigateurs Rapide Accessible Naviguable au clavierSans bug Robuste Intéressant Précis Avec un moteur de recherche pertinent Relation client sympa Fait vendre Qui fasse référence Légal
  • 14. La qualité Ce n’est pas subjectif, c’est objectif et universel Pas une spécialité, c’est une métadiscipline Pas de l’excellence, ce sont des fondamentaux Pas bête et méchant, c’est adaptatif Ce sont des outils, des référentiels, des méthodes et une philosophie. 14
  • 15. Pour définir objectivement la qualité et la rendre mesurable, il faut des critères : Objectifs Binaires & unitaires Pérennes & internationaux Faisables Vérifiables en ligne Qui fassent consensus sur leur utilité 15
  • 16. Critères de qualité selon Google 16
  • 17. Google dit Ce critère est-il objectif ? Auriez-vous suffisamment confiance en ce site pour lui communiquer les informations relatives à votre carte de paiement ? 17
  • 18. Google dit Ce critère est-il objectif ? Auriez-vous suffisamment confiance en ce site pour lui communiquer les informations relatives à votre carte de paiement ? 18 Présence de certificats de sécurité signés et en cours de validité Pas de transmission de données sensibles en clair dans les url Indication des moyens de contact en cas de litige NON OUI
  • 19. Google dit Binaire et unitaire ? Peut-on répondre par oui ou par non ? Une seule question ? Les articles sont-ils inutiles, car trop courts, trop superficiels ou trop vagues ? 19
  • 20. Google dit Binaire et unitaire ? Peut-on répondre par oui ou par non ? Une seule question ? Les articles sont-ils inutiles, car trop courts, trop superficiels ou trop vagues ? 20 Présence d’un glossaire expliquant le vocabulaire technique NON
  • 21. Google dit International ? Pérenne ? Les internautes qui accèdent à ce genre de pages ont-il des raisons de se plaindre ? 21
  • 22. Google dit International ? Pérenne ? Les internautes qui accèdent à ce genre de pages ont-il des raisons de se plaindre ? 22 Présence d’un moins un moyen de signaler les abus NON
  • 23. Google dit Réaliste / faisable ? Cet article propose-t-il une description complète du sujet ? 23
  • 24. Google dit Réaliste / faisable ? Cet article propose-t-il une description complète du sujet ? 24 Le titre de chaque page permet d'identifier son contenu Les dimensions des produits en vente sont indiquées NON
  • 25. Google dit Vérifiable en ligne ? Les pages ont-elles ou non été produites avec beaucoup de soin et de rigueur ? 25
  • 26. Google dit Vérifiable en ligne ? Les pages ont-elles ou non été produites avec beaucoup de soin et de rigueur ? 26 Structure de titres et sous-titres hiérarchisée Code source valide au regard de la grammaire choisie Présence d’un fil d’ariane Pas de faute d’orthographe NON
  • 27. Google dit Est-ce utile ? L'article offre-t-il plusieurs points de vue sur ce qui s'est passé ? 27
  • 28. Google dit Est-ce utile ? L'article offre-t-il plusieurs points de vue sur ce qui s'est passé ? 28 Les citations sont balisées de façon appropriée NON
  • 29. Mise en application Objectif : évaluer la qualité dʼun site en 10 min Méthode : audit express Périmètre : échantillon non représentatif 29
  • 30. Référentiels et outils Référentiels : checklists.opquast.com Outils : - Web developer toolbar - Firebug / Yslow - GT metrix - redbot.org - Opquast Desktop 30
  • 31. 31 Robots.txt lien vers sitemap favicon Absence de son ou vidéo auto déclenchés Animations mises en pause Page d’accueil : haut de page Le libellé du lien décrit la nature du contenu vers lequel il pointe Fonctionne avec ou sans www
  • 32. 32 Plan du site Coordonnées postales et téléphoniques Avec indication du pays Numéro de téléphone au format international Mentions légales Indication de la fonction du lien via son libellé Page d’accueil : bas de page
  • 33. 33 Pas de trous dans succession de titres hx Liens différenciés du contenu Contraste suffisant entre texte et arrière plan Fil dʼariane Alt présent et pertinent Nom du fichier image cohérent Titre : « identification du contenu – nom du site » Pages internes
  • 34. Serveur et performances Les JS, CSS et HTML sont compressés Scripts après le contenu, externalisés, minifiés HTML et CSS minifiés 34
  • 35. 35 FORMULAIRES Indication des champs obligatoires Champ visuellement associé à lʼétiquette Champ associé à lʼétiquette dans le code <label for="nom1">Nom de famille :</ label> <input id="nom1" type="text" name="nom"> En cas dʼerreur, les données saisies ne sont pas effacées
  • 36. Pourquoi faire de la qualité ? c’est facile 36
  • 37. Pourquoi faire de la qualité ? ça rapporte Visiteur satisfait = utilisateur converti Faire de la qualité, cʼest économiser Une bonne image ça nʼa pas de prix 37
  • 38. Pourquoi faire de la qualité ? tout est important Les métiers du web sont complémentaires 38
  • 39. Pourquoi faire de la qualité ? pour fédérer Langage et objectifs communs Partage de responsabilités MOA/MOE 39
  • 40. Pourquoi faire de la qualité ? pour industrialiser contrôle en amont automatisation normalisation gain de temps mesure 40
  • 41. Pourquoi faire de la qualité ? pour s’amuser Pas de basique, juste du sur-mesure Pas de travail gâché Plus de créativité 41
  • 43. Pour être sûr de ne pas se tromper, cʼest toujours lʼhumainquʼil faut chercher à connaitre et privilégier 43