Petit Déj' "Ergonomie et SEO" organisé par Use Age le 26 Septembre 2013

Use Age
Use AgeUse Age
Ergonomie et optimisation
pour les moteurs de recherche (SEO)-
Quand Google lui-même soutient l'utilisabilité
Sophia Antipolis, 26/09/2013 Powered by
Qui est Use Age ?
Une Communauté professionnelle centrée sur les
usages, le développement de l'ergonomie et le rôle des
facteurs humains
Use Age regroupe des ergonomes experts en
Interaction Homme-Machine et des personnes
intéressées par l’ergonomie
26/09/2013 2
L’approche ergonomique
DCU, Ergonomie des IHM, utilisabilité et User
Experience sont des facettes d’une démarche de
conception qui se concentre sur l’utilisateur plutôt que
sur le produit et la technologie sous-jacente.
Le but de l’ergonomie : obtenir des interfaces utilisables
(utilisabilité) :
• Efficaces
• Efficientes
• Satisfaisantes
(Norme ISO 9241-210)
26/09/2013 3
User Experience
Peter Morville
26/09/2013 4
Findability – « Repérabilité »
Trouver ce que l'on cherche !
1. Le site que l'on cherche parmi tous les autres sites
(aspect externe)
2. Le contenu que l'on cherche dans le site que l'on a
trouvé (aspect interne)
26/09/2013 5
Cela dépend...
• Des utilisateurs (ex. familiarité avec les moteurs de
recherche)
• De leurs contextes (ex. fixe vs mobilité)
• De leurs buts (ex. savoir ce que l'on cherche vs
explorer)
• ...
26/09/2013 6
Où suis-Je ?
Quel chemin ai-je
parcouru ?
Où puis-je
aller ?
Comment puis-je y
aller ?
Où est l'information
que je cherche ?
Concrètement...
Le rôle de l'ergonome
Comprendre :
• Qui sont les utilisateurs ?
• Que cherchent-ils ?
• Comment cherchent-ils ? Quelles connaissances activent-ils ?...
• Quelles sont leurs stratégies de recherche ? Par exemple search vs
navigation
• Quels repères les aident à reconnaitre et trouver ?
• Comment traitent-ils l'information qu'ils reçoivent ?
• ...
Proposer les solutions :
• Architecture de l'information et de l'interaction
26/09/2013 8
Ergonomie et SEO : objectifs et moyens
ou Partenaires ?
Adversaires
26/09/2013 9
Qu’est-ce que le SEO ?
26/09/2013 10
• Ensemble de techniques visant à améliorer la visibilité des
sites Web dans les moteurs de recherche
• Cible les résultats organiques ou naturels par opposition au
référencement payant
Convertir en souscriptions
Diriger le traffic pertinent
Etablir une présence
Pourquoi le SEO est-il si important ?
26/09/2013 11
www.ricardo.ch
(top 5 e-commerce en Suisse)
www.ricardolino.ch
(site jeune à fort potentiel)
… et pourquoi Google ?
26/09/2013 12
www.ricardo.ch www.ricardolino.ch
Parcours des résultats et positionnement
Parcours visuel
en « F »
=
Triangle d’or
du SEO
Ligne de flottaison
26/09/2013 13
Mécanismes ciblés par le SEO
Processus d’indexation
(Crawling + Indexing + Ranking)
Transmission du Page Rank
(Link Juice)
26/09/2013 14
Parcours
des pages
par les crawlers
Construction
des index
Calcul de
pertinence &
Classement
Affichage des
résultats
L’algorithme de classement de Google
Les règles du jeu
• L’algorithme de classement
est secret.
• Les facteurs pris en compte et
leurs coefficients respectifs
varient en permanence.
• Seule l’observation des
résultats donne une idée
des changements apportés.
• Un bon positionnement n’est
jamais acquis. Le travail du SEO
doit être maintenu sur le long
terme.
26/09/2013 15
Facteurs de ranking perçus en 2003
1626/09/2013
Ergonomie & SEO - Recommandations
• Urls simples et signifiantes
• Facilité de repérage et de navigation
• Structure de page logique et correctement balisée
• Mise en évidence des éléments importants
• Contenus accessibles à tous (textes et images)
• Contenus uniques et clairement identifiables
• Contenus crédibles et de qualité
• Suggestion de contenus similaires
• Rapidité de chargement des pages
• Gestion des erreurs (ré-aiguillage du traffic)
26/09/2013 17
Les techniques « classiques » du SEO
• Fichier robots.txt
• XML sitemaps
• Redirections 301
• Réécriture d’Url
• Balises meta et liens relatifs
• Balisage HTML
• Densité des mots clés
• Noms des images et textes alternatifs
• Liens internes
• Liens entrants (backlinks)
26/09/2013 18
... et beaucoup de monitoring !
Nouvelles techniques orientées Utilisateurs
26/09/2013 19
Des réponses adaptées aux usages
26/09/2013 20
Vous avez demandé une “pizza” ?
Et une réelle anticipation des besoins
26/09/2013 2121
Ex.1 – Optimiser ses balises meta
26/09/2013 22
Ecrire pour l’utilisateur… pas pour Google !
26/09/2013 23
Titre coupé à 45 caractèresTitre entier de 107 caractères
• Optimiser le début du titre pour les onglets et les signets
• Insérer la marque (au début ou à la fin) selon l’objectif
• Ajuster la longueur en fonction de la zone visible (env. 500px)
• Le titre influence le classement, la description influence le clic.
• Attention aux rebonds ! (Pogo-Sticking effect)
Vérifier ses choix avec des « Surveys »
26/09/2013 24
• Demander de noter les metas sur une échelle de 1 à 5 (ou 7)
Compréhensible ?
Attractif ?
Adapté ? (à un scénario)
etc.
• Demander d’indiquer une préférence entre plusieurs choix:
Parmi ces couples titre+description, indiquez celui qui vous semble le plus
compréhensible / attractif / adapté / etc.
• Poser des questions ouvertes:
Que pensez-vous trouver en cliquant sur ce résultat ?
Vous avez cliqué sur ce résultat. Etes-vous satisfait du site qui vous est présenté ?
Si non, pourquoi ?
Ex.2 – Optimiser sa page d’accueil
26/09/2013 25
Définir un prototype centré sur l’objectif
26/09/2013 26
Penser « Personas » et « Use Cases »
26/09/2013 27
26/09/2013 28
Ex.3 – Optimiser la structure de son site
Définir une structure intelligible
26/09/2013 29
http://www.monsite.com/?rayon=femme&type=chemisiers&taille=38 => Mauvais
http://www.monsite.com/chemisiers-pour-femme-taille-38 => Plutôt bon
http://www.monsite.com/vetements/femmes/chemisiers/taille-38/ => Mieux !
Utiliser la technique du « Tri par cartes »
26/09/2013 30
Ergonomie et SEO – Toujours compatibles ?
• La vigilance s’impose pour ne pas perdre de vue les
exigences des deux domaines.
• Des compromis peuvent s’avérer nécessaires.
• Intégrer les deux approches nécessite une conception plus
complexe et un développement plus coûteux.
26/09/2013 31
3 points clés à retenir
• L’ergonomie du Web a développé ses propres critères de
qualité, notamment celui de repérabilité (findability) en
lien direct avec la fonction de recherche d’information.
• L’évolution des standards SEO tend vers une intégration
toujours plus grande des problématiques ergonomiques
et cognitives. L’optimisation par mot-clés a cédé la place
à des techniques ancrées sur la satisfaction des usagers.
• Ergonomie et SEO sont parfaitement compatibles. Leur
utilisation combinée peut impliquer des contraintes
supplémentaires, mais elle constitue une avancée réelle
vers une expérience utilisateur optimale.
26/09/2013 32
Réflexion étendue pour l’optimisation Web
26/09/2013 33
SEO
Ergonomie
Rapidité &
Continuité
du Service
Respect
des
Standards
Web
Sécurité &
Protection
des
Données
Approche
Marketing
Qualité
des
Contenus
Aspects
Business
Aspects
Techniques
Merci de votre participation !
Rendez-vous le 14 Novembre 2013…
Sophia Antipolis, 26/09/2013 Powered by
1 sur 34

