atelier3 ameliorer la qualite de son site web v2 par christophe grelier - la compagnie hyperactive

1

DOCUMENT CONFIDENTIEL I DÉCEMBRE 2012 I ANIMER ET AMÉLIORER SON SITE WEB

7 rue du docteur roux – 79 000 Niort – Tel : 05 49 77 38 53 – Fax : 05 49 77 38 54 Rue du Professeur Dangeard, Masterclub, Bâtiment E3 – 33 000 Bordeaux – Tel : 05 57 00 13 30 – Fax : 05 57 00 13 30

www.compagnie-hyperactive.com

Animer et améliorer son site Internet

NOT

RE FO

RMAT

IONN

CE

CI ES

T

2


I Sommaire

Retours sur les fondamentaux Les règles d’une ergonomie réussie Evolution des usages et adaptabilité des supports Animer votre site grâce aux réseaux sociaux Le référencement au service de votre visibilité

3


www.compagnie-hyperactive.com

Christophe Grelier

www.facebook.com/lacompagniehyperactive

www.twitter.com/cie_hyperactive

4


L’usage d’Internet pour les PME

5


BLOG & RÉSEAUX SOCIAUX

PART

AGER

E-COMMERCE

VEND

RE VITRINE / MINI SITE

PRÉS

ENTER

MOBILE

L’USAGE D’INTERNET�Aujourd’hui, la logique de site Internet n’existe plus en tant que telle�

à Autant de supports que d’usages à Des évolutions technologiques constantes difficiles à suivre

6


44 MILLIONS D’INTERNAUTES EN FRANCE

SOURCE : INTERNETWORLDSTATS

MILLIONS

69 % DE TAUX DE PÉNÉTRATION

L’USAGE D’INTERNET�Et pourtant, Internet devient un média incontournable�

à Un temps passé sur Internet en progression perpétuelle (web & réseaux sociaux) à Une logique de présence pour les entreprises inévitable

7


38 ANS

NOMBRE D’ANNÉES POUR ATTEINDRE 50 MILLIONS D’USAGERS

SOURCE : INTERNETWORLDSTATS

38 ANS

RADIO

15 ANS 15 ANS

TV

4 ANS 4 ANS

INTERNET

2 ANS 4 ANS

FACEBOOK

L’USAGE D’INTERNET�Et surtout, Internet devient un média de plus en plus puissant �

8


LES MÉDAIS LES PLUS INFLUENTS AUPRÈS DES INTERNAUTES EN 2009

SOURCE : WWW.90-9-1.COM

RADIO TV

53% INTERNET

5% MAGAZINE

27% 9%

6% PRESSE

L’USAGE D’INTERNET�Et surtout, Internet devient un média de plus en plus influent �

9


73 % 70 % MAIS POURTANT…

SOURCE : ETUDE GFK 2012

70 % DES PME N’ONT PAS DE SITE INTERNET

73 % DES SITES N’ONT PAS ÉTÉ MIS À JOUR DEPUIS 1 AN

SUR INTERNET

10


72 % MAIS POURTANT…

SOURCE : FÉVAD 2011

DES FRANÇAIS ACHÈTENT EN LIGNE

19 % DES ACHATS EN LIGNE CONCERNENT LE TOURISME/LOISIRS

EN MATIÈRE DE E-COMMERCE

11


77% MAIS POURTANT…

SOURCE : ATOUT FRANCE 2010 // BAROMÈTRE RAFFOUR INTERACTIF 2009

DES FRANÇAIS PRÉPARENT LEUR VOYAGE EN LIGNE

35 % DES FRANÇAIS PARTIS EN VACANCES ONT RÉSERVÉ EN LIGNE

EN MATIÈRE DE E-TOURISME

12


Alors … Comment améliorer son site web ? Comment l’animer et le rendre vivant ? Comment faire venir des visiteurs ?

13


Les fondamentaux d’un site web réussi

14


Valoriser son image Etre trouvé plus facilement Maitriser sa réputation en ligne

Promouvoir son offre / activité Améliorer sa productivité Réaliser des ventes en ligne Récolter des demandes de contacts qualifiés

Définir ses objectifs au préalable

Phase à priori logique mais déterminante pour la suite : on ne construit jamais un site de la même manière !

