Nouvelles plateformes web: 4- Ergonomie et référencement Formation donnée à: Le 2 mai 2008
Sommaire Ergonomie Trucs et erreurs à éviter Cybersécurité Référencement Le cas particulier de la vidéo
UNE ERGONOMIE BIEN TRAVAILLÉE DONNERA UN BON RÉFÉRENCEMENT
L’ERGONOMIE
Postulats de base L’internaute va se tromper! 75%  ergonomie  = choix mots et symboles L’internaute est pressé mémoire Doublons Raccourcis (liste telemarket) Splash-screens L’esthétique vient en dernier (Google)
Exemples de mauvaises interface Reviews? Type de jazz Description Bio du groupe Extrait audio Vidéo CONTENU?
Splash screens
PASSER D’UNE MAUVAISE À UNE BONNE INTERFACE PEUT AUGMENTER VOS VENTES DE 1000%
AVANT APRÉS Trop long Survol plus facile Mise en valeur
A ÉVITER À TOUT PRIX Les menus à droite et …
Les 10 erreurs à éviter Selon  Jakob Nielsen  (Gourou de l’UI) Non respect des standards du web Scrollbars Icones Faux boutons et faux hyperliens
Les 10 erreurs à éviter 2-  Design incohérent (ou pas assez)
Les 10 erreurs à éviter 3-  Boutons d’action introuvables Design non expliqué (drag and drop) A part les jeunes enfants, l’internaute ne clique pas partout dans l’espoir de trouver un lien: il part. Ex. les premiers macs
Les 10 erreurs à éviter 4-  Manque de feedback Donner l’état d’avancement d’une tache L’attente est toujours mal interprétée Si plus d’une seconde d’attente: Si plus de 10 secondes:
Les 10 erreurs à éviter 5-  Mauvais messages d’erreur Etre clair (erreur 401!) Etre concis et visible Etre courtois Etre éducatif (plutôt qu’indisponible, donner une date ou un moyen d‘être informé)
Les 10 erreurs à éviter 6-  Demander deux fois la même chose Sans blague? No brainer!
Les 10 erreurs à éviter 7-  Pas de valeurs par défaut Accélèrer le processus Enseigner par l’exemple Diriger le novice sur le site Donner une valeur standard (ex. liste rouge )
Les 10 erreurs à éviter 8-  Ne pas expliquer l’application De toutes facons, l’internaute ne les lis pas! Rappel règle 1 (design standard )
Les 10 erreurs à éviter 9-  Ne pas préciser pourquoi une information est demandée code postal surnom
Les 10 erreurs à éviter 10-  Ne pas être trop technique Selon notre industrie (ex. finance?)
LES ERREURS D’ERGONOMIE QUE L’ON NE DEVRAIT PLUS VOIR… JAMAIS
MAUVAISE RECHERCHE Pas de fenêtre de recherche Recherches trop literales ou restreintes
UN PDF online? Pas de pdf, c’est tout! Bris de navigation…
Couleur des liens visités 75 % des sites respectent ce code… Tonalités de la même couleur Eviter de ressembler à un hyperlien (texte en couleur ou souligné) si ce n’est pas un hyperlien!!
Taille des textes non modifiable 90 % du temps trop petite Pour les lecteurs de 40 ans et +
Textes écrits pour la presse Écrire pour le web = règles de base: Utiliser des sous-titres Bullet points  Mots clés en évidence Petits paragraphes Loi de la pyramide renversée Niveau de langage collegial
Titres non optimisés On écrit pour être lu, donc trouvé Mots clés dans les titres+html Attention aux articles: Les… Pas bon pour bookmarks et autres classements..
Du contenu qui ressemble à des pubs Trop de mouvement Pop-ups « Banners blindness »
Ne pas respecter les conventions Postulat de base: Les internautes passent plus de temps sur d’autres sites que sur le votre!!! Respecter les conventions = respecter les attentes de l’internaute
Ne pas répondre aux attentes Absence de  prix = erreur L’internaute fait une recherche Importance de la page produit Photo Prix Disponibilité Politique de retour
Eyetracking-occulométrie Comment ca marche? En  vidéo  générale +  vidéo Enquiro .
F-shape pattern 50 personnes sur 5 recherches
Garder en mémoire Vos objectifs A qui on parle C’est beau mais est-ce efficace? Référencement
EXEMPLE DE CEUX QUI ONT TOUT COMPRIS - POUR INSPIRATION
Section sécurité
Vol d’identité 42 % de toutes les fraudes (US International Trade Commission) Fraude ayant la plus forte hausse au Canada.
Chiffres Pourtant le vol d’identité se fait surtout ailleurs:  Vol de laptops Viol de DB ( CIBC ) Vos poubelles!!! Site  dédié  du gouvernement du Qc insistant sur le vol par internet Lire cet  article  sur le vol d’identité au Québec
Les conseils du gouvernement
RÉFÉRENCEMENT
Référencement organique En 2008, c'est environ 20% des budgets qui vont à l'organique VS 80% en référencement payant. PROBLÈME ?
Référencement organique iProspect via  eMarketer : 7 visiteurs sur 10 cliqueraient sur un résultat dans la première page seulement,  4 d'entre eux dés les 3-4 premiers résultats.
Référencement organique 92% qui ne cliquent que dans les 3 premières pages de résultats. "deep-divers" de plus en plus rares Évitez vous aussi: raffinez avec + mots Plus de la moitié des internautes changeraient de requête lorsqu'ils ne trouvent pas ce qu'ils cherchent dans la première page= IMPORTANCE DU REF Source:  E-marketer
Référencement organique 2 mots:  28,38% 3 mots:  27,15% 4 mots:  16,42% 5 mots:   8,03% 1 mot:   13,48% 6 mots:  3,67% 7 mots:   1,63% 8 mots:   0,73% 9 mots:   0,34% 10 mots:   0,16% La majorité, des requêtes sur les moteurs de recherche sont formulées sous la forme de deux mots-clés
La bourse des mots clés
Référencement payant Selon  eMarketer  Google s’octroie 75% du marché US Un marché en croissance de 60% entre 2006 et 2007. Yahoo! en seconde position, recueille 9% du marché  Tous les autres se partagent 16%.
Référencement payant Voilà pourquoi Google est encore déclarée marque la plus puissante du monde Source:  Milward Brown
Référencement payant UN marché de $8.6 milliards en 2007. 16% = $1.4 billion! Non négligeable Le marché doublerait à $16.6 milliards en 2011, Une petite part demeure un gros revenu.
Mais est-ce que ca marche?
Mais est-ce que ca marche?
Mais est-ce que ca marche?
Mais est-ce que ca marche?
LE CAS DE  LA  VIDÉO
Les vidéos Comparatif CTR moyen par format média (en Europe) Bannières standards: 0.18% Pop-ups, calques publicitaires (layers ads): 0.6% Annonces vidéo: 4% !
Les vidéos Comment les internautes trouvent des vidéos ( emarketer ): 28% par hasard (navigation non assistée, surfing session) 27% sur recommandation d’un ami 22% par engins de recherche
Les vidéos Le nombre de visionnements de vidéos en ligne a bondi de  66%  en février par rapport à l'an dernier aux États-Unis, selon comScore.
Les vidéos Le tiers des 10 milliards de visionnements mensuels de vidéos sur le Web se fait sur YouTube. 15% de hausse en un an. Croissance youtube inférieure à celle du marché
Conseils pour référencer vos vidéos Le nom du fichier  “ bo2008x.mov ”  Versus «  video-scoop-president-barack-obama-2008.mov »  !
Conseils pour référencer vos vidéos 2-  méta-tags Informations sur le titre, l’auteur, la description et les mots clés.  Métadonnées insérées via le logiciel de création de fichier vidéo.
Conseils pour référencer vos vidéos 3-  Format  10 min max 100 Mo . Max (ex youtube) MP4 ou flash vidéo
Conseils pour référencer vos vidéos 4-  Ajouter un texte explicatif Utiliser des mots clés Balises html:  <strong>  (gras)  et <h.>  (titre).
Conseils pour référencer vos vidéos 5-  Ajouter des tags Surtout sur les plateformes comme youtube Mais aussi sur votre propre site
Conseils pour référencer vos vidéos 6-   Mise en valeur Créer une page distincte qui aura sa propre URL, titre, description et  tags .  Éviter les pop-up
Conseils pour référencer vos vidéos 7-   Transcription Lien avec le transcript du vidéo Close captioning?
Conseils pour référencer vos vidéos 8-  Google  site maps Pour recherche universelle
Conseils pour référencer vos vidéos 8-  Créer un fil RSS Pour référencement sur  itunes ,  joost ,  miro … …  Plus que pour les 5% de la population qui ont un reader.
Conseils pour référencer vos vidéos 9-  Pensez aux réseaux sociaux Youtube, facebook, myspace… et toutes les plateformes sociales Règle des 3S du viral: shocking, sexy or stupid ( exemple )
Nouvelles tendances vidéos à surveiller Des commentaires vidéos? (danger des spams) Vidéo micro-blogging ( Seesmic ) Pubs incrustées dans les vidéos Agrégateurs de sites vidéos ( mogulus ) Vidéo cell. (mobilité, forfaits gratuits…)
Mesurer le succés de vos vidéos L’outil de Youtube: Insights Outils privés:  streametrics.tv Nombre de commentaires
Outils de mesure - GA
Google analytics
Autres outils: xiti
xiti
Xiti encore
Le nombre de clics n’est pas le plus important Observer plutôt:  Taux rebond P/V Temps par visite Nombre de visiteurs (et pas de visites) Taux conversion ($, abonnements) Tunnel-chemin de conversion Interaction (Commentaires, notes…)
Le petit dernier!
Pour aller plus loin
Pour finir: Le vidéo le plus vu sur le web
PÉRIODE DE QUESTIONS
MERCI ! CONTACT : Sacha Declomesnil,  Consultant en web-marketing Tel: 514-220-8022 Mon blogue:  la fontaine de pierres Mon profil facebook :

