Agregar un mapa en el sitio web de tu empresa

En este artículo, intentaremos responder de la mejor manera posible a la siguiente pregunta:

¿Por qué agregar un mapa en el sitio web de tu empresa?

Agregar un mapa, ¿con qué propósito?

En primer lugar, un mapa permite mostrar la presencia internacional de una empresa o incluso a nivel nacional. Ya sea la presencia de sucursales en el extranjero o referencias de clientes, un mapa permitirá ganar rápidamente la confianza de tus visitantes, quienes podrán darse cuenta de un vistazo de que otros confiaron en ti antes que ellos.

Cuando se trata de presentar tus sucursales, es importante mostrar el nombre del país o el nombre de la ciudad, y posiblemente algunas fotos de las oficinas o instalaciones, para respaldar su presencia en el mapa. Por último, más allá del aspecto de marketing, este mapa podría permitir a tus clientes encontrarte, cerca de ellos. Sin embargo, cuando se trata de tus referencias de clientes, será muy interesante mostrar no solo sus nombres, sino principalmente sus logotipos, ya que estos son muy representativos y acelerarán la confianza de tus visitantes.

Aquí tienes algunos ejemplos concretos de cómo utilizar un mapa para tus referencias de clientes y sucursales:

• Eres un estudio de arquitectura y deseas mostrar rápidamente tus mejores proyectos en Francia.
• Eres una empresa de auditoría de seguridad empresarial y quieres presentar tus referencias de clientes en todo el mundo.
• Alquilas equipo especializado y deseas mostrar diferentes casos de uso de este equipo en tu región.
• Ofreces servicios localizados y deseas indicar a tus clientes las ciudades donde están disponibles estos servicios.
• Eres una red de agencias inmobiliarias y necesitas que tus clientes te encuentren rápidamente.

También hay casos de uso de un mapamundi que se centran más en el aspecto humanitario de tu empresa. Por ejemplo, puedes integrar un mapa de los viajes y seminarios de tu empresa. En este mapa mundial, puedes colocar marcadores correspondientes a cada uno de los viajes realizados por los miembros de tu empresa, junto con fotos de esos viajes. Un mapa como este permite a tus visitantes ver que tu equipo es cálido y que la humanidad forma parte de tus valores, lo que mejora los primeros contactos.
Ten en cuenta que si tienes colaboradores o empleados que trabajan a distancia, en diferentes partes del mundo o dispersos en un país, mostrar su ubicación puede ser beneficioso para demostrar que confías en ellos, lo cual se transmitirá a tus clientes. Además, el mapamundi permitirá mostrar tu cercanía con ellos.

• Trabajas en una PYME, viajas por negocios pero también aprovechas para hacer turismo. Por lo tanto, puedes aprovechar la situación para comunicarte a través de un mapa sobre tus aventuras en el extranjero.
• Tu empresa tiene parte de su personal trabajando a distancia y a tiempo completo. Un mapa de empleados puede ser útil para no perderse de vista. ¡Un mapa como este facilitará la bienvenida a los nuevos llegados!
• Trabajas en el sector de la informática y tu empresa envía a sus empleados a cursos y conferencias. Es posible enumerarlos en un mapamundi para no olvidar toda la experiencia acumulada.

¿Cuáles son los diferentes criterios a tener en cuenta?

Ahora que hemos enumerado una serie de razones por las cuales integrar un mapa en tu sitio web, veamos los criterios que este debe cumplir. De hecho, es necesario que la herramienta utilizada para crear y mostrar el mapa ofrezca ciertas funcionalidades para que se integre perfectamente en tu sitio web y mejore la experiencia del usuario en lugar de empeorarla.

Los casos de uso mencionados en la sección anterior nos guían sobre las necesidades de nuestros mapas. El primer requisito, obvio pero importante de recordar, es la adición de puntos en el mapa. De hecho, si eliges una tecnología que no se base en la visualización de marcadores, te frustrarás rápidamente al intentar obtener un resultado satisfactorio.
Lo mismo ocurre con la coloración de los países: algunos usos del mapa, como agregar los países en los que tu empresa está presente, requerirán la capacidad de colorear un país para resaltarlo, lo cual es complejo o incluso imposible si tu herramienta no lo permite de forma nativa.
La segunda necesidad se refiere a la facilidad de edición del mapa. Dado que el mapa está en constante movimiento (ya que agregarás nuevas referencias, filiales o viajes), es fundamental que puedas agregar nuevos marcadores en el mapa en menos de cinco minutos. Si agregar un punto lleva mucho tiempo, es muy probable que el mapa no se mantenga actualizado.

Mapa de Tesla que muestra en rojo las tiendas y en gris los SuperCargadores

