Cómo añadir Яндекс Карты a un sitio web de Turbosite

Яндекс Карты es el principal servicio de mapas para la audiencia rusa. Hay dos formas sencillas de añadir un mapa a su sitio web: a través del Constructor de mapas (dibujando una ruta o colocando marcadores usted mismo) o directamente desde Яндекс Карты (la ficha de la organización con reseñas y contactos). Ambas opciones proporcionan un código HTML listo para insertar. Es gratuito y no requiere una clave API. La instalación toma de 5 a 10 minutos.

Qué necesitará

Una cuenta en Яндекс — registro gratuito
Un sitio web publicado en Turbosite
5–10 minutos

Método 1: ficha de la organización desde Яндекс Карты (si ya tiene una empresa en los mapas)

Esta es la forma más rápida: proporciona un mapa con un marcador, reseñas y el botón «Construir ruta».

Abra yandex.ru/maps y busque su empresa en el buscador.
En la página de la empresa, haga clic en el botón «Compartir» (icono con una flecha) → seleccione la pestaña «Widget».
Ajuste la vista previa (tamaño, marcador, información de la empresa).
Copie el código para insertar en el sitio web.

📷 Captura de pantalla: ficha de la organización en Яндекс Карты con la ventana «Compartir → Widget» abierta.

Método 2: su propio mapa a través del Constructor de mapas (si necesita varios marcadores o una ruta)

Abra yandex.ru/map-constructor.
Encuentre el punto deseado en el mapa.
Añada marcadores, líneas o áreas según sea necesario.
Haga clic en «Guardar y continuar» → establezca las dimensiones del mapa.
Haga clic en «Obtener código del mapa» → seleccione el formato «iframe».
Copie el código.

📷 Captura de pantalla: Constructor de mapas de Яндекс con marcadores configurados y código iframe generado.

Paso 3. Insertar el código en Turbosite

El mapa aparece en un lugar específico de la página (por ejemplo, en el bloque «Contactos»), por lo que el código se inserta en el cuerpo de la página, no en el <head>.

Abra su sitio web en Turbosite.
Añada el bloque «Código HTML» en el lugar deseado de la página, generalmente en la sección de contactos.
Pegue el código del mapa copiado.
Guarde los cambios.
Publique el sitio web.

📷 [captura de pantalla de Turbosite — se añadirá: bloque de código HTML en el cuerpo de la página con el mapa].

Paso 4. Verificar que el mapa funciona

Abra el sitio web publicado.
Desplácese hasta el bloque del mapa: debería cargarse en 1 o 2 segundos.
Compruebe en un dispositivo móvil: el mapa debe ajustarse correctamente.

Si el mapa se corta en dispositivos móviles, ajuste las dimensiones nuevamente en el Constructor marcando la casilla «Ajustar al ancho».

Preguntas frecuentes

¿Se pueden añadir varios marcadores o una ruta? Sí, a través del Constructor de mapas (Método 2). En él puede dibujar una ruta, añadir un polígono y colocar muchos marcadores de diferentes colores.

El mapa ralentiza la carga del sitio. El mapa iframe se carga de forma asíncrona y no bloquea la página. Si solo hay un mapa en la página, no habrá problemas. Si hay muchos mapas o el sitio está sobrecargado, puede usar lazy-load (carga al hacer clic).

¿Se puede poner un mapa con mis datos (estilo corporativo, colores)? En el iframe básico, no; el diseño es estándar. La personalización completa se realiza a través de la API de JavaScript de Яндекс Карты, pero esto requiere un desarrollador y una clave API.

¿Se necesita una clave API para el mapa básico? No. Los mapas del Constructor o de la ficha de la empresa se insertan sin clave. La clave solo es necesaria para la API de JavaScript.

¿Cómo añadir las reseñas de Яндекс Карты? Es un widget independiente: en la ficha de la empresa en Яндекс Карты → «Compartir» → «Widget con reseñas». Se inserta de la misma manera, a través del bloque HTML.

Qué consultar a continuación

Constructor de mapas de Яндекс — herramienta principal
Ayuda del Constructor de mapas — documentación oficial
API de Яндекс Карты — para configuraciones avanzadas