1. IM

AG

E

TRA

NS

FO

15


Connaître ses cibles et ses usages 2.

g Sur Internet, 3 grandes typologies d’internautes :�

- Génération Y : Personnes nées entre 70 et 90 qui ont une vision différente sur le rapport à la publicité. Aisance avec le web - Génération C : Aussi appelés les « Digitales Natives ». Ils sont nés avec Internet et sont très à l’aise avec les technologies. - Séniornautes : Génération peu habituée aux usages web, navigation très « pratique » qui doit aller à l’essentiel

Définir ses cibles pour définir les supports de présence, la communication, mais aussi la navigation.

16


Adapter l’ergonomie. 3.

g Site vitrine /site marchand / relation client / communauté… �Valorisation métier / Entonnoir de conversion / Outils de prise de parole / Outils communautaires �

Une ergonomie qui doit bien souvent s’adapter à plusieurs typologies de cibles et/ou objectifs …

g Génération Y / Génération C / Séniornautes�Approche originale / expérience de navigation / navigation pratique vers l’essentiel �

17


Les 10 commandements de l’ergonomie

18


2. Une mise en avant graphique des informations principales

DE L’ERGONOMIE LES 10 COMMANDEMENTS

19


2. Une mise en avant graphique des informations principales Bon exemple

20


2. Une mise en avant graphique des informations principales Mauvais exemple

21


3. Ne pas surcharger la page d’accueil pour garder lisible l’information > Les informations les plus importantes doivent être présentes au dessus de la ligne de flottaison


22


3. Ne pas surcharger la page d’accueil pour garder lisible l’information Bon exemple

Ligne de flottaison

23


3. Ne pas surcharger la page d’accueil pour garder lisible l’information Mauvais exemple

24


4. Concevoir un menu explicite pour l’internaute


25


4. Concevoir un menu explicite pour l’internaute Exemple améliorable

+ Un onglet « fourre-tout » au contenu peu lisible et hétéroclite

26


4. Concevoir un menu explicite pour l’internaute Bon exemple

+ Un menu clair et des onglets facilement identifiables

27


5. Mettre en avant les éléments principaux pour inciter au clic


28


5. Mettre en avant les éléments principaux pour inciter au clic Bon exemple

29


5. Mettre en avant les éléments principaux pour inciter au clic Mauvais exemple

30


6. L’utilisateur doit savoir où il se trouve à chaque étape de navigation (fil d’Ariane)


31


6. L’utilisateur doit savoir où il se trouve à chaque étape de navigation (fil d’Ariane)

32


7. Le retour à la page d’accueil doit être simple


33


8. Contraster les boutons de clics principaux (ex : ajout au panier)


34


8. Contraster les boutons de clics principaux

35


8. Contraster les boutons de clics principaux

36


9. Proposer plus que ce que l’Internaute est venu chercher


37


10. S’adapter au niveau de connaissance de votre cible L’ergonomie doit s’adapter aux besoins de vos utilisateurs et non celui de l’émetteur


38


Evolution des usages et supports

39


Evolutions technologiques�

ÉVOLUTION DES SUPPORTS�Une évolution des modes de navigation�

Evolution de la consommation de l’information�

Géo localisation, nouveaux terminaux, développement

des réseaux

Hyper connexion, navigation mobile et tablette

g Une nécessité pour les entreprises d’adapter leur communication aux différents supports de communication�

40



Ipsos / Médiamétrie / FEVAD/ Emarketer / Kantar / TNS Sofres / GroupM /

g Une évolution technologique, un taux d’équipement et des performances techniques de plus en plus importante �

41




g Une consommation de l’internet mobile croissante et à tout moment �

42




g Et un mode d’achat de plus en plus utilisé�

g Une nécessité pour les entreprises d’adapter leur communication aux différents supports de communication�

43


Une technologie nouvelle qui permet d’adapter de manière dynamique le contenu en fonction de l’écran�g

ÉVOLUTION DES SUPPORTS�Le responsive design qui s’adapte à tous les supports�

44


ÉVOLUTION DES SUPPORTS�Ou des versions spécifiques pour chaque support �

Site web + version mobile

45


Animer votre site grâce aux réseaux sociaux

46