Independientemente de cómo utilices el mapamundi en tu sitio web, es necesario que esté en armonía con la imagen de tu marca. En otras palabras, como mínimo, debes poder adaptar los colores de los países y los marcadores a los colores de tu identidad visual. Si es posible, también sería interesante poder adaptar el fondo del mapa para que se integre de manera más estética en tu sitio.

Además de los requisitos anteriores, otras características de tu futura herramienta de cartografía pueden marcar la diferencia y convertir tu mapa en un mapa navegable, interactivo y adoptado por los visitantes. Estas son las características de navegación.

Una buena navegación en un mapa implica poder moverse de una posición a otra fácilmente, realizando la menor cantidad de acciones posibles. Para comprenderlo mejor, aquí tienes un ejemplo bastante común de mala práctica:

A veces, es necesario hacer clic una decena de veces en un botón para acercarse lo suficiente y ver la posición de un punto de interés. Esta acción es costosa y el usuario solo la realizará una o dos veces antes de abandonar el mapa. Para evitar esto, es posible habilitar el zoom mediante la rueda del ratón o el atajo "CTRL + rueda" (para no interferir con el desplazamiento del usuario en el sitio). Además, si algunos marcadores están demasiado cerca, se pueden agrupar para mejorar la legibilidad. Por último, sería útil poder acceder a dos marcadores agrupados haciendo clic en el marcador de agrupación.

La última opción, que parece ser una ventaja pero resulta ser una gran ventaja, es compartir imágenes en el mapa, lo que atraerá al visitante y dará vida al mapa. Estas imágenes pueden ser logotipos de empresas con las que trabajas, fotografías tomadas durante tus viajes de negocios y seminarios, fotos de tus sucursales y filiales, o incluso fotos de tus mejores logros como empresa. Repito que es importante que las imágenes sean accesibles fácilmente.

Aquí tienes un ejemplo de lo que se puede lograr con una integración de imágenes en un mapa. Visita el sitio web de BearStudio para ver cómo funciona la integración de imágenes en un mapa.

TraveledMap de la empresa BearStudio

Diferentes soluciones posibles

Ahora que hemos visto por qué crear un mapa mundial en el sitio web de tu empresa y todo lo que puede contener, veamos qué soluciones tienes disponibles en esta tercera y última parte.

De hecho, tienes la opción de desarrollar tu propio mapa. Puedes utilizar herramientas de cartografía como Mapbox o Google, que te permitirán mostrar un mapa en tu sitio web. Antes de comenzar a desarrollar, deberás instalar un SDK (kit de desarrollo) de la herramienta elegida.

¡Atención! Esta solución no es la más adecuada para desarrolladores inexpertos, ya que puede llevar mucho tiempo y ser complicada. Sin embargo, si eres desarrollador, tienes tiempo y quieres aprovechar al máximo las funcionalidades de los servicios de cartografía, es una muy buena solución.

También puedes crear tu mapa utilizando un software de edición de imágenes como Photoshop. Simplemente necesitas tomar un fondo de mapa de dominio público en Internet y agregar las ciudades donde se encuentran tus diferentes edificios. También puedes agregar áreas interactivas en la imagen, con las cuales los usuarios pueden interactuar para ser redirigidos a diferentes secciones de tu sitio web. Crear un mapa utilizando software de edición de imágenes puede producir resultados hermosos, pero requiere conocimientos en el manejo de estos programas, que a veces son bastante complejos.

Existe un servicio ofrecido por Google llamado Google My Maps, que permite crear mapas rápidamente y agregar marcadores que pueden representar diferentes cosas (restaurantes, oficinas, áreas de recreo, etc.). Google My Maps también permite integrar fácilmente este mapa en tu sitio web utilizando un elemento iframe.

Ejemplo de la NASA utilizando Google My Maps para localizar sus centros

La última solución que te propongo es la que he creado y que, en mi opinión, es la más fácil de usar e integrar en tu sitio. Se llama TraveledMap.
Como desarrollador, he creado esta solución para cumplir con los diferentes criterios que mencioné anteriormente.
Con TraveledMap, he permitido a los usuarios crear mapas completamente personalizables y fáciles de integrar en diferentes sitios web. Puedes modificar el fondo del mapa, el color, el ícono y el tamaño de los marcadores de forma individual, elegir un nivel de zoom y un punto de enfoque predeterminados, expandirlo a pantalla completa, etc. El resultado final permite incluir fácilmente el mapa en tu sitio, cada marcador puede dirigir a una sección del sitio web mediante interacciones simples, e incluso, si lo deseas, puede contener fotos de los viajes realizados por los miembros de tu empresa.
Puedes comparar las opciones presentadas en TraveledMap con las otras soluciones mencionadas anteriormente, leyendo el artículo sobre la creación de mapas.