Audit de site web
Faire un site qui déboite sur Google !
HELLO!
Derek Salmon
@drksalmon
Webmarketer
Master E-marketing
Freelance
Le principe
Qu’est-ce qu’un audit
Un audit
✘ Un examen, une inspection d’un site internet
✘ Mais aussi des éléments extérieurs au site
✘ L’analyse du trafic
✘ En fonction de deux critères
Google et ses règles
Et les autres...
Les internautes
Vos utilisateurs
Bonne nouvelle
Critères Google = utilisateurs
De plus en plus
Analyse de qualité
En fonction de critères précis
Les points à analyser
✘ Utilisateurs
✘ Code, performance, structure, index
✘ Contenu interne et externe
✘ Ergonomie et design
Il y a du boulot
“Il y a des tonnes de critères pour
faire un site de qualité mais ne
jamais oublier les utilisateurs”
Utilisateurs
Pour qui fait-on le site ?
Plusieurs outils
Le meilleur : contact
direct
Demander aux
utilisateurs
Rencontrer des
utilisateurs
(événements,
rencontres)
Questionnaires /
emails /avis clients
Choisir les questions
pertinentes,
interpréter les avis
Google Analytics /
Facebook insight
Les caractéristiques
de vos utilisateurs en
ligne
Comprendre ses utilisateurs
Le jeu : mais qui est-ce ?
Leurs caractéristiques
✘ Age, lieux géographiques
✘ Profil (étudiants, enfants)
✘ Appartenance (sportifs, punks)
✘ Habitudes de consommation (heures, types
de produits)
✘ Autres sites consultés
Le but : servir la meilleure expérience possible
6124 Utilisateurs / Mois
Pas mal mais est-ce utile ?
Mais d’où viennent-ils ?
70%
10%
20%
Problème : pas de version anglaise du site
Mais d’où viennent-ils ?
Liens
référents
Naturel
Direct
Navigation sur le site (Google Analytics / Piwik)
Page “d’accueil” Page de “présentation” Page “les services”
Site d’une entreprise de déménagement
Support pour accèder au site
Session
(% trafic total)
Taux de rebond
(%)
Mobile 45 80
Tablette 15 65
Ordinateur 40 40
Support pour accèder au site
Session
(% trafic total)
Taux de rebond
(%)
Mobile 45 80
Tablette 15 65
Ordinateur 40 40
Problème : Mon site ne s’adapte pas sur mobile
Attention à la pertinence
Toujours vérifier la pertinence et l'exactitude
des chiffres
Google Analytics
✘ Chaîne Youtube Google
Analytics
✘ Documentation Google
✘ Guide Moz (anglais)
Ressources
Utilisateurs
✘ Marketing
✘ Expérience utilisateur
✗ Persona
✘ Ergonomie web
✘ Cours de design
complet : Hackdesign
(anglais)
Code, Index,
Performance, Structure
Quelle est la qualité technique du site ?
Pause : Pub
Les robots d’indexation
Petite mise au point
Les gentils robots
✘ Les moteurs de
recherche
✗ Google
✗ Bing
✗ Yandex
✗ Baidu
I-robot
… et des méchants
✘ Spams
✗ Exemple
✘ Robots d’analyse
Est-ce que mon site est indexé ?
✘ Présent sur l’index de recherche des moteurs
de recherche
✘ Une simple commande sur Google
✗ site:www.nomdedomaine.com
En cas de non indexation
✘ Blocage du site
✗ Robots.txt
✗ No follow dans les meta
✗ Problème de serveur (site inaccessible)
Autres critères
✘ Présence d’un sitemap
✘ Schema.org
✘ Open Graph
✘ Eviter d’utiliser du flash
Google Search Console
✘ Suivi de l’indexation
✘ Envoi d’indexation
✘ Gestion des erreurs
✘ Très complet
✘ Gratuit
D’autres outils
Screaming Frog
✘ Permet de récupérer
les pages indéxées
✘ Des informations sur
les pages
✘ Gratuit
Performance
✘ Tester la vitesse de chargement du site
✘ Test en situation (mobile/ordinateur)
✘ Un outil rapide : Google Page Speed
✗ Détermine les performances du site facilement
✗ Des conseils de correctifs (développement)
✘ Pour les courageux : Webpagetest.org
Structure et le code
✘ Savoir analyser le code
✗ HTML
✗ CSS
✗ JS
✘ Détecter les erreurs, les problèmes de qualité
✘ Voir si la navigation, les liens sont accessibles
✘ Validation W3C (développeur)
Indexation
✘ Chaîne Youtube Google
search console
✘ Consignes Google pour
les webmasters
Ressources
Code, structure
✘ OpenClassroom
✗ Référencement
✗ Créer son site web
✘ Code Academy
Contenu interne et
externe
Quel contenu intéresse mes utilisateurs et
comment le rendre visible sur Google ?
Le contenu interne du site
Comprendre la sémantique du code
✘ La valeur des balises html
✘ Détecter les erreurs, les problèmes de qualité
✘ Validation W3C (développeur)
Comprendre la sémantique du code
✘ Balise meta
✗ Meta titre
✗ Meta description
✘ Balise de conteu
✗ Titre : h1, h2, h3, h4
✗ Mots-clés important : <strong>
✘ Liens : <a>
✘ Images : <img alt=”description”>
Outils utiles
✘ Screaming frog
✗ Meta titre et description
✗ Titre des pages
✗ Images
✘ Google Search Console
✘ Code source de la page
✘ Administration (CMS)
Est-ce que le contenu est pertinent ?
✘ Choix des thématiques
✗ Mots-clés
✗ Organisation du contenu
✗ Liens entre les pages
✗ Choix des images et leurs descriptions
✗ Utile pour l’utilisateur !
✘ Eviter les mauvaises pratiques
✗ Bourrage de mots-clés
✗ Contenu caché
Suivre son positionnement sur Google
✘ Faire des recherches sur les mots-clés
cohérents
✗ Navigation privée, faire des requêtes sur Google
✗ Utiliser des outils
■ www.positeo.com
■ www.serplab.co.uk (suivi)
✘ Voir les termes à améliorer, les termes à
conserver
✗ En fonction du nombre de recherche (Google trends,
Keyword Planner)
Autres critères
✘ Longueur des meta titres, descriptions
✘ URL lisible
✘ Contenu dupliqué
✘ Page 404 (introuvable), page 501 (erreur)
✗ Faire des redirections
Le contenu externe du site
✘ Faire une liste des liens entrants
✘ Les trier par qualité
✗ Poids du site
✗ Cohérence avec mon site
✘ Réduire les liens non pertinents et de spams
✗ Contacter l’éditeur
✗ Outil sur Google Search Console
Les liens qui pointent sur mon site
✘ Critère indirect
✘ Réseaux sociaux liés au site
✘ Nombre de partage des pages
La notoriété sur les réseaux sociaux
Outils utiles
✘ Analyse des liens
✗ Rank Signals
✗ Ahref
✗ Semrush
✗ Google Search console
L’ergonomie et le design
L’expérience des utilisateurs
“Est-ce qu’un de vos utilisateurs
peuvent comprendre votre site en 3
secondes”
Vitesse ?
Ergonomie ?
Utilisation ?
Information importante ?
Exemple : simplification formulaire
Et sur mobile ?
Place your screenshot here
Et les autres supports ?
OS ?
Tablette ?
Montres ? (soyons fou)
Très grand format (>21”)
Haute résolution (retina)
Tablette Android /
IOS / Windows
Horizontale / verticale
Organiser son audit
Avoir une méthode répétable, adaptable : un modèle
✘ Organisation en document d’audit
✗ Document texte
✗ Feuille de calcul
✘ Utiliser des checklists pour valider différents
points
Les liens qui pointent sur mon site
Correctifs
✘ Refonte des meta
✗ Ajouter des mots-clés
✗ Suivre les normes de
Google
✘ Améliorer les performances
✘ Faire une refonte responsive
Bilan de l’audit : deux catégories
Opportunités
✘ Gain de liens
✗ Dans la même
thématique
✘ Référencement local
✗ Google Map
✗ Yelp, Foursquare
Bon audit !
Merci!
Des questions?
Contacter Strasweb
✘ contact@strasweb.fr
✘ Sur Facebook ou Twitter
✘ Nos formations sont sur
Slideshare
Prochaine formation Strasweb :
20/04/16
Initiation au référencement
Credits
✘ Template par SlidesCarnival
✘ Photographies par Unsplash