Recommandé

Competitic Optimisez votre référencement naturel - numerique en entreprise par
Competitic Optimisez votre référencement naturel - numerique en entrepriseCompetitic Optimisez votre référencement naturel - numerique en entreprise
Competitic Optimisez votre référencement naturel - numerique en entrepriseCOMPETITIC
4.2K vues60 diapositives
Comment developper une stratégie de contenu ? par
Comment developper une stratégie de contenu ?Comment developper une stratégie de contenu ?
Comment developper une stratégie de contenu ?Agence web AxeNet
43.9K vues32 diapositives
Competitic - visibilité sur le web - numerique en entreprise par
Competitic - visibilité sur le web - numerique en entrepriseCompetitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entrepriseCOMPETITIC
4K vues48 diapositives
Referencement naturel et knowledge graph par
Referencement naturel et knowledge graphReferencement naturel et knowledge graph
Referencement naturel et knowledge graphX-PRIME GROUPE
5.2K vues38 diapositives
Ateliers commercants acv-ucm-acia #5 par
Ateliers commercants acv-ucm-acia #5Ateliers commercants acv-ucm-acia #5
Ateliers commercants acv-ucm-acia #5Laurent ANNET ☆ WSI Marketing Digital
3.9K vues37 diapositives
Competitic visibilité internet - numerique en entreprise par
Competitic   visibilité internet - numerique en entrepriseCompetitic   visibilité internet - numerique en entreprise
Competitic visibilité internet - numerique en entrepriseCOMPETITIC
2.9K vues60 diapositives

Contenu connexe

Tendances

Atelier 3 : Création ou refonte de site par
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteOffice de tourisme Aunis Marais Poitevin
4.8K vues38 diapositives
Comment creer-un-blog-professionnel par
Comment creer-un-blog-professionnelComment creer-un-blog-professionnel
Comment creer-un-blog-professionnelYacine Ellaoui
7K vues24 diapositives
Conférence : Les E-commandements Reférencement en 2013 par
Conférence : Les E-commandements Reférencement en 2013Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013Guillaume Eouzan
3.7K vues55 diapositives
Les critères de qualité de vos pages web selon Google par
Les critères de qualité de vos pages web selon GoogleLes critères de qualité de vos pages web selon Google
Les critères de qualité de vos pages web selon GooglePhilippe YONNET
4.4K vues17 diapositives
Optimisation SEO par
Optimisation SEOOptimisation SEO
Optimisation SEOohmyweb!
4.5K vues90 diapositives
Offre réseau web marketing dypix portail v4 par
Offre réseau web marketing   dypix portail v4Offre réseau web marketing   dypix portail v4
Offre réseau web marketing dypix portail v4IT Solutions
3.9K vues20 diapositives

Tendances(20)

