2. MENU
PRESENTATION
DU GROUPE
• Activité
• En chiffres
• Identité visuelle
• Environnement
PRESENCE DU SITE
SUR LE WEB
• Fréquentation
• Navigation
• E-réputation
AUDIT &
RECOMMANDATIONS
• Ergonomie
• Contenu et
Référencement
• Leviers marketing
2
Pourquoi ce projet ?
L’ancien site datait de 2008. Il ne valorisait pas l’offre de la société et n’était pas connecté aux réseaux
sociaux.
Il m’est apparu intéressant d’analyser le nouveau site mis en ligne en novembre 2014, c’est-à-dire,
juste avant mon arrivée dans la société.
4. … Activité
« Expert en image appliquée » depuis 1989, MEGAMARK est à la fois une agence de conseil
en communication visuelle et un spécialiste de la communication hors média.
Son métier consiste à accompagner les marques et grands comptes dans la mise en œuvre
de leur communication opérationnelle sur leurs points de contacts au travers de 4 divisions :
De l’étude à la pose, en passant par la conception, la fabrication et la logistique,
le Groupe MEGAMARK est un interlocuteur unique.
4
5. … En chiffres
en France
Moyenne d’âge : 39 ans - Employés : 50% de femmes
5
6. … Identité visuelle
Novembre 2014 : mise en ligne du nouveau site
avec nouvelle image
Objectif : montrer un site plus moderne, plus visuel, très épuré
Visuels/vidéo entreprise : quasi aucun visuel provenant
de photothèques, tout est réalisé en interne par le studio
d’infographie
Code couleur : mise en avant de chaque division,
par une couleur précise
Bâtiment : violet
Points de vente : vert
Véhicule : rouge
Rail : gris
Logo : un éléphant, symbole de robustesse
Article dans magazine VISIBLE
la référence dans l'univers
dans la communication visuelle
6
7. … Environnement
Les 4 principaux concurrents :
7
DécoPub (marquage/signalétique)
ATC (covering, le grand format, l’adhésif et
l’information sur le lieu de vente)
Décoader (marquage/adhésifs)
SIP World (marquage véhicules, transports Publics,
points de vente)
9. La Page Rank est l’indice de popularité du site sur le net et va de 0 à 10.
Celle de Megamark est de 3, donc bon indice.
Positionnement du site :
… Fréquentation
9
10. … Fréquentation
via Google Analytics :
Durée moyenne/session : 3 min 10
Taux de rebond : 54 %
Visiteurs : 46 % femmes / 54 % hommes
Sur 2 607 visites sur 30 jours :
- 32,1 % visiteurs connus
- 67,9 % nouveaux visiteurs
… 9 169 pages de vues
… soit 3,52 pages vues/session
… soit 90 visiteurs jour tout pays
10
11. … Fréquentation
Vue audience par origine géographique :
France (+ de 79 %), Belgique, Etats-Unis, Suisse,
Allemagne, Maroc…
11
14. … Fréquentation
Adaptabilité tout support :
www.megamark.fr est un site
« Responsive Design »,
avec adaptation automatique
sur tout type d’écran
(ordinateur, mobile, tablette).
Le mode de navigation est l’ordinateur
pour 85,4 % des sessions.
14
15. … E-réputation
Indices de réputation du site : cœur de cible 32,3
L’outil Youssemii mesure l’indice de notoriété web du site
et son audience.
Plus l’indice est proche de 100, meilleur il est.
Web : 33,2 (indice moyen)
présence sur bing
Réseaux Pro : 0 (indice nul)
Réseaux sociaux : 43 (indice moyen)
Médias : 17 (indice faible)
présence toutefois sur Youtube
Web
33,2
Réseaux
Pro
0,0
Médias
17,0
Réseaux sociaux
43,0
Manque de visibilité sur les Réseaux Pro et Médias
15
17. … Ergonomie
Arborescence site :
SUR LE WEB
SERP Google
SUR LE SITE
Landing Page
ARBORESCENCE
INTERNE
17
18. … Ergonomie
La page d’accueil :
L’adresse est simple : www.megamark.fr
La Landing Page (page d’atterrissage) correspond à la page
d’accueil du site.
Le chargement est d’environ 2,36 sec.
La home pèse 1méga9 en compressé c’est énorme.
Logo : centré en haut de page.
ne respecte pas les standards ergonomiques (en haut à
gauche serait plus approprié)
Menu : navigation horizontale : tout de suite sous le logo. Elle est
composée de 7 rubriques (Megamark, Solutions, Services,
Réalisations, Actualités, Blog, Contact)
Contenu de haut en bas :
- 1 bandeau photos : visuels qui défilent avec une phrase
d’accroche. Le 1er apparaissant est une photo des équipes
projets avec le slogan de l’entreprise « Innover-Optimiser-
Déployer ».
- Au centre : contenu des 4 pôles d’activité (Bâtiment, Points de
vente, Véhicule et Rail)
- sous ce bloc, mise en avant des réalisations projets en image
(défilé automatique)
- le bas de page correspond au footer (description slide suivant)
Le slider de la home est très haut et les 4 divisions sont
peu visibles. On demande de l’effort à l’internaute, les
visuels sont importants dans ce secteur, mais la ligne de
flottaison l’est également.
18
20. … Ergonomie
Le bas de page :
- Menu : lorsqu’on descend avec
l’ascenseur, le bandeau menu reste
figé en transparence et accessible
à tout moment en haut de la page de
navigation.
Zone de prise de
contact par
l’internaute qui
permet de
générer du lead.
Zone d’accès au téléchargement
de documentations, l’internaute
est dirigé sur des formulaires
à renseigner avant de pouvoir
accéder au téléchargement.
- Sous menu : reprise d’informations
sur la marque, de ses valeurs, de son
histoire.
- Liens pour retrouver la société
sur les réseaux sociaux :
Facebook, Twitter, Google+, Pinterest.
- Rappels des actualités les plus récentes.
Liens vers les pages dédiées.
20
22. … Ergonomie
Exemple page « Division » :
Image 1. Page atterrissage, division Bâtiment.
On retrouve toujours : logo en haut, suivi menu principal,
bandeau de couleur avec le nom de la division, mosaïque photos, les
services propres à la division, bouton de téléchargement brochure (créant
du lead), puis photos des réalisations et bas de page classique du site.
Le survol de la mosaïque photos fait apparaître un menu,
ici en fond violet (correspondant à la couleur de la division bâtiment).
Il s’agit de la rubrique « signalétique intérieure ».
En cliquant dessus, on atterrit sur la page consacrée à cette dernière.
Image 2. Page signalétique intérieure.
Nous retrouvons toujours le menu principal en haut de page , ainsi que le
logo permettant à tout moment de retourner sur la page d’accueil du site.
Sur la partie Gauche : rappel du sous menu de la partie Bâtiment.
Clic sur une réalisation
Image 3. Page spécifique, description d’un projet réalisé.
Si on se met sur la page « décoration », le bloc réseaux sociaux
ne fonctionne pas dans le footer. Nous sommes redirigés sur la
page décoration.
22
23. … Ergonomie
Le « blog de Megamark » :
Le site Megamark est un site 2.0 de contenu intégrant
un blog : Volonté de la marque de communiquer avec les
internautes.
Pas d’accès direct pour réagir sur les actualités
ou le blog.
L’existence d’un blog montre la volonté
de l’entreprise à communiquer /partager
avec les internautes sur :
ses projets d’envergures,
ses solutions événementielles,
ses partenariats,
son engagement éco-responsable,
ses compétences techniques et l’évolution
de ces dernières,
son soutien de mécénat d’entreprise
(association Mécénat Chirurgie Cardiaque)…
Zone droite :
Inscription à la newsletter (e-mail opt-in)
Catégories (menu déroulant)
Contacts (coordonnées entreprise)
Liens vers réseaux sociaux
Moteur de recherche interne
23
25. … Ergonomie
Recueil de leads :
clic sur bouton « A télécharger »
en bas de page de chaque page
du site. (documentation sur
chaque division)
La 1ère manière directe, pour recueillir
des données utilisateurs est le formulaire
« Contactez-nous ».
On valide en cliquant sur ENVOYER.
D’autres formulaires indirects ont été installés à
divers endroits du site, toujours pour enrichir la
base de données et obtenir des leads qualifiés.
25
26. … Ergonomie
Via le blog du site :
Inscrire son adresse
e-mail, cliquer sur
« s’abonner »
à la newsletter.
Le mail devient donc
opt-in
Via la page dédiée de chaque
division (Bâtiment, Points de
Vente, Véhicule et Rail) :
Remplir le formulaire
de « téléchargement »
de la brochure spécifique et,
cliquer sur envoyer.
26
27. … Ergonomie
Analyse du site :
Le nom de l’entreprise et son logo renvoient à une image épurée, forte et robuste.
La ligne graphique du site est à l’image de l’entreprise : modernité et maîtrise de haute technicité.
Mise en avant de :
- 4 divisions spécifiques et des expertises liées (bâtiment, points de vente, véhicules, rail)
- Actualités (réalisations, savoir-faire technique, participation salon…)
- Manifestations pour lesquelles Megamark est partenaire ou mécène.
La mise en forme : les informations sont claires, et l’arborescence nous permet de naviguer facilement
d’une rubrique à l’autre grâce au menu toujours visible en haut de page.
L’intégration d’un moteur de recherche interne permet d’assister l’internaute dans sa recherche s’il le désire.
27
28. … Ergonomie
Recommandation :
Les objectifs du site :
être en adéquation avec votre image
(sereine, grands comptes, communication visuelle)
avoir une identité visuelle forte et marquée (couleurs pour chaque division)
être un site web 2.0 (blog, boutons de partage réseaux sociaux)
avoir une stratégie adaptée « content marketing »
être un site vitrine, outils de prospection (incitation à l’action)
Les actions à mettre en place :
Créer un site Web 2.0 dynamique avec des outils collaboratifs : widgets, commentaires,
cross-selling communautaire, etc.
Sur la home page, réduire la taille du visuel d’accroche cliquable et mieux mettre en avant
les 4 divisions… trop bas par rapport à la ligne de flottaison.
Faire apparaître beaucoup plus haut les liens de téléchargement brochures.
L’internaute doit faire l’effort d’aller en bas de page. Il y a un risque pour que ce dernier quitte la page
sans avoir été en bas… Mettre ces liens sur le côté par exemple et qu’ils soient visibles dès
l’ouverture de la page d’accueil.
Autre possibilité, créer un bouton animé pour attirer l’œil du visiteur sur la rubrique
« téléchargement ».
Mettre à jour régulièrement les liens du site.
Un site dont les liens ne sont pas corrects fera « fuir » les utilisateurs.
28
29. … Contenu & Référencement
Référencement naturel
C
Site links
Titre : Innover-Optimiser-Déployer avec Megamark
Url : www.megamark.fr/
Snippets : Mise en œuvre de votre communication : signalétique, décoration, marquage,
agencement pour bâtiment, points de vente et flotte de véhicules.
Site links : Contacts, Blog, Réalisations, Pourquoi Megamark, Mentions légales & crédits,
Mégamark réalise…
Title, url
snippets
Affichage d’une actualité récente,
postée sur les réseaux sociaux
Annonce SEO - Google
29
31. … Contenu & Référencement
Recommandation SEO
Nous remarquons que les sitelinks ressortent bien mais ne représentent pas vraiment
les catégories les plus importantes de l’entreprise.
Un mapping du siège pourrait être mis en avant comme c’est le cas sur Bing.
On ne peut pas choisir les sitelinks, le choix étant effectué automatiquement par Google.
La seule chose sur laquelle on est maître via GWT (Google Web Toolkit ), est la possibilité
d’enlever un site link. Eventuellement Google le changera au profit d’une autre page.
Les balises TITRE, SITE LINKS peuvent être optimisées pour une meilleure visibilité,
de la façon suivante …
31
32. … Contenu & Référencement
Zone de droite : plutôt géolocaliser l’entreprise avec coordonnées
Titre : Innover-Optimiser-Déployer votre image avec Megamark
Url : www.megamark.fr/
Snippets : Mise en œuvre de votre communication : signalétique, décoration, marquage,
agencement pour bâtiments, points de vente et flotte de véhicules.
Site links :
Solutions Pourquoi Megamark
Bâtiment, points de vente, Mégamark est votre partenaire
véhicule, rail industriel unique…
Réalisations Blog
Marquage, signalétique, actualités…
rebranding, décoration…
Solutions Contactez-nous
Etude, conception graphique, vos interlocuteurs et
fabrication, gestion projets… nos coordonnées
32
33. … Contenu & Référencement
Optimisation du site :
les mots clés utilisés
Top mots clé détecté avec l’outil Alexa
Les keyword présents dans le code source de la page d’accueil du site :
megamark signalétique décoration agencement habillage
pelliculage événementiel décoration bureau panneautique marquage de
véhicule
33
34. … Contenu & Référencement
C
Exemple de mots bien référencés dans le moteur de recherche Google.
Quelle est la position de Megamark dans la SERP (résultats de recherche) ?
« signalétique et décoration » : 4e position
« entreprise signalétique et communication visuelle » : 4e position
(intéressant pour le trafic et les conversions)
« communication enseigne » : 5e position
C C
34
35. … Contenu & Référencement
Les back links
66 sites ont installé un lien
vers le site de megamark.fr
(selon l’outil ahrefs)
Megamark est
relié à 27 sites
sur le web
(Alexa)
35
36. … Contenu & Référencement
Recommandation mots clé & back links
Megamark s’appuie sur du référencement naturel et bénéficie d’une notoriété dans son secteur
mais la marque doit-elle, pour autant, ne pas investir en référencement payant avec une campagne
de mots clé ?
Pour être davantage visible dans la SERP, il faut bien coder les pages, bien choisir ses mots clé
et les insérer dans les balises TITLE, IMAGE.
Un mot clé ou groupe de mots clé doit répondre à 3 critères essentiels :
1) qu’il soit recherché 2) qu’il soit dans les métiers de votre site 3) qu’il ne soit pas trop concurrentiel
Le titre de vos pages est certainement le critère de pertinence le plus important pour les moteurs
de recherche à l'heure actuelle. Soignez-le bien !
Afin d’optimiser le référencement naturel, il faut créer une stratégie de Linking
vers tous les autres sites externes du Web : entreprises/organismes qui travaillent avec la marque
ou parlent d’elle (déjà le cas)…
Les sites partenaires (Mécénat Chirurgie Cardiaque, Entrez dans la danse, OperaBus)
Webmagazines spécialisés
Les salons professionnels à venir où Megamark sera présent
des sites partenaires en rapport avec l’activité de l’entreprise
+ il y a de liens vers Megamark, + il y a de back links,
+ c’est bon pour la notoriété de l’entreprise, + c’est bon pour sa Page Rank
36
37. … Contenu & Référencement
Les Réseaux Sociaux :
La marque est présente sur les réseaux sociaux et
établit des liens sortants directement vers ses comptes officiels :
- Facebook : le plus populaire
- Twitter : le plus important pour les communicants et pour les
journalistes
- Google Plus : le plus important pour le référencement, l’intégration
YouTube en natif et le crawling car il appartient à Google.
- YouTube pour l’hébergement des vidéos mises en ligne…
37
38. … Contenu & Référencement
Google Plus
• Abonnés : 152
• Consultations : 153 233
• Communautés : 27
Intérêt internautes fort pour entreprise
Contenu régulier, interactivité…
Réseau qui prend de l’importance pour le
référencement car il appartient à Google.
Facebook
En général, la page Facebook doit permettre à la marque
de communiquer régulièrement sous forme de mise en
avant de l’entreprise, des produits, des réalisations en
incitant les fans à réagir dessus.
• Création page en 2011
• Mentions « j’aime » : 17
Existence du compte mais aucun contenu,
absence d’interactivité
38
39. … Contenu & Référencement
Twitter
Les indicateurs de
performance pour les
publications :
• Tweets : 1275
• Abonnements : 1803
• Abonnés : 765
Le site met bien en avant
les salons liés à son
activité, les nouveautés
techniques, incite les
tweeters à ne manquer
aucun tweet de
Megamark .
Bonne interactivité et partage (retweet) des posts.
Il s’agit de faire connaître la marque auprès des journalistes, de la presse magazine, des
personnes publiques qui sont des relais d’opinion pour accroître la notoriété et la réputation.
39
40. … Contenu & Référencement
You Tube
Youtube Megamark ,
créé en nov. 2010, présente
tous ses événements et
réalisations.
• Abonnés : 58
• Vues : 16 742
Nouvelle vidéo corporate
de l’entreprise mise en
ligne début décembre
2014 : 367 vues en 1 mois.
Les plus populaires sont :
• Pelliculage total covering adhésif du TGV de la présidence française à L'Union Européenne en 2010,
avec plus de 4 900 vues.
• Transformation du building du centre commercial SO OUEST à Levallois en totem digital,
avec plus de 1 300 vues.
Fort contenu vidéos et posts
40
41. … Contenu & Référencement
Linkedin
Megamark est présent sur les réseaux professionnels.
• Abonnés : 261 (Viadeo : 115 abonnés)
Le site véhicule l’image et la notoriété de l’entreprise en
partageant des articles sur ses réalisations pour de belles
entreprises ou institutions.
Pinterest
• Tableaux : 20 Epingles : 876 J’aime : 133
• Abonnés : 184 Abonnements : 700
Pinterest peut représenter un moyen original de raconter la marque
Megamark, surtout quand on sait que les contenus photographiques
ont tendance à supplanter les contenus rédactionnels.
Megamark met des photos de ses réalisations, de ses partenariats, de son engagement
environnemental ou des vidéos que chaque internaute peut épingler comme il veut dans son pinboard.
Existence d’un lien vers le site corporate et twitter.
Site tend à devenir un véritable réseau social.
41
42. … Contenu & Référencement
Recommandation RS : « La notion d’engagement est la force du réseau social »
Pas d’accès pour « aimer » ou laisser un commentaire suite à un post, une actualité ou un tweet :
il faut avoir un compte, se connecter après avoir cliqué sur une des icônes de « share ».
Accès direct en un clic à la page dédiée de plusieurs réseaux sociaux :
• de contats :
Linkedin/Viadeo : Choix de communiquer uniquement sur sa présence sur Linkedin
car réseau professionnel international.
(2 fois plus d’abonnés que sur Viadeo, réseau français)
Facebook : présence à améliorer, même si la tendance est plus vers les réseaux sociaux
de contenu pour les entreprises.
A défaut de ne pas y être actif… à minima, il serait intéressant d’intégrer les liens qui
pointent vers les comptes autres que megamark.fr (google+, Pinterest, Youtube…)
• de contenu :
GooglePlus, Twitter, Youtube et Pinterest : fort contenu photos, vidéos et articles
Informer les internautes sur l’existence de liens sortants supplémentaires comme
c’est le cas sur Google+, vers : Slideshare et Viadeo.
Il faut déployer la présence de la marque sur tous les réseaux sociaux
numériques de contenus :
Instagram pour l’image
Dailymotion/Vine pour la vidéo
42
43. … Leviers marketing
Média off-line : La presse écrite en parle
La communication : … Leviers marketing
43
44. … Leviers marketing
Média on-line : Megamark vu par ses clients, les collectivités, les blogs,
la presse professionnelle…
44
46. … Leviers marketing
Hors-média : Mécénat, partenariat
Megamark soutient l’association
« Mécénat Chirurgie Cardiaque »
Concept inédit d'outil culturel : l'Opéra Bus. C’est un bus habillé par
Megamark pour faire découvrir l'Opéra et promouvoir la culture en tout lieu
Soutien d’une manifestation créative et
dynamique, « entrez dans la danse »
46
48. L’Inbound Marketing Agency - 1MIN30 :
C’est une nouvelle séquence marketing qui représente une synthèse des outils qu’offre
la communication web. Les techniques d’optimisation en référencement et l’explosion des réseaux
sociaux demandent toujours plus de ressources techniques et humaines…
Par ailleurs, pour une entreprise de service comme Megamark, l’inbound marketing peut apporter
une plus vaste audience et maintenir des liens en dehors d’un contact commercial pur.
La stratégie digitale a été présentée, à l’instar de tout canal de communication, ayant pour objectifs
l’image de la marque et le soutien aux ventes.
… Leviers marketing
Aisance pour mesurer les performances de la stratégie
d’inbound marketing.
Permettre aux internautes de bien comprendre ce que fait
Megamark et leur donner envie de prendre contact.
Il s’agit de ramener les clients vers soi plutôt que d’acheter
des espaces publicitaires onéreux, de s’épuiser en campagne
de mots clé et de diffuser des publicités.
48
50. … Leviers marketing
Analyse
Comme le montre ce tableau de Google
Analytics, Megamark n’utilise que peu de
canaux de communication.
L ’essentiel de la communication de Megamark
repose sur ses projets réalisés et sa notoriété
auprès de ses clients, et de divers organismes
qui parlent de l’entreprise, de son expertise
dans la presse écrite comme sur le web.
Peu de contreparties financières sont utilisées pour être visibles dans les différents supports de
communication.
L’un des investissements de Megamark repose sur des actions de mécénat d’entreprise.
L’autre est d’avoir investi dans l’expertise d’Inbound Marketing Agency.
Objectifs : Se faire connaître, mise en avant de l’image de marque
Augmenter le téléchargement des brochures
Augmenter les inscriptions à la newsletter
… donc acquérir du lead pour que les équipes commerciales
le transforment en client .
50
51. … Leviers marketing
Recommandations (pistes de réflexion)
1) Création d’une application, à télécharger gratuitement :
(investissement rentable ou non selon le secteur)
- Sur mon smartphone
- Sur ma phablette
- Sur ma tablette
- Sur mon ordinateur
(Application Androïd , Apple sur iTunes, Windows sur www.windowsphone.com, Blackberry)
Contenu de l’application :
informer en temps réel sur un article posté (widget),
donner accès à la newsletter, la galerie photos des réalisations etc.
renvoyer au site, blog en ligne de la marque
pouvoir mettre en scène des espaces en prenant une photo
Objectif :
Développer une stratégie d’acquisition et de fidélisation grâce aux téléchargements
d’une application mobile…
Comment ?
Créer une page internet sur mon site dédié au téléchargement
Promouvoir le téléchargement de l’application (iOS, Android, Windows, Blackberry)
sur les réseaux sociaux, et/ou par une campagne d’e-mail auprès des leads qualifiés
par votre site.
51
52. … Leviers marketing
2) Création d’un QRCODE :
Ce code renvoie la personne sur le site Web de Megamark afin de lui
demander ses coordonnées via la newsletter gratuite par exemple.
Les visiteurs de salons pourraient directement flasher ce QrCode afin de :
* noter une sorte de carte de visite de la marque et ainsi pouvoir
rentrer plus facilement en contact avec un chargé d’affaires
par la suite.
* télécharger les documentations, plaquettes.
Pour enrichir l’expérience prospect sur les salons professionnels.
52
53. CONCLUSION
Grâce à une refonte de son site, Megamark a fait évoluer son image vers une identité visuelle sobre
et forte. Son offre est clairement déclinée en quatre expertises.
Le site megamark.fr est un site web 2.0, avec un blog et des boutons de partage vers ses réseaux
sociaux.
Son contenu est beaucoup plus visuel grâce à une mise en valeur importante des photos de ses
réalisations/projets.
Le site apparait plus humain, les équipes ayant accepté d'être prises en photos et mises en scène
sur le site.
Il est maintenant une vitrine avec une tendance davantage webdesign et des outils de prospection.
Aujourd’hui la marque a un objectif de suivi ROI du Content Marketing par le développement et
l’engagement visiteurs (ex. nombre d’abonnés à la newsletter, nombre de documents téléchargés).
La version actuelle, mise en ligne depuis un petit peu plus d’un mois, est en phase bêta. C’est-à-dire
que cette dernière est en phase d’affinage, amélioration et modification des bugs ou erreurs de
fonctionnement.
L’ambition première de la refonte de votre site est d’augmenter le nombre de téléchargements de
brochures et d’inscriptions à la newsletter.
Nous avons noté quelques dysfonctionnements qui ne permettent pas d’atteindre pleinement ces
objectifs.
Par exemple, il est important de mettre plus en avant la rubrique de téléchargement, et qu’elle soit
visible dès l’ouverture de la page d’accueil.
53