ANIMER GRÂCE AUX RÉSEAUX SOCIAUX �Intégrer les outils de partage pour dynamiser votre site�

g Les classiques pour inciter les internautes à partager votre contenu (recommandation client) �

Les boutons de partage d’articles / pages

Action visible sur les profils personnels des internautes (exemple Facebook)

47



g Les classiques pour inciter les internautes à rejoindre vos communautés (recommandation client) �

La « Fan Box » Les Follows Twitter, Pinterest, Google +

48



g Indiquer aux internautes les articles les plus populaires�

49



g Un module de commentaire qui utilise votre compte Facebook (facilité et viralité des commentaires) �

50


ANIMER GRÂCE AUX RÉSEAUX SOCIAUX �Le blog comme vitrine du dynamisme de l’entreprise�

g Malgré l’arrivée des réseaux sociaux, les blogs ont un bel avenir :�

Source : Baromètre SOWINE/SSI, édition 2012

g Utile pour valoriser l’image de marque, parler des actualités/nouveautés de l’entreprise, relation client, et le référencement naturel.�

51


Le référencement naturel au service de la visibilité

52


1. Des robots sont chargés d’analyser l’ensemble des pages des sites web du monde entier

2. Ils scannent ensuite l’ensemble du contenu des pages et les positionnent en fonction notamment de : - La densité de mots clés sur les titres, intertitres et le contenu - Les contenus présents sur vos pages - Le champs lexical utilisé dans l’éditorial

3. Ils scannent également les autres pages du monde entier et prennent en compte les liens qui pointent vers cette page. Plus il existe de liens qui pointent vers page, plus Google considèrent cette page pertinente pour l’internaute

AVANT TOUTE CHOSE �Comment fonctionne Google ?�

53


Accueil > Produits > Blanchiment dentaire sur fauteuil

> Les lampes> Metoo Light> MeToo Mix> MeToo Perfect

MeToo, votre partenaire spécialiste du matériel de blanchiment dentaire

Documentation Widget pour PC

Téléchargez nos outils d'aide à la vente

Foire Aux Questions

Contactez-nous +

Nos produits d'éclaircissement dentaire sur fauteuil

Les soins d'éclaircissement dentaire sur fauteuilFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Témoignages

Grégory C."Far far away, behind the word mountains, far from the countries Vokalia and Consonantia ...." + voir tous les témoignages

Les avantagesFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Pierre G."Far far away, behind the word mountains, far from the countries Vokalia and Consonantia ...." + voir tous les témoignages

Témoignages


A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Découvrez nos produits d'éclaircissement dentaire au fauteuil

Les lampes MeToo Light MeToo Mix MeToo Perfect

MatérielsProduitsBlanchiment dentaireConcept Contact

FAQMatérielsProduitsConcept Actualités Mention légalesContact

COMMENT GOOGLE SCANNE ET IDENTIFIE LE CONTENU ?�

NB : Google n’identifie que le contenu texte mais pas le texte mis sous forme d’image.

2. Le titre de la page (titre & h1)

3. Les intertitres (h2)

5. Les mots clés mis en gras

4. La densité de mots clés dans le contenu

1. Le thème général de la page

6. Les liens hypertextes

54


L’ÉCRITURE WEB DONC ETRE PENSÉE À DEUX NIVEAUX… �

POUR L’HOMME � POUR LA MACHINE �

Toujours pressé, l’internaute a pris l’habitude de gloutonner l’information sans

la lire. La structuration du contenu est essentielle

Les robots lisent le contenu de A à Z mais ne sont que des machines et ne sont pas sensibles à la

poésie éditoriale. Il faut les aider à comprendre le contenu

55


Etre précis et développer une idée par page / zone de contenu. 1.

POUR L’HOMME � POUR GOOGLE �Ne pas embrouiller l’internaute avec trop d’informations différentes.

Traiter d’une seule thématique pour apporter de la cohérence dans le champ lexical et la fréquence des mots clés. 1 page = 1 champ lexical de mots clés

g En dehors de la page d’accueil qui doit présenter le concept du site, chaque page doit traiter d’un sujet unique�

56


Accueil > Produits > Blanchiment dentaire sur fauteuil

> Les lampes> Metoo Light> MeToo Mix> MeToo Perfect

MeToo, votre partenaire spécialiste du matériel de blanchiment dentaire

