formation inis - ergonomie et référencement

Par Sacha Declomesnil

Nouvelles plateformes web:

4- Ergonomie et référencement

Formation donnée à:

Le 2 mai 2008

©Sacha Declomesnil2

Sommaire

1. Ergonomie– Trucs et erreurs à éviter

– Cybersécurité

2. Référencement– Le cas particulier de la vidéo

©Sacha Declomesnil3

UNE ERGONOMIE BIEN TRAVAILLÉE DONNERA UN BON RÉFÉRENCEMENT

Par Sacha Declomesnil

L’ERGONOMIE

4

©Sacha Declomesnil

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)

©Sacha Declomesnil

Exemples de mauvaises interface

• Reviews?• Type de jazz• Description• Bio du groupe• Extrait audio• Vidéo

• CONTENU?

©Sacha Declomesnil

Splash screens

©Sacha Declomesnil

PASSER D’UNE MAUVAISE À UNE

BONNE INTERFACE PEUT AUGMENTER

VOS VENTES DE 1000%

8

©Sacha Declomesnil

AVANT

APRÉS

Trop long

Survol plus facile

Mise en valeur

©Sacha Declomesnil

A ÉVITER À TOUT PRIX• Les menus à droite et …

10

©Sacha Declomesnil

Les 10 erreurs à éviter

• Selon Jakob Nielsen

(Gourou de l’UI)

1.Non respect des standards du web– Scrollbars

– Icones

– Faux boutons et faux hyperliens11

©Sacha Declomesnil

Les 10 erreurs à éviter

2- Design incohérent (ou pas assez)

12

©Sacha Declomesnil

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

13

©Sacha Declomesnil

Les 10 erreurs à éviter4- 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:

14

©Sacha Declomesnil

Les 10 erreurs à éviter5- 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é)

15

©Sacha Declomesnil

Les 10 erreurs à éviter6- Demander deux fois la même chose

– Sans blague? No brainer!

16

©Sacha Declomesnil

Les 10 erreurs à éviter7- 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)

17

©Sacha Declomesnil

Les 10 erreurs à éviter8- Ne pas expliquer l’application

– De toutes facons, l’internaute ne les lis pas!

– Rappel règle 1 (design standard )

18

©Sacha Declomesnil

Les 10 erreurs à éviter9- Ne pas préciser pourquoi une

information est demandée– code postal

– surnom

19

©Sacha Declomesnil

Les 10 erreurs à éviter10- Ne pas être trop technique

– Selon notre industrie (ex. finance?)

20

©Sacha Declomesnil21

LES ERREURS

D’ERGONOMIE QUE L’ON

NE DEVRAIT PLUS VOIR…

JAMAIS

©Sacha Declomesnil

MAUVAISE RECHERCHE

• Pas de fenêtre de recherche

• Recherches trop literales ou restreintes

22

©Sacha Declomesnil

UN PDF online?

• Pas de pdf, c’est tout!

• Bris de navigation…

23

©Sacha Declomesnil

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!!

24

©Sacha Declomesnil

Taille des textes non modifiable

• 90 % du temps trop petite

• Pour les lecteurs de 40 ans et +

25

©Sacha Declomesnil

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

26

©Sacha Declomesnil

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

27

©Sacha Declomesnil

Du contenu qui ressemble à des pubs

• Trop de mouvement

• Pop-ups

• « Banners blindness »

28

©Sacha Declomesnil

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

29

©Sacha Declomesnil

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

30

©Sacha Declomesnil

Eyetracking-occulométrie

Comment ca marche?

En vidéo générale+ vidéo Enquiro.

©Sacha Declomesnil

F-shape pattern50 personnes sur 5 recherches

©Sacha Declomesnil

Garder en mémoire

• Vos objectifs

• A qui on parle

• C’est beau mais est-ce efficace?

• Référencement

33

©Sacha Declomesnil

EXEMPLE DE CEUX QUI ONT TOUT

COMPRIS - POUR INSPIRATION

34

©Sacha Declomesnil35

Par Sacha Declomesnil

Section sécurité

36

©Sacha Declomesnil

Vol d’identité

• 42 % de toutes les fraudes (US International Trade Commission)

• Fraude ayant la plus forte hausse au Canada.

37

©Sacha Declomesnil

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

38Lire cet article sur le vol d’identité au Québec

©Sacha Declomesnil

Les conseils du gouvernement

39

Par Sacha Declomesnil

RÉFÉRENCEMENT

40

©Sacha Declomesnil41

©Sacha Declomesnil

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 ?

©Sacha Declomesnil

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.

©Sacha Declomesnil

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

©Sacha Declomesnil

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%

45

La majorité, des requêtes sur les moteurs de recherche sont formulées sous la forme de deux mots-clés

©Sacha Declomesnil

La bourse des mots clés

46

©Sacha Declomesnil

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%.47

©Sacha Declomesnil

Référencement payant

• Voilà pourquoi Google est encore déclarée marque la plus puissante du monde

48Source: Milward Brown

©Sacha Declomesnil

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.

©Sacha Declomesnil

Mais est-ce que ca marche?

50

©Sacha Declomesnil

Mais est-ce que ca marche?

51

©Sacha Declomesnil

Mais est-ce que ca marche?

52

©Sacha Declomesnil

Mais est-ce que ca marche?

53

©Sacha Declomesnil

LE CAS DE

LA VIDÉO

54

©Sacha Declomesnil

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% !

©Sacha Declomesnil

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

©Sacha Declomesnil

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.

57

©Sacha Declomesnil

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é

58

©Sacha Declomesnil

Conseils pour référencer vos vidéos

1. Le nom du fichier – “bo2008x.mov”

Versus

– « video-scoop-president-barack-obama-2008.mov » !

59

©Sacha Declomesnil

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.

60

©Sacha Declomesnil

Conseils pour référencer vos vidéos

3- Format

• 10 min max

• 100 Mo. Max (ex youtube)

• MP4 ou flash vidéo

61

©Sacha Declomesnil

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).

62

©Sacha Declomesnil

Conseils pour référencer vos vidéos

5- Ajouter des tags

• Surtout sur les plateformes comme youtube

• Mais aussi sur votre propre site

63

©Sacha Declomesnil

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

64

©Sacha Declomesnil

Conseils pour référencer vos vidéos

7- Transcription• Lien avec le transcript du vidéo

• Close captioning?

65

©Sacha Declomesnil

Conseils pour référencer vos vidéos

8- Google site maps

• Pour recherche universelle

66

©Sacha Declomesnil

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.

67

©Sacha Declomesnil

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)

68

©Sacha Declomesnil

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…)

69

©Sacha Declomesnil

Mesurer le succés de vos vidéos

• L’outil de Youtube: Insights

• Outils privés: streametrics.tv

• Nombre de commentaires

70

©Sacha Declomesnil

Outils de mesure - GA

71

©Sacha Declomesnil

Google analytics

72

©Sacha Declomesnil

Autres outils: xiti

73

©Sacha Declomesnil

xiti

74

©Sacha Declomesnil

Xiti encore

75

©Sacha Declomesnil

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…)

76

©Sacha Declomesnil

Le petit dernier!

77

©Sacha Declomesnil78

Pour aller plus loin

©Sacha Declomesnil

Pour finir:

• Le vidéo le plus vu sur le web

79

©Sacha Declomesnil80

PÉRIODE DE QUESTIONS

©Sacha Declomesnil81

MERCI !

• CONTACT:– Sacha Declomesnil,

Consultant en web-marketing

Tel: 514-220-8022

– Mon blogue: la fontaine de pierres

– Mon profil facebook :