Audit de site web

  • 1.
    Audit de siteweb Faire un site qui déboite sur Google !
  • 2.
  • 3.
  • 4.
    Un audit ✘ Unexamen, une inspection d’un site internet ✘ Mais aussi des éléments extérieurs au site ✘ L’analyse du trafic ✘ En fonction de deux critères
  • 5.
    Google et sesrègles Et les autres...
  • 6.
  • 7.
    Bonne nouvelle Critères Google= utilisateurs De plus en plus
  • 8.
    Analyse de qualité Enfonction de critères précis
  • 9.
    Les points àanalyser ✘ Utilisateurs ✘ Code, performance, structure, index ✘ Contenu interne et externe ✘ Ergonomie et design Il y a du boulot
  • 10.
    “Il y ades tonnes de critères pour faire un site de qualité mais ne jamais oublier les utilisateurs”
  • 11.
  • 12.
    Plusieurs outils Le meilleur: contact direct Demander aux utilisateurs Rencontrer des utilisateurs (événements, rencontres) Questionnaires / emails /avis clients Choisir les questions pertinentes, interpréter les avis Google Analytics / Facebook insight Les caractéristiques de vos utilisateurs en ligne
  • 13.
    Comprendre ses utilisateurs Lejeu : mais qui est-ce ?
  • 14.
    Leurs caractéristiques ✘ Age,lieux géographiques ✘ Profil (étudiants, enfants) ✘ Appartenance (sportifs, punks) ✘ Habitudes de consommation (heures, types de produits) ✘ Autres sites consultés Le but : servir la meilleure expérience possible
  • 15.
    6124 Utilisateurs /Mois Pas mal mais est-ce utile ?
  • 16.
    Mais d’où viennent-ils? 70% 10% 20% Problème : pas de version anglaise du site
  • 17.
    Mais d’où viennent-ils? Liens référents Naturel Direct
  • 18.
    Navigation sur lesite (Google Analytics / Piwik) Page “d’accueil” Page de “présentation” Page “les services” Site d’une entreprise de déménagement
  • 19.
    Support pour accèderau site Session (% trafic total) Taux de rebond (%) Mobile 45 80 Tablette 15 65 Ordinateur 40 40
  • 20.
    Support pour accèderau site Session (% trafic total) Taux de rebond (%) Mobile 45 80 Tablette 15 65 Ordinateur 40 40 Problème : Mon site ne s’adapte pas sur mobile
  • 21.
    Attention à lapertinence Toujours vérifier la pertinence et l'exactitude des chiffres
  • 22.
    Google Analytics ✘ ChaîneYoutube Google Analytics ✘ Documentation Google ✘ Guide Moz (anglais) Ressources Utilisateurs ✘ Marketing ✘ Expérience utilisateur ✗ Persona ✘ Ergonomie web ✘ Cours de design complet : Hackdesign (anglais)
  • 23.
    Code, Index, Performance, Structure Quelleest la qualité technique du site ?
  • 24.
  • 25.
  • 26.
    Les gentils robots ✘Les moteurs de recherche ✗ Google ✗ Bing ✗ Yandex ✗ Baidu I-robot … et des méchants ✘ Spams ✗ Exemple ✘ Robots d’analyse
  • 28.
    Est-ce que monsite est indexé ? ✘ Présent sur l’index de recherche des moteurs de recherche ✘ Une simple commande sur Google ✗ site:www.nomdedomaine.com
  • 30.
    En cas denon indexation ✘ Blocage du site ✗ Robots.txt ✗ No follow dans les meta ✗ Problème de serveur (site inaccessible)
  • 31.
    Autres critères ✘ Présenced’un sitemap ✘ Schema.org ✘ Open Graph ✘ Eviter d’utiliser du flash
  • 32.
    Google Search Console ✘Suivi de l’indexation ✘ Envoi d’indexation ✘ Gestion des erreurs ✘ Très complet ✘ Gratuit D’autres outils Screaming Frog ✘ Permet de récupérer les pages indéxées ✘ Des informations sur les pages ✘ Gratuit
  • 33.
    Performance ✘ Tester lavitesse de chargement du site ✘ Test en situation (mobile/ordinateur) ✘ Un outil rapide : Google Page Speed ✗ Détermine les performances du site facilement ✗ Des conseils de correctifs (développement) ✘ Pour les courageux : Webpagetest.org
  • 34.
    Structure et lecode ✘ Savoir analyser le code ✗ HTML ✗ CSS ✗ JS ✘ Détecter les erreurs, les problèmes de qualité ✘ Voir si la navigation, les liens sont accessibles ✘ Validation W3C (développeur)
  • 35.
    Indexation ✘ Chaîne YoutubeGoogle search console ✘ Consignes Google pour les webmasters Ressources Code, structure ✘ OpenClassroom ✗ Référencement ✗ Créer son site web ✘ Code Academy
  • 36.
    Contenu interne et externe Quelcontenu intéresse mes utilisateurs et comment le rendre visible sur Google ?
  • 37.
  • 38.
    Comprendre la sémantiquedu code ✘ La valeur des balises html ✘ Détecter les erreurs, les problèmes de qualité ✘ Validation W3C (développeur)
  • 40.
    Comprendre la sémantiquedu code ✘ Balise meta ✗ Meta titre ✗ Meta description ✘ Balise de conteu ✗ Titre : h1, h2, h3, h4 ✗ Mots-clés important : <strong> ✘ Liens : <a> ✘ Images : <img alt=”description”>
  • 41.
    Outils utiles ✘ Screamingfrog ✗ Meta titre et description ✗ Titre des pages ✗ Images ✘ Google Search Console ✘ Code source de la page ✘ Administration (CMS)
  • 42.
    Est-ce que lecontenu est pertinent ? ✘ Choix des thématiques ✗ Mots-clés ✗ Organisation du contenu ✗ Liens entre les pages ✗ Choix des images et leurs descriptions ✗ Utile pour l’utilisateur ! ✘ Eviter les mauvaises pratiques ✗ Bourrage de mots-clés ✗ Contenu caché
  • 43.
    Suivre son positionnementsur Google ✘ Faire des recherches sur les mots-clés cohérents ✗ Navigation privée, faire des requêtes sur Google ✗ Utiliser des outils ■ www.positeo.com ■ www.serplab.co.uk (suivi) ✘ Voir les termes à améliorer, les termes à conserver ✗ En fonction du nombre de recherche (Google trends, Keyword Planner)
  • 44.
    Autres critères ✘ Longueurdes meta titres, descriptions ✘ URL lisible ✘ Contenu dupliqué ✘ Page 404 (introuvable), page 501 (erreur) ✗ Faire des redirections
  • 45.
  • 46.
    ✘ Faire uneliste des liens entrants ✘ Les trier par qualité ✗ Poids du site ✗ Cohérence avec mon site ✘ Réduire les liens non pertinents et de spams ✗ Contacter l’éditeur ✗ Outil sur Google Search Console Les liens qui pointent sur mon site
  • 47.
    ✘ Critère indirect ✘Réseaux sociaux liés au site ✘ Nombre de partage des pages La notoriété sur les réseaux sociaux
  • 48.
    Outils utiles ✘ Analysedes liens ✗ Rank Signals ✗ Ahref ✗ Semrush ✗ Google Search console
  • 49.
    L’ergonomie et ledesign L’expérience des utilisateurs
  • 50.
    “Est-ce qu’un devos utilisateurs peuvent comprendre votre site en 3 secondes”
  • 51.
    Vitesse ? Ergonomie ? Utilisation? Information importante ? Exemple : simplification formulaire Et sur mobile ? Place your screenshot here
  • 52.
    Et les autressupports ? OS ? Tablette ? Montres ? (soyons fou) Très grand format (>21”) Haute résolution (retina) Tablette Android / IOS / Windows Horizontale / verticale
  • 53.
  • 54.
    Avoir une méthoderépétable, adaptable : un modèle
  • 55.
    ✘ Organisation endocument d’audit ✗ Document texte ✗ Feuille de calcul ✘ Utiliser des checklists pour valider différents points Les liens qui pointent sur mon site
  • 58.
    Correctifs ✘ Refonte desmeta ✗ Ajouter des mots-clés ✗ Suivre les normes de Google ✘ Améliorer les performances ✘ Faire une refonte responsive Bilan de l’audit : deux catégories Opportunités ✘ Gain de liens ✗ Dans la même thématique ✘ Référencement local ✗ Google Map ✗ Yelp, Foursquare
  • 59.
  • 60.
    Merci! Des questions? Contacter Strasweb ✘contact@strasweb.fr ✘ Sur Facebook ou Twitter ✘ Nos formations sont sur Slideshare Prochaine formation Strasweb : 20/04/16 Initiation au référencement
  • 61.
    Credits ✘ Template parSlidesCarnival ✘ Photographies par Unsplash