Conférence : Les E-commandements Reférencement en 2013 par Guillaume Eouzan
Conférence : Les E-commandements Reférencement en 2013Conférence : Les E-commandements Reférencement en 2013
Conférence : Les E-commandements Reférencement en 2013
Guillaume Eouzan3.7K vues
Les critères de qualité de vos pages web selon Google par Philippe YONNET
Les critères de qualité de vos pages web selon GoogleLes critères de qualité de vos pages web selon Google
Les critères de qualité de vos pages web selon Google
Philippe YONNET4.4K vues
Optimisation SEO par ohmyweb!
Optimisation SEOOptimisation SEO
Optimisation SEO
ohmyweb!4.5K vues
Offre réseau web marketing dypix portail v4 par IT Solutions
Offre réseau web marketing   dypix portail v4Offre réseau web marketing   dypix portail v4
Offre réseau web marketing dypix portail v4
IT Solutions3.9K vues
Arnaud maes rencontre_e_tourisme_referencement_naturel_1_5_04_13 par Lozere Développement
Arnaud maes rencontre_e_tourisme_referencement_naturel_1_5_04_13Arnaud maes rencontre_e_tourisme_referencement_naturel_1_5_04_13
Arnaud maes rencontre_e_tourisme_referencement_naturel_1_5_04_13
La qualité vue par Google par Peak Ace
La qualité vue par GoogleLa qualité vue par Google
La qualité vue par Google
Peak Ace1.1K vues
Le web, la gestion de projet web et la communication web 2.0 par Marion Castel
Le web, la gestion de projet web et la communication web 2.0Le web, la gestion de projet web et la communication web 2.0
Le web, la gestion de projet web et la communication web 2.0
Marion Castel9.6K vues
Les blogs, toujours intéressants pour le SEO ? par Peak Ace
Les blogs, toujours intéressants pour le SEO ?Les blogs, toujours intéressants pour le SEO ?
Les blogs, toujours intéressants pour le SEO ?
Peak Ace394 vues
Quel est le retour sur investissement de mon site Internet ? par CYB@RDECHE
Quel est le retour sur investissement de mon site Internet ?Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?
CYB@RDECHE6.1K vues
Découvrir l'Inbound Marketing pour l'Education par Sophie Bruand
Découvrir l'Inbound Marketing pour l'EducationDécouvrir l'Inbound Marketing pour l'Education
Découvrir l'Inbound Marketing pour l'Education
Sophie Bruand2.9K vues
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014 par WSIdee
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014
WSIdee3.5K vues
Placez votre site Internet en pôle position par Sylvie de Meeûs
Placez votre site Internet en pôle positionPlacez votre site Internet en pôle position
Placez votre site Internet en pôle position
Sylvie de Meeûs2.9K vues
Formation seo - cci parrainage - 14 février 2019 par Julien Dereumaux
Formation seo  - cci parrainage - 14 février 2019Formation seo  - cci parrainage - 14 février 2019
Formation seo - cci parrainage - 14 février 2019
Julien Dereumaux218 vues
Choisir une solution e commerce compatible seo : quelle plateforme vous perme... par Philippe YONNET
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Philippe YONNET6.3K vues
Conférence Infopresse : le cas Club Med par iProspect Canada
Conférence Infopresse  : le cas Club Med Conférence Infopresse  : le cas Club Med
Conférence Infopresse : le cas Club Med
iProspect Canada4.8K vues
Connec sud 2017, conférence SEO Cibleweb le 08/06/2017 par CibleWeb
Connec sud 2017, conférence SEO Cibleweb le 08/06/2017Connec sud 2017, conférence SEO Cibleweb le 08/06/2017
Connec sud 2017, conférence SEO Cibleweb le 08/06/2017
CibleWeb654 vues
Réussir sa création/refonte de site ADN et CDT 64 par Emilie64
Réussir sa création/refonte de site ADN et CDT 64Réussir sa création/refonte de site ADN et CDT 64
Réussir sa création/refonte de site ADN et CDT 64
Emilie645.9K vues

En vedette

Altics Tri de cartes par
Altics Tri de cartesAltics Tri de cartes
Altics Tri de cartesALTICS
531 vues7 diapositives
Atelier FLUPA sur le CardSorting par
Atelier FLUPA sur le CardSorting Atelier FLUPA sur le CardSorting
Atelier FLUPA sur le CardSorting Maxime Fortelle
853 vues22 diapositives
Urus API-U par
Urus API-UUrus API-U
Urus API-Uputra01011993
176 vues3 diapositives
Press Releases Business Development par
Press Releases Business DevelopmentPress Releases Business Development
Press Releases Business Developmentjdouglass2
206 vues3 diapositives
Using Moodle's Taskchain Plug-In par
Using Moodle's Taskchain Plug-InUsing Moodle's Taskchain Plug-In
Using Moodle's Taskchain Plug-InJoan Ripoll
559 vues22 diapositives
How to recognize gods voice par
How to recognize gods voiceHow to recognize gods voice
How to recognize gods voiceSamson Sanggah
454 vues16 diapositives

En vedette(20)

Altics Tri de cartes par ALTICS
Altics Tri de cartesAltics Tri de cartes
Altics Tri de cartes
ALTICS531 vues
Press Releases Business Development par jdouglass2
Press Releases Business DevelopmentPress Releases Business Development
Press Releases Business Development
jdouglass2206 vues
Using Moodle's Taskchain Plug-In par Joan Ripoll
Using Moodle's Taskchain Plug-InUsing Moodle's Taskchain Plug-In
Using Moodle's Taskchain Plug-In
Joan Ripoll559 vues
Hotpots practice for_ced par Joan Ripoll
Hotpots practice for_cedHotpots practice for_ced
Hotpots practice for_ced
Joan Ripoll524 vues
Garispanduan keselamatan ictppas1 par Samson Sanggah
Garispanduan keselamatan ictppas1Garispanduan keselamatan ictppas1
Garispanduan keselamatan ictppas1
Samson Sanggah640 vues
MSNF presentation par bleach10
MSNF presentationMSNF presentation
MSNF presentation
bleach10205 vues
12 Startup Lessons from Steve Jobs Taught Guy Kawasaki par Ricky Haryadi
12 Startup Lessons from Steve Jobs Taught Guy Kawasaki12 Startup Lessons from Steve Jobs Taught Guy Kawasaki
12 Startup Lessons from Steve Jobs Taught Guy Kawasaki
Ricky Haryadi45.5K vues

Similaire à Petit Déj' "Ergonomie et SEO" organisé par Use Age le 26 Septembre 2013

