Top Banner
La qualité web au service du SEO Muriel de Dona - 2015 @muriel_dedona
44

Sp seo camp-201505

Aug 02, 2015

Download

Internet

Muriel de Dona
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Sp seo camp-201505

La qualité web au service du SEO

Muriel de Dona - 2015

@muriel_dedona

Page 2: Sp seo camp-201505

<meta name="author" content="Muriel de Dona">

Consultante qualité webCo-auteure du livre Qualité WebContributrice projet OpquastFormatrice...

2

Page 3: Sp seo camp-201505

3

Page 4: Sp seo camp-201505

4

Fiche de poste

Apporter les meilleurs résultats aux requêtes de chaque internauteComprendre le fonctionnement humain pour le reproduire

Fiche de poste

Comprendre GoogleEvaluer et optimiser les sites

Expert SEO

Page 5: Sp seo camp-201505

5

= Pour satisfaire Google il faut satisfaire lʼhumain

CQFD !

veut satisfaire

veut satisfaire

Page 6: Sp seo camp-201505

Pour satisfaire l’utilisateur,

il faut faire de la qualité

6

Page 7: Sp seo camp-201505

7

Quʼest-ce quʼun site de

qualité ?

Page 8: Sp seo camp-201505

8

Quʼest-ce quʼun site de

qualité ?

Qui ranke

Contenu soigné

micro-données

Données bien

structuréesBien

classé dans les SERPs

Liens pertinents

Redirections

longue-traîne

référencement local

backlinks

bonnes URL

cocon sémantique

Page 9: Sp seo camp-201505

9

Quʼest-ce quʼun site de

qualité ?

Qui ranke

Contenu soigné

micro-données

Données bien

structuréesBien

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

Page 10: Sp seo camp-201505

10

Quʼest-ce quʼun site de

qualité ?

Qui ranke

Contenu soigné

micro-données

Données bien

structuréesBien

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

Page 11: Sp seo camp-201505

11

Quʼest-ce quʼun site de

qualité ?

Qui ranke

Contenu soigné

micro-données

Données bien

structuréesBien

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

Page 12: Sp seo camp-201505

12

Quʼest-ce quʼun site de

qualité ?

Qui ranke

Contenu soigné

micro-données

Données bien

structuréesBien

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

RapideAccessible

Naviguable au clavierSans

bug

Robuste

Page 13: Sp seo camp-201505

13

Quʼest-ce quʼun site de

qualité ?

Qui ranke

Contenu soigné

micro-données

Données bien

structuréesBien

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

RapideAccessible

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

Page 14: Sp seo camp-201505

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 adaptatifCe sont des outils, des référentiels, des méthodes et

une philosophie.

14

Page 15: Sp seo camp-201505

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

Page 16: Sp seo camp-201505

Critères de qualité selon Google

16

Site de qualité selon Google

Page 17: Sp seo camp-201505

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

Page 18: Sp seo camp-201505

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 urlIndication des moyens de contact en cas de litige

NON

OUI

Page 19: Sp seo camp-201505

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

Page 20: Sp seo camp-201505

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

Page 21: Sp seo camp-201505

Google dit

International ? Pérenne ?

Les internautes qui accèdent à ce genre de pages ont-il des raisons de se plaindre ?

21

Page 22: Sp seo camp-201505

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

Page 23: Sp seo camp-201505

Google dit

Réaliste / faisable ?

Cet article propose-t-il une description complète du sujet ?

23

Page 24: Sp seo camp-201505

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 contenuLes dimensions des produits en vente sont indiquées

NON

Page 25: Sp seo camp-201505

Google dit

Vérifiable en ligne ?

Les pages ont-elles ou non été produites avec beaucoup de soin et de rigueur ?

25

Page 26: Sp seo camp-201505

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éeCode source valide au regard de la grammaire choisiePrésence d’un fil d’arianePas de faute d’orthographe

NON

Page 27: Sp seo camp-201505

Google dit

Est-ce utile ?

L'article offre-t-il plusieurs points de vue sur ce qui s'est passé ?

27

Page 28: Sp seo camp-201505

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

Page 29: Sp seo camp-201505

Mise en application

Objectif : évaluer la qualité dʼun site en 10 minMéthode : audit expressPérimètre : échantillon non représentatif

29

Page 30: Sp seo camp-201505

Référentiels et outils

Référentiels : checklists.opquast.com Outils :- Web developer toolbar- Firebug / Yslow- GT metrix- redbot.org- Opquast Desktop

30

Page 31: Sp seo camp-201505

31

Robots.txtlien 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

Page 32: Sp seo camp-201505

32

Plan du siteCoordonnées postales et téléphoniquesAvec indication du paysNuméro de téléphone au format international

Mentions légalesIndication de la fonction du lien via son libellé

Page d’accueil : bas de page

Page 33: Sp seo camp-201505

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 pertinentNom du fichier image cohérent

Titre : « identification du contenu – nom du site »

Pages internes

Page 34: Sp seo camp-201505

Serveur et performances

Les JS, CSS et HTML sont compressésScripts après le contenu, externalisés, minifiésHTML et CSS minifiés

34

Page 35: Sp seo camp-201505

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

Page 36: Sp seo camp-201505

Pourquoi faire de la qualité ?

c’est facile

36

Page 37: Sp seo camp-201505

Pourquoi faire de la qualité ?

ça rapporteVisiteur satisfait = utilisateur converti Faire de la qualité, cʼest économiserUne bonne image ça nʼa pas de prix

37

Page 38: Sp seo camp-201505

Pourquoi faire de la qualité ?

tout est importantLes métiers du web sont complémentaires

38

Page 39: Sp seo camp-201505

Pourquoi faire de la qualité ?

pour fédérerLangage et objectifs communs

Partage de responsabilités MOA/MOE

39

Page 40: Sp seo camp-201505

Pourquoi faire de la qualité ?

pour industrialisercontrôle en amont

automatisation normalisationgain de temps

mesure

40

Page 41: Sp seo camp-201505

Pourquoi faire de la qualité ?

pour s’amuserPas de basique, juste du sur-mesure

Pas de travail gâchéPlus de créativité

41

Page 42: Sp seo camp-201505

Et DEMAIN ?

42

Page 43: Sp seo camp-201505

Pour être sûr de ne pas se tromper, cʼest

toujours lʼhumain quʼil faut chercher à connaitre et privilégier

43

Page 44: Sp seo camp-201505

44

</Merci>

Références :http://opquast.com/fr/ http://qualite-web-lelivre.com/Merci à @Yeca pour sa relecture Muriel de Dona - 2015