Je travail actuellement pour 3 clients dont les sites internet servent de relais d’information pour des entités physiques (agences ou magasins). Les 3 projets sont assez différents mais leur point commun est de proposer aux internautes l’accès à des fiches agence (ou magasin) avec des coordonnées complètes, certaines d’entre elles proposent des plans de quartier (sous forme d’image) pour positionner l’agence, mais si vous ne connaissez pas le quartier en question, ils ne seront pas d’une grande utilité (et si vous le connaissez, vous n’avez probablement pas besoin d’une carte !). Le choix de google map pour apporter un service supplémentaire aux utilisateurs s’est donc imposé de lui même dans le cadre de ces différents projets.
Dans cette première partie de l’article, j’aborderais les solutions pour intégrer une carte google map sur votre site, et éventuellement comment la personnaliser et la compléter pour apporter toujours plus de services à vos utilisateurs. Dans un second temps je vous proposerais la démarche inverse : comment alimenter la base de google map avec vos informations pour être présent dans les recherches de proximité.
Si vous n’y connaissez rien en cartographie, voici quelques astuces pour exploiter pleinement le potentiel de google map (outil formidablement puissant, et gratuit !) en apportant une véritable valeur ajoutée à votre page plan d’accès.
Quel que soit votre domaine d’activité, si vous êtes amené à recevoir des visites dans vos locaux, l’affichage d’un plan d’accès sur votre site sera un petit plus qui facilitera la vie de vos visiteurs. Il suffit de taper “plan d’accès” dans Google image pour constaté la diversité qu’il peut exister quand il s’agit de représenter son entreprise sur un plan.
Un des grands classique consiste a simplement récupérer (sauvagement) une image générée par le service mappy.fr (on notera sur la capture ci-dessous que l’éditeur a pris la peine de noter “source : mappy.fr” cela part sans doute d’une bonne intention, mais cela ne rend pas l’acte moins illégal). J’ai sorti cette image de son contexte, dans la page on précise l’adresse en toute lettre (rue de paradis à Argenteuil) et on y précise même les moyens de s’y rendre en transport en commun (une démarche écologique qu’on appréciera ;-)).
Voyons rapidement quelles sont les informations que m’apporte cette page. Prenons un exemple concret, imaginons que je vive à Colombes (de l’autre coté de la seine par rapport a Argenteuil) et que je cherche a me rendre dans cette entreprise. En examinant le plan, je constate qu’il y a un centre hospitalier a proximité (mais comment s’appelle-t-il ?), que la rue que je recherche est parallèle a ce qui semble être un grand boulevard et a une autre rue (rue de la…). Finalement, même en vivant à quelques kilomètres de la, cette carte ne m’apporte aucune information pouvant m’aider dans mon déplacement.
Voyons maintenant ce que j’ai pu créer en quelques clics, sans aucune compétence technique particulière et que je peux récupérer sur mon site en toute légalité, il m’a suffit pour cela de cliquer sur le lien “Obtenir l’URL de cette page” de copier le code proposé par google dans mon site.
Agrandir le plan
Non seulement ce plan est plus complet, mais il est dynamique. Je peux donc me déplacer dans le plan pour réaliser que cette adresse n’est qu’a quelques kilomètres de chez moi. D’ailleurs si je décide de m’y rendre en voiture, un simple clic sur le point d’arrivé et google me propose de saisir mon adresse de départ pour me définir le trajet.
Agrandir le plan
En quelques instants, nous avons transformé une page assez frustrante par le peu d’information qu’elle proposait, en un véritable service pour tous les utilisateurs qui souhaitent venir nous voir.
Cette première partie est très simple a mettre en place, elle ne nécessite aucune compétence technique du moment que vous avez accès à l’édition de vos pages web. Mais voyons comment encore améliorer les informations proposées sur cette page grâce a l’API de google map. Je n’ai malheureusement pas le temps de réaliser des exemples concrets au moment de la rédaction de cet article, je me contenterais donc de captures d’écrans. Ces améliorations nécessitent des compétences techniques un peu plus évoluées, mais je suis sûr que votre agence web (ou votre geek de voisin ou de neveu) se fera une joie d’implanter ce type d’amélioration, qui encore une fois apporte un véritable plus à vos visiteurs.
Cette agence web a simplement remplacer le picto habituellement utilisé par google pour positionner une adresse par son propre logo. Cela permet d’identifier le point plus rapidement sur la carte, toutes les fonctionnalité de zoom, déplacement et de recherche d’itinéraires sont conservées.
Le site photoservice dédié a l’iphone a choisi d’apporter les deux informations essentielles pour les acheteurs d’iphone 3G en manque… “Ou puis-je le trouver” et “En reste il en stock”. En tapant simplement mon code postal, tous les points de ventes Photoservice proche de chez moi s’affichent sur la carte, un cliquant sur un des point de vente, l’état des stocks s’affiche (en plus d’un logo, d’une photographie de la boutique et d’un rappel de l’adresse). Vous l’aurez compris, avec un peu de développement vous pouvez afficher toute information disponible sur votre site dans cette bulle (horaires d’ouverture, disponibilité d’un produit, promotion en cours, point d’intérêt aux alentours de votre établissement touristique, etc…). Ainsi vous évitez à vos utilisateurs de parcourir plusieurs pages pour répondre ses besoins.
Il ne s’agit la que d’exemples particulièrement simples, le développement nécessaire est très accessible, leur force réside dans leur efficacité pour l’internaute et non dans leur complexité technique.