Seo 10 clés pour plaire à Google par
Seo   10 clés pour plaire à GoogleSeo   10 clés pour plaire à Google
Seo 10 clés pour plaire à GoogleKeyweo
40 vues43 diapositives
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit... par
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Peak Ace
636 vues42 diapositives
Formation : Réaliser et promouvoir un site internet (V2) par
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Synerg'hetic
1.9K vues85 diapositives
Conduire un audit de referencement naturel (SEO) par
Conduire un audit de referencement naturel (SEO)Conduire un audit de referencement naturel (SEO)
Conduire un audit de referencement naturel (SEO)Comsatis
341 vues6 diapositives
Séminaire Boostez votre référencement sur Google par
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
2.6K vues70 diapositives
Formation conception de support interactif - 03 - audit de site web par
 Formation conception de support interactif - 03 - audit de site web Formation conception de support interactif - 03 - audit de site web
Formation conception de support interactif - 03 - audit de site webiafactory
2.3K vues40 diapositives

Similaire à Petit Déj' "Ergonomie et SEO" organisé par Use Age le 26 Septembre 2013(20)

Seo 10 clés pour plaire à Google par Keyweo
Seo   10 clés pour plaire à GoogleSeo   10 clés pour plaire à Google
Seo 10 clés pour plaire à Google
Keyweo40 vues
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit... par Peak Ace
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Peak Ace636 vues
Formation : Réaliser et promouvoir un site internet (V2) par Synerg'hetic
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)
Synerg'hetic1.9K vues
Conduire un audit de referencement naturel (SEO) par Comsatis
Conduire un audit de referencement naturel (SEO)Conduire un audit de referencement naturel (SEO)
Conduire un audit de referencement naturel (SEO)
Comsatis341 vues
Séminaire Boostez votre référencement sur Google par Digital Link Sàrl
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
Digital Link Sàrl2.6K vues
Formation conception de support interactif - 03 - audit de site web par iafactory
 Formation conception de support interactif - 03 - audit de site web Formation conception de support interactif - 03 - audit de site web
Formation conception de support interactif - 03 - audit de site web
iafactory2.3K vues
CCC-CONNECTION - etablir une strategie ecommerce efficace: abandon de panier,... par Eric Culnaert
CCC-CONNECTION - etablir une strategie ecommerce efficace: abandon de panier,...CCC-CONNECTION - etablir une strategie ecommerce efficace: abandon de panier,...
CCC-CONNECTION - etablir une strategie ecommerce efficace: abandon de panier,...
Eric Culnaert649 vues
Comment cohabitent UX & SEO dans un média ? par François Moreau
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
François Moreau310 vues
Comment cohabitent UX & SEO dans un média ? par François Moreau
Comment cohabitent UX & SEO dans un média ?Comment cohabitent UX & SEO dans un média ?
Comment cohabitent UX & SEO dans un média ?
François Moreau869 vues
Le searchdexing - utiliser son moteur de recherche interne pour le SEO par Peak Ace
Le searchdexing - utiliser son moteur de  recherche interne pour le SEOLe searchdexing - utiliser son moteur de  recherche interne pour le SEO
Le searchdexing - utiliser son moteur de recherche interne pour le SEO
Peak Ace3.2K vues
Competitic - Référencement - jeunes entrepreneurs - lenumeriquepourmonentreprise par COMPETITIC
Competitic - Référencement - jeunes entrepreneurs - lenumeriquepourmonentrepriseCompetitic - Référencement - jeunes entrepreneurs - lenumeriquepourmonentreprise
Competitic - Référencement - jeunes entrepreneurs - lenumeriquepourmonentreprise
COMPETITIC 625 vues
Optimiser ses pages d'atterrissage, le chantier clé pour le search ? par Peak Ace
Optimiser ses pages d'atterrissage, le chantier clé pour le search ?Optimiser ses pages d'atterrissage, le chantier clé pour le search ?
Optimiser ses pages d'atterrissage, le chantier clé pour le search ?
Peak Ace12.3K vues
Synodiance > SEO - Tendances SEO - French Web - 01/12/2014 par Search Foresight
Synodiance > SEO - Tendances SEO - French Web - 01/12/2014Synodiance > SEO - Tendances SEO - French Web - 01/12/2014
Synodiance > SEO - Tendances SEO - French Web - 01/12/2014
Search Foresight3.2K vues
Atelier Image Employeur - Tendances 2010 par Weavlink
Atelier Image Employeur - Tendances 2010Atelier Image Employeur - Tendances 2010
Atelier Image Employeur - Tendances 2010
Weavlink602 vues
L'utilisateur au coeur du référencement avec le SXO  par Jérôme DUBAR
L'utilisateur au coeur du référencement avec le SXO L'utilisateur au coeur du référencement avec le SXO 
L'utilisateur au coeur du référencement avec le SXO 
Jérôme DUBAR343 vues
Refonte de site : Des méthodes pour préserver son SEO ? par Alexy Souciet
Refonte de site :  Des méthodes pour préserver son SEO ?Refonte de site :  Des méthodes pour préserver son SEO ?
Refonte de site : Des méthodes pour préserver son SEO ?
Alexy Souciet7.1K vues
Le référencement naturel - CCI Occitanie - Cibleweb par CibleWeb
Le référencement naturel - CCI Occitanie - CiblewebLe référencement naturel - CCI Occitanie - Cibleweb
Le référencement naturel - CCI Occitanie - Cibleweb
CibleWeb49 vues
Masterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet par Dan Bernier
Masterclass SEO sur le SXO avec Dan Bernier et Morgane SurlenetMasterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet
Masterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet
Dan Bernier158 vues
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G... par Peak Ace
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Peak Ace4.5K vues

Plus de Use Age

WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction) par
WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction)WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction)
WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction)Use Age
337 vues20 diapositives
WUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthique par
WUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthiqueWUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthique
WUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthiqueUse Age
327 vues33 diapositives
WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill... par
WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill...WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill...
WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill...Use Age
188 vues25 diapositives
Retour d’experience – Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015... par
Retour d’experience –  Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015...Retour d’experience –  Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015...
Retour d’experience – Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015...Use Age
849 vues15 diapositives
Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis... par
Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis...Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis...
Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis...Use Age
907 vues10 diapositives
7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e... par
7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e...7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e...
7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e...Use Age
1.4K vues36 diapositives