Formation Inis - ergonomie et référencement

  • 1.
    Nouvelles plateformes web:4- Ergonomie et référencement Formation donnée à: Le 2 mai 2008
  • 2.
    Sommaire Ergonomie Trucset erreurs à éviter Cybersécurité Référencement Le cas particulier de la vidéo
  • 3.
    UNE ERGONOMIE BIENTRAVAILLÉE DONNERA UN BON RÉFÉRENCEMENT
  • 4.
  • 5.
    Postulats de baseL’internaute va se tromper! 75% ergonomie = choix mots et symboles L’internaute est pressé mémoire Doublons Raccourcis (liste telemarket) Splash-screens L’esthétique vient en dernier (Google)
  • 6.
    Exemples de mauvaisesinterface Reviews? Type de jazz Description Bio du groupe Extrait audio Vidéo CONTENU?
  • 7.
  • 8.
    PASSER D’UNE MAUVAISEÀ UNE BONNE INTERFACE PEUT AUGMENTER VOS VENTES DE 1000%
  • 9.
    AVANT APRÉS Troplong Survol plus facile Mise en valeur
  • 10.
    A ÉVITER ÀTOUT PRIX Les menus à droite et …
  • 11.
    Les 10 erreursà éviter Selon Jakob Nielsen (Gourou de l’UI) Non respect des standards du web Scrollbars Icones Faux boutons et faux hyperliens
  • 12.
    Les 10 erreursà éviter 2- Design incohérent (ou pas assez)
  • 13.
    Les 10 erreursà éviter 3- Boutons d’action introuvables Design non expliqué (drag and drop) A part les jeunes enfants, l’internaute ne clique pas partout dans l’espoir de trouver un lien: il part. Ex. les premiers macs
  • 14.
    Les 10 erreursà éviter 4- Manque de feedback Donner l’état d’avancement d’une tache L’attente est toujours mal interprétée Si plus d’une seconde d’attente: Si plus de 10 secondes:
  • 15.
    Les 10 erreursà éviter 5- Mauvais messages d’erreur Etre clair (erreur 401!) Etre concis et visible Etre courtois Etre éducatif (plutôt qu’indisponible, donner une date ou un moyen d‘être informé)
  • 16.
    Les 10 erreursà éviter 6- Demander deux fois la même chose Sans blague? No brainer!
  • 17.
    Les 10 erreursà éviter 7- Pas de valeurs par défaut Accélèrer le processus Enseigner par l’exemple Diriger le novice sur le site Donner une valeur standard (ex. liste rouge )
  • 18.
    Les 10 erreursà éviter 8- Ne pas expliquer l’application De toutes facons, l’internaute ne les lis pas! Rappel règle 1 (design standard )
  • 19.
    Les 10 erreursà éviter 9- Ne pas préciser pourquoi une information est demandée code postal surnom
  • 20.
    Les 10 erreursà éviter 10- Ne pas être trop technique Selon notre industrie (ex. finance?)
  • 21.
    LES ERREURS D’ERGONOMIEQUE L’ON NE DEVRAIT PLUS VOIR… JAMAIS
  • 22.
    MAUVAISE RECHERCHE Pasde fenêtre de recherche Recherches trop literales ou restreintes
  • 23.
    UN PDF online?Pas de pdf, c’est tout! Bris de navigation…
  • 24.
    Couleur des liensvisités 75 % des sites respectent ce code… Tonalités de la même couleur Eviter de ressembler à un hyperlien (texte en couleur ou souligné) si ce n’est pas un hyperlien!!
  • 25.
    Taille des textesnon modifiable 90 % du temps trop petite Pour les lecteurs de 40 ans et +
  • 26.
    Textes écrits pourla presse Écrire pour le web = règles de base: Utiliser des sous-titres Bullet points Mots clés en évidence Petits paragraphes Loi de la pyramide renversée Niveau de langage collegial
  • 27.
    Titres non optimisésOn écrit pour être lu, donc trouvé Mots clés dans les titres+html Attention aux articles: Les… Pas bon pour bookmarks et autres classements..
  • 28.
    Du contenu quiressemble à des pubs Trop de mouvement Pop-ups « Banners blindness »
  • 29.
    Ne pas respecterles conventions Postulat de base: Les internautes passent plus de temps sur d’autres sites que sur le votre!!! Respecter les conventions = respecter les attentes de l’internaute
  • 30.
    Ne pas répondreaux attentes Absence de prix = erreur L’internaute fait une recherche Importance de la page produit Photo Prix Disponibilité Politique de retour
  • 31.
    Eyetracking-occulométrie Comment camarche? En vidéo générale + vidéo Enquiro .
  • 32.
    F-shape pattern 50personnes sur 5 recherches
  • 33.
    Garder en mémoireVos objectifs A qui on parle C’est beau mais est-ce efficace? Référencement
  • 34.
    EXEMPLE DE CEUXQUI ONT TOUT COMPRIS - POUR INSPIRATION
  • 36.
  • 37.
    Vol d’identité 42% de toutes les fraudes (US International Trade Commission) Fraude ayant la plus forte hausse au Canada.
  • 38.
    Chiffres Pourtant levol d’identité se fait surtout ailleurs: Vol de laptops Viol de DB ( CIBC ) Vos poubelles!!! Site dédié du gouvernement du Qc insistant sur le vol par internet Lire cet article sur le vol d’identité au Québec
  • 39.
    Les conseils dugouvernement
  • 40.
  • 42.
    Référencement organique En2008, c'est environ 20% des budgets qui vont à l'organique VS 80% en référencement payant. PROBLÈME ?
  • 43.
    Référencement organique iProspectvia eMarketer : 7 visiteurs sur 10 cliqueraient sur un résultat dans la première page seulement, 4 d'entre eux dés les 3-4 premiers résultats.
  • 44.
    Référencement organique 92%qui ne cliquent que dans les 3 premières pages de résultats. &quot;deep-divers&quot; de plus en plus rares Évitez vous aussi: raffinez avec + mots Plus de la moitié des internautes changeraient de requête lorsqu'ils ne trouvent pas ce qu'ils cherchent dans la première page= IMPORTANCE DU REF Source: E-marketer
  • 45.
    Référencement organique 2mots: 28,38% 3 mots: 27,15% 4 mots: 16,42% 5 mots: 8,03% 1 mot: 13,48% 6 mots: 3,67% 7 mots: 1,63% 8 mots: 0,73% 9 mots: 0,34% 10 mots: 0,16% La majorité, des requêtes sur les moteurs de recherche sont formulées sous la forme de deux mots-clés
  • 46.
    La bourse desmots clés
  • 47.
    Référencement payant Selon eMarketer Google s’octroie 75% du marché US Un marché en croissance de 60% entre 2006 et 2007. Yahoo! en seconde position, recueille 9% du marché Tous les autres se partagent 16%.
  • 48.
    Référencement payant Voilàpourquoi Google est encore déclarée marque la plus puissante du monde Source: Milward Brown
  • 49.
    Référencement payant UNmarché de $8.6 milliards en 2007. 16% = $1.4 billion! Non négligeable Le marché doublerait à $16.6 milliards en 2011, Une petite part demeure un gros revenu.
  • 50.
    Mais est-ce queca marche?
  • 51.
    Mais est-ce queca marche?
  • 52.
    Mais est-ce queca marche?
  • 53.
    Mais est-ce queca marche?
  • 54.
    LE CAS DE LA VIDÉO
  • 55.
    Les vidéos ComparatifCTR moyen par format média (en Europe) Bannières standards: 0.18% Pop-ups, calques publicitaires (layers ads): 0.6% Annonces vidéo: 4% !
  • 56.
    Les vidéos Commentles internautes trouvent des vidéos ( emarketer ): 28% par hasard (navigation non assistée, surfing session) 27% sur recommandation d’un ami 22% par engins de recherche
  • 57.
    Les vidéos Lenombre de visionnements de vidéos en ligne a bondi de 66% en février par rapport à l'an dernier aux États-Unis, selon comScore.
  • 58.
    Les vidéos Letiers des 10 milliards de visionnements mensuels de vidéos sur le Web se fait sur YouTube. 15% de hausse en un an. Croissance youtube inférieure à celle du marché
  • 59.
    Conseils pour référencervos vidéos Le nom du fichier “ bo2008x.mov ” Versus «  video-scoop-president-barack-obama-2008.mov » !
  • 60.
    Conseils pour référencervos vidéos 2- méta-tags Informations sur le titre, l’auteur, la description et les mots clés. Métadonnées insérées via le logiciel de création de fichier vidéo.
  • 61.
    Conseils pour référencervos vidéos 3- Format 10 min max 100 Mo . Max (ex youtube) MP4 ou flash vidéo
  • 62.
    Conseils pour référencervos vidéos 4- Ajouter un texte explicatif Utiliser des mots clés Balises html: <strong> (gras) et <h.> (titre).
  • 63.
    Conseils pour référencervos vidéos 5- Ajouter des tags Surtout sur les plateformes comme youtube Mais aussi sur votre propre site
  • 64.
    Conseils pour référencervos vidéos 6- Mise en valeur Créer une page distincte qui aura sa propre URL, titre, description et tags . Éviter les pop-up
  • 65.
    Conseils pour référencervos vidéos 7- Transcription Lien avec le transcript du vidéo Close captioning?
  • 66.
    Conseils pour référencervos vidéos 8- Google site maps Pour recherche universelle
  • 67.
    Conseils pour référencervos vidéos 8- Créer un fil RSS Pour référencement sur itunes , joost , miro … … Plus que pour les 5% de la population qui ont un reader.
  • 68.
    Conseils pour référencervos vidéos 9- Pensez aux réseaux sociaux Youtube, facebook, myspace… et toutes les plateformes sociales Règle des 3S du viral: shocking, sexy or stupid ( exemple )
  • 69.
    Nouvelles tendances vidéosà surveiller Des commentaires vidéos? (danger des spams) Vidéo micro-blogging ( Seesmic ) Pubs incrustées dans les vidéos Agrégateurs de sites vidéos ( mogulus ) Vidéo cell. (mobilité, forfaits gratuits…)
  • 70.
    Mesurer le succésde vos vidéos L’outil de Youtube: Insights Outils privés: streametrics.tv Nombre de commentaires
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
    Le nombre declics n’est pas le plus important Observer plutôt: Taux rebond P/V Temps par visite Nombre de visiteurs (et pas de visites) Taux conversion ($, abonnements) Tunnel-chemin de conversion Interaction (Commentaires, notes…)
  • 77.
  • 78.
  • 79.
    Pour finir: Levidéo le plus vu sur le web
  • 80.
  • 81.
    MERCI ! CONTACT: Sacha Declomesnil, Consultant en web-marketing Tel: 514-220-8022 Mon blogue: la fontaine de pierres Mon profil facebook :