Documentation Widget pour PC

Téléchargez nos outils d'aide à la vente

Foire Aux Questions

Contactez-nous +

Nos produits d'éclaircissement dentaire sur fauteuil

Les soins d'éclaircissement dentaire sur fauteuilFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Témoignages

Grégory C."Far far away, behind the word mountains, far from the countries Vokalia and Consonantia ...." + voir tous les témoignages

Les avantagesFar far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.


Pierre G."Far far away, behind the word mountains, far from the countries Vokalia and Consonantia ...." + voir tous les témoignages

Témoignages


A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Découvrez nos produits d'éclaircissement dentaire au fauteuil

Les lampes MeToo Light MeToo Mix MeToo Perfect

MatérielsProduitsBlanchiment dentaireConcept Contact

FAQMatérielsProduitsConcept Actualités Mention légalesContact

1 idée : Page dédiée au blanchiment dentaire sur fauteuil à titre simple et explicite

Incitation à découvrir des contenus associés (1 produit = 1 page)

Dans le contenu : liens hypertextes pour rediriger vers du contenu associé (pour l’utilisateur et l’internaute)

57


Soigner le titre de la page 2.

POUR L’HOMME � POUR GOOGLE �Si l’internaute est venu via une recherche Google, la balise titre est la première chose qu’il voit. Le titre doit être explicite (contenir l’expression clé) et suffisamment accrocheur pour maximiser le taux de clic

Le moteur accorde une forte importance au titre et au H1 dans le positionnement des pages d’un site Elles doivent donc contenir les mots clés principaux

g La plupart du temps, le titre de la page est la première information visible, par l’internaute, comme pour Google (balise titre et H1) �

58


Concrètement pour le titre…

Faire court Entre 4 et 10 mots pour le titre de la page web (H1). Idéalement, le titre devrait tenir sur une seule ligne. 60 caractères visibles pour le titre du moteur de recherche (balise titre)

Etre visible Dans la zone centrale de la page, immédiatement au-dessus du contenu. Utiliser une taille de caractère supérieure à celle du corps du texte. Proscrire les italiques, le souligné. Eviter les majuscules

Etre explicite Un vocabulaire compréhensible par le public visé et surtout accrocheur Décrivant le mieux possible le contenu de la page et sa valeur ajoutée (mots clés pour Google)

59


Dire l’essentiel dès le premier paragraphe 3. Idéalement, le contenu du premier paragraphe doit résumer l’essentiel en étant accrocheur pour l’internaute (très zappeur) et pertinent en terme de champ lexical pour Google

POUR L’HOMME POUR GOOGLE L’internaute est très zappeur, et surtout à un clic de la concurrence : il doit trouver ce qu’il cherche rapidement. L’information doit être résumée dès le premier paragraphe. Le 1er paragraphe doit contenir l’information principale.

Le moteur est sensible à la fréquence de mots clés présent sur une même page. Le 1er paragraphe doit donc contenir le plus de mots clés liés au sujet de la page.

60


Structurer les paragraphes suivants 4.

POUR L’HOMME � POUR GOOGLE �L’internaute ne lit pas de haut en bas mais scrolle et lit en diagonale. Les contenus doivent être structurés avec des intertitres pour accrocher l’œil.

Google aussi aime le contenu structuré. Les intertitres (h2) sont également très utiles au référencement Les intertitres permettront à Google de mieux identifier le contenu

g Ne pas écrire de grands pavés de texte qui seront illisibles. Séquencez vos contenus en paragraphes avec des intertitres.�

61


Une évolution de la recherche sémantique vers la recherche sociale QUEL AVENIR POUR LE RÉFÉRENCEMENT�

L’inclusion des signaux sociaux dans les résultats de recherche Google g Facebook se préparerait à l’intégration d’un moteur de recherche sociale g

62


SITE WEB

RÉFÉRENCEMENT NATUREL (SEO)

RÉFÉRENCEMENT PAYANT (SEM)

AFFILIATION

DISPLAY

RETARGETING

(90% PDM)

/ sites

SANS OUBLIER LES AUTRES SOURCES DE TRAFIC �

atelier3 ameliorer la qualite de son site web v2 par christophe grelier - la compagnie hyperactive

Travel