Plus de Use Age(20)

WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction) par Use Age
WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction)WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction)
WUD 2018 - Sophie de bonis - UX for Good or Evil (introduction)
Use Age337 vues
WUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthique par Use Age
WUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthiqueWUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthique
WUD 2018 - Catherine Bellino - Primum Non Nocere, UX et éthique
Use Age327 vues
WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill... par Use Age
WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill...WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill...
WUD 2018 - Teresa Colombi - Panem et Circenses, la gamification pour le meill...
Use Age188 vues
Retour d’experience – Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015... par Use Age
Retour d’experience –  Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015...Retour d’experience –  Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015...
Retour d’experience – Mylene Leitzelman, Co­fondatrice de Mnemotix - WUD2015...
Use Age849 vues
Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis... par Use Age
Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis...Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis...
Le Laboratoire de la Mobilité Inclusive – Pierre Taillant, Ingénieur économis...
Use Age907 vues
7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e... par Use Age
7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e...7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e...
7 - Du digital au réel, comment mesurer l’engagement du consommateur avec l’e...
Use Age1.4K vues
6 - le projet Recycloud par Gilles Orazi - WUD2014 Use-Age par Use Age
6 - le projet Recycloud par Gilles Orazi - WUD2014 Use-Age6 - le projet Recycloud par Gilles Orazi - WUD2014 Use-Age
6 - le projet Recycloud par Gilles Orazi - WUD2014 Use-Age
Use Age1.3K vues
5 - L’engagement, talon d’achille des MOOCs? par Mia Oguchi - WUD2014 Use-Age par Use Age
5 - L’engagement, talon d’achille des MOOCs? par Mia Oguchi - WUD2014 Use-Age5 - L’engagement, talon d’achille des MOOCs? par Mia Oguchi - WUD2014 Use-Age
5 - L’engagement, talon d’achille des MOOCs? par Mia Oguchi - WUD2014 Use-Age
Use Age2.2K vues
4 - « Long tail » contre « crowdsourcing » par Marc Augier - WUD2014 Use-Age par Use Age
4 - « Long tail » contre « crowdsourcing » par Marc Augier - WUD2014 Use-Age4 - « Long tail » contre « crowdsourcing » par Marc Augier - WUD2014 Use-Age
4 - « Long tail » contre « crowdsourcing » par Marc Augier - WUD2014 Use-Age
Use Age1.3K vues
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i... par Use Age
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
Use Age1.2K vues
2 - The Role of Signaling Identity in the Adoption of Personal Technologies p... par Use Age
2 - The Role of Signaling Identity in the Adoption of Personal Technologies p...2 - The Role of Signaling Identity in the Adoption of Personal Technologies p...
2 - The Role of Signaling Identity in the Adoption of Personal Technologies p...
Use Age1.2K vues
1 - Le Design Thinking à IBM par Sandra Belfils, User Research et Sophie De B... par Use Age
1 - Le Design Thinking à IBM par Sandra Belfils, User Research et Sophie De B...1 - Le Design Thinking à IBM par Sandra Belfils, User Research et Sophie De B...
1 - Le Design Thinking à IBM par Sandra Belfils, User Research et Sophie De B...
Use Age2.1K vues
0 - Intro - wud2014 Use-Age par Use Age
0 - Intro - wud2014 Use-Age0 - Intro - wud2014 Use-Age
0 - Intro - wud2014 Use-Age
Use Age892 vues
Maquettes IHM - Présentation USE AGE - 20-02-2014 par Use Age
Maquettes IHM - Présentation USE AGE - 20-02-2014Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014
Use Age4.8K vues
Use Age - WUD 2011 - 03 - mEducator - Pascal Staccini par Use Age
Use Age - WUD 2011 - 03 - mEducator - Pascal StacciniUse Age - WUD 2011 - 03 - mEducator - Pascal Staccini
Use Age - WUD 2011 - 03 - mEducator - Pascal Staccini
Use Age861 vues
Use Age - WUD 2011 - 02 - Projet Ecoffices - Carole Goffart et Brigitte Trousse par Use Age
Use Age - WUD 2011 - 02 - Projet Ecoffices - Carole Goffart et Brigitte TrousseUse Age - WUD 2011 - 02 - Projet Ecoffices - Carole Goffart et Brigitte Trousse
Use Age - WUD 2011 - 02 - Projet Ecoffices - Carole Goffart et Brigitte Trousse
Use Age805 vues
Use Age - WUD 2011 - 04 - Technologies Enseignement - Christophe Bansart par Use Age
Use Age - WUD 2011 - 04 - Technologies Enseignement - Christophe BansartUse Age - WUD 2011 - 04 - Technologies Enseignement - Christophe Bansart
Use Age - WUD 2011 - 04 - Technologies Enseignement - Christophe Bansart
Use Age847 vues
Use Age - WUD 2011 - 01 - Villes Intelligentes - Pascale Xelot par Use Age
Use Age - WUD 2011 - 01 - Villes Intelligentes - Pascale XelotUse Age - WUD 2011 - 01 - Villes Intelligentes - Pascale Xelot
Use Age - WUD 2011 - 01 - Villes Intelligentes - Pascale Xelot
Use Age1.6K vues
Use Age - WUD 2011 - 00 - Introduction - Sophie de Bonis par Use Age
Use Age - WUD 2011 - 00 - Introduction - Sophie de BonisUse Age - WUD 2011 - 00 - Introduction - Sophie de Bonis
Use Age - WUD 2011 - 00 - Introduction - Sophie de Bonis
Use Age761 vues
Use Age - WUD 2011 - 05 - Serious Games - Teresa Colombi par Use Age
Use Age - WUD 2011 - 05 - Serious Games - Teresa Colombi Use Age - WUD 2011 - 05 - Serious Games - Teresa Colombi
Use Age - WUD 2011 - 05 - Serious Games - Teresa Colombi
Use Age1.2K vues

