1. Le développement de l'économie numérique
en région Centre Val de Loire
Optimiser son site internet …
… pour attirer plus de prospects
18/12/2015
2. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Contenu de l'atelier
* Introduction : Présentations et objectifs
* Évaluation contenus / ergonomie
* Diagnostique technique
* Optimisation du site : priorités et moyens
* Conclusion
2 / 25
3. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Industrie
Sites Internet
Conseil, Formation Web
Identité
Qui suis-je ?
3 / 25
4. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Quelle maîtrise avez-vous de votre site ?
Je maitrise les langages HTML, PHP, JS, mySQL ?
Je rédige et publie mes articles ?
Mon prestataire s'occupe de tout ?
Qui connaît : - CMS
- SERP
- GWT
- Responsive
- Affordance
4 / 25
5. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Objectifs
Mieux connaître son site web
Comprendre l'attente des internautes
(et des moteurs de recherche)
Liste des principales actions à mettre œuvre
5 / 25
6. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Contenu de l'atelier
* Introduction : Présentations et objectifs
* Évaluation des contenus et ergonomie
* Diagnostique technique
* Optimisation du site : priorités et moyens
* Conclusion
6 / 25
7. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
1. Évaluation Visibilité (Référencement naturel)
Définition
* Art de positionner
une page d'un site web
dans un moteur de recherche.
* C'est aussi le positionnement
en lui-même dans les SERP
(Search Engine Result Page :
page listant les résultat de recherche).
Zone 1
(10%)
Zone 2
(2.5%)
Zone 4
(1.5%)
Zone 3 haut
(59%)
Zone 3 bas
(25%)
Autres pages
(2%)
7 / 25
8. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
a) Exploration par les robots des moteurs de recherche (liens)
b) Indexation (ou non) si qualité de la page suffisante
c) Positionnement par algorithme des moteurs de recherche
Quoi : UNE page web
parmi les autres
Base : Mots et expressions clés
cherchées par les internautes (ou actualités)
Visibilité : les moteurs de recherche
8 / 25
9. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
URL (adresse web)Favicon
(image)
Title (onglet)
h1
(titre page)
Meta Description (résumé)
h2
(sous-titre)
liens
navigation
(menu)
Mots en gras <strong>
Liens internes
Image
Texte
Widget réseaux sociaux
(liens externes)
Visibilité : Éléments d'une page HTML
9 / 25
10. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Visibilité : Réalité concernant votre page
URL : _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Requête utilisée pour la trouver ? _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Indexée ? (Information disponible dans votre outil gratuit GWT Google Webmaster Tools
( https://www.google.com/webmasters/tools/home?hl=fr&authuser=1 )
Position : page : / ligne n° :
Nb. mots de la page (http://yellowdolphins.com/compteur-de-mots-gratuit-avec-ou-sans-espace/ )
h1 : Titre principal, h2 (secondaire) : (http://www.webrankinfo.com/outils/balises-h1-h6.php )
Ces informations techniques sont modifiables dans votre CMS (Logiciel de gestion de site web)
Title, méta Description, densité des mots clés :
http://www.internetmarketingninjas.com/seo-tools/free-optimization/
10 / 25
11. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Recherche : votre nom commercial sur Google
Nb. liens vous concernant ? _ _ _ _
Nf. de liens concernant votre présence sur les réseaux sociaux ? _ _ _
Idem sur Google Image ( https://www.google.fr/imghp )
Idem avec votre NOM et prénom
Sur les sites d'évaluation : Quelles notes ? Quels commentaires ?
Combien d'avis ? Quelles réponses ?
Classement de votre site : http://www.pagerankstatus.org/page-rank-check.php
Pagerank (PR) : _ _ ( de 0 : peu connu à 10 : célébrissime )
Alexa Rank : _ _ _ _ _ _ _ _ ( de n°1 mondial à ............. : moins connu )
Évaluation Popularité
11 / 25
12. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Contenu
* Présence h1 unique sur chaque page
* Présence Title unique sur chaque page
avec mots clés (50-80 caract. )
* Meta description
non coupée (100-150 caract.)
mots clés,
incitant à cliquer
* Textes longs (conseil > 250 mots)
non dupliqués,
mis à jour,
nouveaux.
Visibilité : Synthèse des pistes d'amélioration (1)
Contenu (suite)
* Liens :- mots clés riches
- sans caractères spéciaux : % ? =
pas de " _ "
- si renommage => redirection
* Images :- légères ( < 150 ko )
- nom fichier
- alt
- pas de texte au format image
12 / 25
13. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Technique
- Temps de chargement
http://tools.pingdom.com/
- Accessibilité aux moteurs
(robots.txt, sitemap.xml)
langage code récent : html5
moins de JavaScript, iframe, Flash
- Page compatible mobile (Responsive)
- Suivi avec :
"Google Web Master Tools"
"Google Analytics"
"Google Adwords"
Synthèse des pistes d'amélioration (2)
Popularité
- Créer liens entrants de qualité (backlinks)
non réciproques et serveur différent
non payants, profonds
- Liens réseaux sociaux (pros / publics)
- Google My Business (Google Maps)
https://www.google.com/intl/fr_fr/business/
- Permettez les avis (notes) et commentaires
Pour augmenter vos KPI (Indicateurs clés) :
Fréquentation
Taux de rebond
Temps de séjour sur les pages
13 / 25
14. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Contenu Technique Popularité
=> Résultats
Visibilité, Référencement : Synthèse
14 / 25
15. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
2. Évaluation Ergonomie
* Efficacité : Trouver ce que l'on cherche.
* Efficience : Trouver rapidement.
* Plaisir : Navigation facile et design agréable.
15 / 25
16. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
2. Évaluation Ergonomie
Quelle note globale d'ergonomie donneriez-vous
à votre site (sur 20) ? _ _
Utilité du contenu pour les internautes ? _ _ (Efficacité)
Note affordance _ _ (Efficience, plaisir)
Note adaptation mobile ? _ _ (Respect
mobinautes)
Note accessibilité ? _ _ (Respect du
handicap)
16 / 25
17. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Évaluation Ergonomie : Utilité du contenu (3 pts / réponse)
Coordonnées sur page d'accueil : tel ; zone de chalandise ? _ _
Catégories d'articles / prestations identifiables dès Accueil ? _ _
Type public identifiable ? Curieux, spécialistes, acheteurs ? _ _
Vos points forts sont-ils mis en valeur ? _ _
Du contenu disponible sur votre site et pas celui de vos concurrents ? _ _
Quelle est la fraicheur de votre contenu (Date de mise à jour) ? _ _
D'autres fonctionnalités utiles (à part la lecture de votre contenu) ? _ _
□ achat, □ recherche, □ agenda, □ réservation, □ comparateur,
□ galerie de photos , □ actu secteur activité, □ liens utiles ?
17 / 25
18. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Évaluation Ergonomie : Affordance (entre 0 et 3 points /
réponse)
Liens : Sont-ils identifiables sans la souris ? _ _ _
Zones de la page : distinctes / cohérence proximité ? _ _ _
Similarité sur autres pages ?
Moteur de recherche interne (si site supérieur à 10 pages) ? _ _ _
Accessibilité du formulaire de contact (sur toutes les pages) ? _ _ _
Conventions (actuelles) du web sont-elles respectées ? _ _ _
Ex : Logo cliquable pour revenir à l'accueil,
Pas de scroll horizontal nécessaire,
Toutes les pages du site sont accessibles en quelques clics.
18 / 25
19. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Évaluation Ergonomie : Adaptation format mobile
(chaque réponse sur 3 points maximum)
Temps de chargement en 3G inférieur à 3 secondes ? _ _
Fenêtre du navigateur divisé par 2 : aspect responsive =>
menu utilisable (sans utiliser le zoom) ? _ _
Texte lisible (sans utiliser le zoom) ? _ _
Images suffisamment grandes et non coupées ? _ _
Liens : surface de clic + espacement suffisants ? _ _
(cliquable sans utiliser le zoom)
Toutes les fonctionnalités sont utilisables
(vidéos, diaporama, recherche, tri, …) ? _ _
Le diagnostic de Google (sans points à corriger)
https://www.google.com/webmasters/tools/mobile-friendly/ _ _
19 / 25
20. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Évaluation Ergonomie : Accessibilité
(entre 0 et 3 points / réponse)
Déplacement dans toute la page avec la touche TAB (sans la souris) ? _ _
Bannière : Informations utiles ? Temps de lecture ? Pause possible ? _ _
Taille des textes suffisante ? (test avec un zoom navigateur à 75%) _ _
Contrastes couleurs fond / texte suffisants ? _ _
"title" sur les images et les liens (infobulle) = explication / destination ? _ _
Destination liens prévisibles (vers site externe ou page interne au site) ? _ _
Mise en page et fonctionnalités similaires sur différents navigateurs ? _ _
pour PC de bureau : Google Chrome, Internet exploreur, Firefox, Safari
pour tablettes et téléphones mobiles IOS et Androïd
20 / 25
21. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Évaluation Ergonomie : Bilan
Alors !? Quelles notes avez-vous attribuées à votre site pour :
Adaptation mobile ? _ _
Affordance ? _ _
Accessibilité ? _ _
Utilité pour les internautes ? _ _
Résultat : note moyenne (sur 20) ? _ _
21 / 25
22. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Synthèse de l'évaluation
Optimiser son site web, c'est améliorer
L'Ergonomie
Efficacité
Efficience
Plaisir
Le Référencement
Contenu
Technique
Popularité
22 / 25
23. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
Ressources complémentaires
Adresses web
- http://www.webrankinfo.com/
- http://www.abondance.com/
- http://www.google.com/intl/fr/analytics/
Livres - Ergonomie Web - Amélie BOUCHER - Eyrolles
- Réussir son référencement web - Olivier ANDRIEU - Eyrolles
- Audit de site web - Vincent HIARD - ENI
23 / 25
24. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
3. Méthodologie / Priorités
1. Définir les objectifs du site avec
la cible visée, les résultats attendus.
2. Définir les contenus (organisation, style rédactiuonnel)
3. Référencement (indexation, positionnement, expressions)
4. Ergonomie à l'aide des statistique de suivi
Avec qui ? * Seul (avec votre équipe) pour le choix des objectifs
et la rédaction des contenus dans votre CMS.
* Avec des professionnels du référencement et de l'ergonomie
après un audit plus complet incluant les sites de vos concurrents.
* Avec votre prestataire / développeur web, pour la partie technique.
24 / 25
25. Optimiser son site internetNETPRESTA
www.netpresta.fr
maj du
17/01/2016
P.Bouquet Centre & TIC - P'tit Déj du 18/12/2015
NETPRESTA, création site et formations Web
Philippe BOUQUET - 06 70 77 59 79
netpresta@gmail.com
Site : http://netpresta.fr
Si vous avez des questions complémentaires...
25 / 25
Notes de l'éditeur
Parcours Informatique Expérience web - Création 1er site internet en 2009. - Maintenance, dépannage depuis 2011. - Création de site avec gestion de contenu depuis 2012. Expérience informatique (depuis) - Bureautique (traitement de texte, tableur). - Bases de données (MS-Access). - Programmation (formules, macros). Formations - Diplôme Webmaster (CP09 - CNAM). - Formation réseaux sociaux. - Salons pro. (DrupalCamp, Drupagora). - Associatif (Webschool, Centre & TIC).