Audit site-megamark

502 vues

Publié le

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
502
Sur SlideShare
0
Issues des intégrations
0
Intégrations
11
Actions
Partages
0
Téléchargements
17
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Audit site-megamark

  1. 1. 26/01/15 1
  2. 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é.
  3. 3. 3
  4. 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. 5. … En chiffres en France Moyenne d’âge : 39 ans - Employés : 50% de femmes 5
  6. 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. 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)
  8. 8. 8
  9. 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. 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. 11. … Fréquentation  Vue audience par origine géographique : France (+ de 79 %), Belgique, Etats-Unis, Suisse, Allemagne, Maroc… 11
  12. 12. … Fréquentation  Intérêt des internautes : Acquisition internautes via les réseaux sociaux 12
  13. 13. … Navigation  Compatibilité navigateurs : 45 % des sessions se font par le navigateur Chrome. 13
  14. 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. 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éseauxPro 0,0 Médias 17,0 Réseaux sociaux 43,0  Manque de visibilité sur les Réseaux Pro et Médias 15
  16. 16. 16
  17. 17. … Ergonomie  Arborescence site : SUR LE WEB SERP Google SUR LE SITE Landing Page ARBORESCENCE INTERNE 17
  18. 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
  19. 19. … Ergonomie 19
  20. 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
  21. 21. … Ergonomie 21
  22. 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. 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
  24. 24. … Ergonomie 24
  25. 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. 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. 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. 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. 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
  30. 30. … Contenu & Référencement  Annonce SEO - Bing 30
  31. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 43. … Leviers marketing  Média off-line : La presse écrite en parle  La communication : … Leviers marketing 43
  44. 44. … Leviers marketing  Média on-line : Megamark vu par ses clients, les collectivités, les blogs, la presse professionnelle… 44
  45. 45. … Leviers marketing 45
  46. 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
  47. 47. … Leviers marketing  Média tactique : Salons professionnels 47
  48. 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
  49. 49. … Leviers marketing Infographie de l’inbound Marketing Agency 49
  50. 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. 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. 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. 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
  54. 54. 54

×