Comment ajouter Яндекс Карты sur un site Turbosite

Яндекс Карты est le principal service de cartographie pour le public russe. Il existe deux méthodes simples pour ajouter une carte sur votre site : via le Конструктор карт (pour dessiner un itinéraire ou placer des marqueurs vous-même) ou directement depuis Яндекс Карты (fiche d’entreprise avec avis et contacts). Les deux options fournissent un code HTML prêt à l’emploi. C’est gratuit et aucune clé API n’est requise. L’installation prend 5 à 10 minutes.

Ce dont vous aurez besoin

Un compte Яндекс — inscription gratuite
Un site publié sur Turbosite
5 à 10 minutes

Méthode 1 : fiche d’entreprise depuis Яндекс Карты (si vous avez déjà une entreprise sur les Cartes)

C’est la méthode la plus rapide — elle fournit une carte avec un marqueur, des avis et un bouton « Itinéraire ».

Ouvrez yandex.ru/maps et recherchez votre entreprise dans la barre de recherche.
Sur la page de l’entreprise, cliquez sur le bouton « Поделиться » (icône avec une flèche) → sélectionnez l’onglet « Виджет ».
Configurez l’aperçu (taille, marqueur, informations sur l’entreprise).
Copiez le code à insérer sur votre site.

📷 Capture d’écran : fiche d’entreprise dans Яндекс Карты avec la fenêtre « Поделиться → Виджет » ouverte.

Méthode 2 : votre propre carte via le Конструктор карт (si vous avez besoin de plusieurs marqueurs ou d’un itinéraire)

Ouvrez yandex.ru/map-constructor.
Trouvez le point souhaité sur la carte.
Ajoutez des marqueurs, des lignes ou des zones selon vos besoins.
Cliquez sur « Сохранить и продолжить » → définissez les dimensions de la carte.
Cliquez sur « Получить код карты » → sélectionnez le format « iframe ».
Copiez le code.

📷 Capture d’écran : Конструктор карт de Яндекс avec des marqueurs configurés et un code iframe généré.

Étape 3. Insérer le code dans Turbosite

La carte apparaît à un endroit précis de la page (par exemple, dans le bloc « Contacts »), le code doit donc être inséré dans le corps de la page, et non dans la balise <head>.

Ouvrez votre site dans Turbosite.
Ajoutez un bloc « HTML-код » à l’endroit souhaité de la page — généralement dans la section contacts.
Collez le code de la carte copié.
Enregistrez les modifications.
Publiez le site.

📷 [capture d’écran Turbosite — à ajouter : bloc HTML-код dans le corps de la page avec la carte].

Étape 4. Vérifier que la carte fonctionne

Ouvrez le site publié.
Faites défiler jusqu’au bloc contenant la carte — elle devrait se charger en 1 à 2 secondes.
Vérifiez sur un appareil mobile : la carte doit s’adapter correctement.

Si la carte est coupée sur mobile, ajustez à nouveau les dimensions dans le Constructeur en cochant « Étirer en largeur ».

Questions fréquentes

Est-il possible d’ajouter plusieurs marqueurs ou un itinéraire ? Oui, via le Конструктор карт (Méthode 2). Vous pouvez y dessiner un itinéraire, ajouter un polygone et placer de nombreux marqueurs de différentes couleurs.

La carte ralentit le chargement du site. La carte iframe se charge de manière asynchrone et ne bloque pas la page. S’il n’y a qu’une seule carte sur la page, il n’y aura aucun problème. Si vous avez beaucoup de cartes ou si le site est surchargé, vous pouvez utiliser le lazy-load (chargement au clic).

Est-il possible d’afficher une carte avec mes propres données (charte graphique, couleurs) ? Dans l’iframe de base, non, le design est standard. Une personnalisation complète est possible via l’API JavaScript de Яндекс Карты, mais cela nécessite un développeur et une clé API.

Une clé API est-elle nécessaire pour une carte de base ? Non. Les cartes issues du Constructeur ou de la fiche d’entreprise s’insèrent sans clé. La clé est nécessaire uniquement pour l’API JavaScript.

Comment ajouter les avis de Яндекс Карты ? Il s’agit d’un widget distinct — dans la fiche d’entreprise sur Яндекс Карты → « Поделиться » → « Виджет с отзывами ». Il s’insère de la même manière, via le bloc HTML.

Pour aller plus loin

Конструктор карт de Яндекс — outil principal
Aide du Конструктор карт — documentation officielle
API de Яндекс Карты — pour une configuration avancée