Petit Déj' "Ergonomie et SEO" organisé par Use Age le 26 Septembre 2013

  • 1. Ergonomie et optimisation pour les moteurs de recherche (SEO)- Quand Google lui-même soutient l'utilisabilité Sophia Antipolis, 26/09/2013 Powered by
  • 2. Qui est Use Age ? Une Communauté professionnelle centrée sur les usages, le développement de l'ergonomie et le rôle des facteurs humains Use Age regroupe des ergonomes experts en Interaction Homme-Machine et des personnes intéressées par l’ergonomie 26/09/2013 2
  • 3. L’approche ergonomique DCU, Ergonomie des IHM, utilisabilité et User Experience sont des facettes d’une démarche de conception qui se concentre sur l’utilisateur plutôt que sur le produit et la technologie sous-jacente. Le but de l’ergonomie : obtenir des interfaces utilisables (utilisabilité) : • Efficaces • Efficientes • Satisfaisantes (Norme ISO 9241-210) 26/09/2013 3
  • 5. Findability – « Repérabilité » Trouver ce que l'on cherche ! 1. Le site que l'on cherche parmi tous les autres sites (aspect externe) 2. Le contenu que l'on cherche dans le site que l'on a trouvé (aspect interne) 26/09/2013 5
  • 6. Cela dépend... • Des utilisateurs (ex. familiarité avec les moteurs de recherche) • De leurs contextes (ex. fixe vs mobilité) • De leurs buts (ex. savoir ce que l'on cherche vs explorer) • ... 26/09/2013 6
  • 7. Où suis-Je ? Quel chemin ai-je parcouru ? Où puis-je aller ? Comment puis-je y aller ? Où est l'information que je cherche ? Concrètement...
  • 8. Le rôle de l'ergonome Comprendre : • Qui sont les utilisateurs ? • Que cherchent-ils ? • Comment cherchent-ils ? Quelles connaissances activent-ils ?... • Quelles sont leurs stratégies de recherche ? Par exemple search vs navigation • Quels repères les aident à reconnaitre et trouver ? • Comment traitent-ils l'information qu'ils reçoivent ? • ... Proposer les solutions : • Architecture de l'information et de l'interaction 26/09/2013 8
  • 9. Ergonomie et SEO : objectifs et moyens ou Partenaires ? Adversaires 26/09/2013 9
  • 10. Qu’est-ce que le SEO ? 26/09/2013 10 • Ensemble de techniques visant à améliorer la visibilité des sites Web dans les moteurs de recherche • Cible les résultats organiques ou naturels par opposition au référencement payant Convertir en souscriptions Diriger le traffic pertinent Etablir une présence
  • 11. Pourquoi le SEO est-il si important ? 26/09/2013 11 www.ricardo.ch (top 5 e-commerce en Suisse) www.ricardolino.ch (site jeune à fort potentiel)
  • 12. … et pourquoi Google ? 26/09/2013 12 www.ricardo.ch www.ricardolino.ch
  • 13. Parcours des résultats et positionnement Parcours visuel en « F » = Triangle d’or du SEO Ligne de flottaison 26/09/2013 13
  • 14. Mécanismes ciblés par le SEO Processus d’indexation (Crawling + Indexing + Ranking) Transmission du Page Rank (Link Juice) 26/09/2013 14 Parcours des pages par les crawlers Construction des index Calcul de pertinence & Classement Affichage des résultats
  • 15. L’algorithme de classement de Google Les règles du jeu • L’algorithme de classement est secret. • Les facteurs pris en compte et leurs coefficients respectifs varient en permanence. • Seule l’observation des résultats donne une idée des changements apportés. • Un bon positionnement n’est jamais acquis. Le travail du SEO doit être maintenu sur le long terme. 26/09/2013 15
  • 16. Facteurs de ranking perçus en 2003 1626/09/2013
  • 17. Ergonomie & SEO - Recommandations • Urls simples et signifiantes • Facilité de repérage et de navigation • Structure de page logique et correctement balisée • Mise en évidence des éléments importants • Contenus accessibles à tous (textes et images) • Contenus uniques et clairement identifiables • Contenus crédibles et de qualité • Suggestion de contenus similaires • Rapidité de chargement des pages • Gestion des erreurs (ré-aiguillage du traffic) 26/09/2013 17
  • 18. Les techniques « classiques » du SEO • Fichier robots.txt • XML sitemaps • Redirections 301 • Réécriture d’Url • Balises meta et liens relatifs • Balisage HTML • Densité des mots clés • Noms des images et textes alternatifs • Liens internes • Liens entrants (backlinks) 26/09/2013 18 ... et beaucoup de monitoring !
  • 19. Nouvelles techniques orientées Utilisateurs 26/09/2013 19
  • 20. Des réponses adaptées aux usages 26/09/2013 20 Vous avez demandé une “pizza” ?
  • 21. Et une réelle anticipation des besoins 26/09/2013 2121
  • 22. Ex.1 – Optimiser ses balises meta 26/09/2013 22
  • 23. Ecrire pour l’utilisateur… pas pour Google ! 26/09/2013 23 Titre coupé à 45 caractèresTitre entier de 107 caractères • Optimiser le début du titre pour les onglets et les signets • Insérer la marque (au début ou à la fin) selon l’objectif • Ajuster la longueur en fonction de la zone visible (env. 500px) • Le titre influence le classement, la description influence le clic. • Attention aux rebonds ! (Pogo-Sticking effect)
  • 24. Vérifier ses choix avec des « Surveys » 26/09/2013 24 • Demander de noter les metas sur une échelle de 1 à 5 (ou 7) Compréhensible ? Attractif ? Adapté ? (à un scénario) etc. • Demander d’indiquer une préférence entre plusieurs choix: Parmi ces couples titre+description, indiquez celui qui vous semble le plus compréhensible / attractif / adapté / etc. • Poser des questions ouvertes: Que pensez-vous trouver en cliquant sur ce résultat ? Vous avez cliqué sur ce résultat. Etes-vous satisfait du site qui vous est présenté ? Si non, pourquoi ?
  • 25. Ex.2 – Optimiser sa page d’accueil 26/09/2013 25
  • 26. Définir un prototype centré sur l’objectif 26/09/2013 26
  • 27. Penser « Personas » et « Use Cases » 26/09/2013 27
  • 28. 26/09/2013 28 Ex.3 – Optimiser la structure de son site
  • 29. Définir une structure intelligible 26/09/2013 29 http://www.monsite.com/?rayon=femme&type=chemisiers&taille=38 => Mauvais http://www.monsite.com/chemisiers-pour-femme-taille-38 => Plutôt bon http://www.monsite.com/vetements/femmes/chemisiers/taille-38/ => Mieux !
  • 30. Utiliser la technique du « Tri par cartes » 26/09/2013 30
  • 31. Ergonomie et SEO – Toujours compatibles ? • La vigilance s’impose pour ne pas perdre de vue les exigences des deux domaines. • Des compromis peuvent s’avérer nécessaires. • Intégrer les deux approches nécessite une conception plus complexe et un développement plus coûteux. 26/09/2013 31
  • 32. 3 points clés à retenir • L’ergonomie du Web a développé ses propres critères de qualité, notamment celui de repérabilité (findability) en lien direct avec la fonction de recherche d’information. • L’évolution des standards SEO tend vers une intégration toujours plus grande des problématiques ergonomiques et cognitives. L’optimisation par mot-clés a cédé la place à des techniques ancrées sur la satisfaction des usagers. • Ergonomie et SEO sont parfaitement compatibles. Leur utilisation combinée peut impliquer des contraintes supplémentaires, mais elle constitue une avancée réelle vers une expérience utilisateur optimale. 26/09/2013 32
  • 33. Réflexion étendue pour l’optimisation Web 26/09/2013 33 SEO Ergonomie Rapidité & Continuité du Service Respect des Standards Web Sécurité & Protection des Données Approche Marketing Qualité des Contenus Aspects Business Aspects Techniques
  • 34. Merci de votre participation ! Rendez-vous le 14 Novembre 2013… Sophia Antipolis, 26/09/2013 Powered by

Notes de l'éditeur

  1. Explication des visuelsA gauche : (source http://tinyurl.com/pjsxc9r)Découpagegrossier d’’une page de résultats entre SEO (référencementnaturel) et SEM (référencementpayant). Le but à terme pour un site qui finance le SEM est de migrervers la zone SEO pour minimisersescoûts.A droite: Fournirunevisiblilitén’est pas la finalité du SEO. Les objectifscibléssont en effet :Améliorerla visibilité d’un site sur les moteurs de rechercheAugmenter la quantité et la qualité du traffic entrantConvertirce traffic en actions/souscriptions au service proposé
  2. Explication des visuels(source Google Analytics)La moitié du traffic entrant d’un site e-commerce de taillemoyenne à importanteprovient des moteurs de recherche (traffic organique).
  3. Explication des visuelsEn haut : (source Google Analytics) La grandemajorité du traffic organiqueprovient de Google.En bas : (source http://tinyurl.com/pw7aqum) Répartitiondes parts de marché entre les différentsmoteurs de recherche en 2011. Excepté en Chine et Russie (préférencenationale oblige) Google estlargement en tête. La tendance se maintientaujourd’hui, mêmesiMicrosoft Bing gagnedu terrain.
  4. Explication du visuel(source http://tinyurl.com/ou3eopw)Les étudesd’eye-tracking ontdémontréquel’utilisateur ne regardaitquepartiellement les résultats de recherche.Son regard sur la page parcourtuneforme de “F”.Les positions ciblées par ordredécroissant :Dans le “Triangle d’or” (top 3) Sur la ligne de flotaison En première page (top 10)Parmi les 3 premières pages (top 30)
  5. Explication des visuelsA gauche :Le processusd’indexationpeut se résumer à quatreétapes :1. Les pages Web sontcrawlées, autrementditvisitées par un robot qui en scanneleurcontenu et retient les informationspertinentes. Le crawl s’opère de site en site, par l’intermédiaire des backlinks, ou à l’intérieur d’un même site gâce aux liens internes.2. En fonction des mots clésrencontrés, le moteurconstruit un index sémantique (chaque page y estassociée à uneliste de mots) puis un index inversé (chaque mot estassocié à plusieurs pages).3. Lorsqu’unerequêteestsoumise au moteur, celui-ci utiliseses index ainsiqu’unalgorithme de calcul pour sélectionner et classer les pages les plus pertinentes.4. Les résultatsorganiquessontaffichéssuivant le classementeffectué, éventuellement en association avec des résultatspayants.A droite: (source http://tinyurl.com/ojm94se)Le Page Rank se transmet entre deux sites et au sein d’un même site, à travers les liens parcourus. Si une page contientplusieurs liens, son Page Rank sera dilué entre chacune des pages liées. L’ajout de liens surune page populairepermetainsi de “booster” d’autres pages, qui peinent à se classer dans les pages de résultats. A noterquel’utilisationd’instructionsspécifiques (nofollow, noindex) bloque la transmission du Page Rank.
  6. Explication des visuelsEn haut à droite: (source http://tinyurl.com/png6ppx)Au fil du temps le poids des critères de classementévolue. En hausse : l’autorité du nom de domaine et les signauxutilisateurs (apparus en 2002)En baisse : le page Rank (notation spécifique à chaque page) et les ancres des liens qui y pointent)En bas à droite: Googlepublierégulièrement des “updates” de son algorithme. Les plus marquantesdepuis 2010 : Caffeine” (rapidité de crawl et d’indexation accrue)“Panda” (exigencesqualitatives accrues)“Penguin” (vigilencesur les liens accrue)“Venice” (avènement de la géolocalisation)
  7. Explication du visuel(source : http://tinyurl.com/pb3psf5)D’après un sondageauprès de 120 professionnelsreconnus du SEO, la lisibilité du contenu, l’ergonomie et la conception de l’interfacesont des critères de classement non négligeables. Leur importance serait stable, voire en augmentation comparée à 2012.
  8. Explication du visuelOuvrage de référence de S. Krug sur l’ergonomie du Web (titre original :  "Don’tLet Me Think ")Paradoxalement, les utilisateurs en quête d’information rechignent à chercher. Ils soumettent leurs requêtes au moteur et attendent en réponse un guidage optimal jusqu’à l’information pertinente.
  9. Explication du visuelLes techniques SEO se divisent en White Hat(référencementrégulier) etBlack Hat (référencementabusif). Les techniques Black Hat étantefficaces à court termemaisrisquéessur le moyen et le long terme, nous ne recommandonsicique des techniques White Hat.
  10. Explication des visuelsEn haut à gauche : Différents types de rich-snippets (1. évaluation + prix ; 2. auteur ; 3. vidéo)En bas à gauche : Eléments de géolocalisation (rich-snippets, Google Maps)En haut à droite: Encart Google ShoppingEn bas à droite: Utilisation des réseauxsociauxparfoisappelée SMO (Social Media Optimization)
  11. Explication des visuelsA gauche : anticipation d’un besoind’apprentissageAu milieu : anticipation d’une intention d’achat
  12. Explication du visuelUnerequête non explicite ne reçoit pas de suggestions directe, mais Google anticipeiciplusieurs types de besoins :Localisation d’un restaurantRecettes de cuisineInformationsgénériquesOn note la présence de liens commerciauxassocié au mot-clé “pizza” tout en haut des résultats.
  13. Explication des visuelsEn haut :La présenceou la position de la marque dans le Titredépendra de l’objectif de la page courante.En bas, à gauche : (source http://tinyurl.com/7m4qqc3)Par le passé on évoquaitunelongueurmaximale pour le titre de 64-68 caractères. En fait ce qui importeraitceserait la longueur en pixels (dépendante de la chasse des caractères), qui doitcorrespondre à la largeur de la zone visible. 500ps serait la longueurrecommandée.
  14. Explication duvisuelLes défauts de l’ancienne interface APCE :Excèsd’information, sans réellehierarchisationPlusieursstratégiesproposéesmais pas de réelguidageChoix des visuels et code couleurpeuappropriés
  15. Explication du visuel(source http://tinyurl.com/2b9zs6h)Dixrèglesdoiventêtrerespectées pour réussirune landing page :Le titre de la page doit être visible et compréhensible immédiatementLes entêtes de section doivent être clairs et concisL’orthographe et la grammaire doivent être impeccableUtiliser des indicateurs de confianceMettre en évidence le call-to-action (appel à l’action)Mettre en évidence le bouton d’action associéAfficher des hyperliens pertinentsRenforcer le contenu textuel par des images et/ou des vidéos adaptéesSe focaliser sur la zone visible10. Toujours tester !Différentsniveauxde maquettesserontnécessairesBas niveau (pour tester l’architecture de l’information)Moyenniveau (pour tester la manipulation de l’interface)Haut niveau (pour tester l’impactdes couleurs et des visuels)Avec en parallèle (pour le SEO) un template HTML pour tester l’outlining, l’utilisation des mots clés, le positionnement des liens, etc.
  16. Explication du visuel(Source : http://www.apce.com/)Les améliorationsapportées :Informationsaérées et lisiblesDécoupageclairen 5 profilsd’utilisationBienqueprobablementissusd’unebanqued’images, les photos sont plus représentatives et contribuent à la compréhension ; le code couleur se fait discret (entête de sections uniquement, à transposer au reste du site)
  17. Explication du visuelA l’image dece plan du réseau RER Ile-de-France, une structure trop touffueouinsuffisammentbaliséepeutrebuter les utilisateursou les “perdre” dansleurrecherched’information.
  18. Explication des visuelsEn haut à gauche : Structure de site en évolution ; plusieurs structures sontpossiblesselon le volume du site et le type d’informationprésenté (plus de structures ici : http://tinyurl.com/qjh8ujy).En bas à gauche : Toujoursétayer la structure par un fild’Ariane (breadcrumb) contenant des liens vers les pages parentes.A droite: Unefois la structure comprise par les robots, l’affichagesur les pages de résultatspeutévoluer pour un meilleurguidage de l’utilisateur.
  19. Explication du visuel(source http://tinyurl.com/p4crb63)Afficher le titre de chaque page surune carte et demander à des utilisateurs (représentatifs de l’audienceciblée) de les regrouper et/ouhierarchisersuivantleurpropreschémacognitifpermet de déterminerune structure plus “parlante”.
  20. Explication des visuelsA gauche : les solutions de responsive design (ex. Bootstrap) et surtout les applications DHTML (ex. Sencha Touch) améliorent le confortd’utilisationsur mobile, maisellespeuventgênerl’indexation du contenu.Au milieu, haut : la présentation des listings en pages multiples (préférable pour les listings longs) pose souvent des problèmes de duplication ; l’utilisation de liens non-HTML entre pages peutaussientraver le processus de crawling.Au milieu, bas : L’utilisationd’Ajax pour accélérer le chargement et fluidifierl’expérienceutilisateurlimitel’accès au contenu pour les crawlers.A droite: La duplication volontaire des produits pour faciliterl’identification par l’utilisateur (ex. une fiche par couleur) peutêtrepénalisante pour le SEO.
  21. Explication du visuelL’optimisation d’un site Web requiert la collaboration de spécialitéshabituellementdistinctes, mais en fait complémentaires. Uneséparation Business / Technique trop tranchéen’est pas recommandée car l’ergonomie en particulier se situe à la jonction des deuxdomaines.