Mapa na webu: jak ji vložit, aby nezpomalila web
Mapu na web vložíte za minutu – stačí zkopírovat kód z Google Map nebo Mapy.cz. Taková vložená mapa ale stáhne spoustu dat ještě dřív, než ji někdo potřebuje, a může nastavit cookies bez souhlasu. Ukážeme, jak mapu vložit tak, aby web zůstal rychlý, a co k ní napsat, aby zákazník opravdu trefil.
Aktualizováno
Tři způsoby, jak dát mapu na web
| Způsob | Výhody | Nevýhody |
|---|---|---|
| Vložená interaktivní mapa | Rychle hotová, dá se posouvat a přibližovat. | Těžká na data, obvykle načítá obsah a cookies třetí strany. |
| Statický obrázek s odkazem | Lehký, bez cizích skriptů, vypadá všude stejně. | Nejde posouvat, po kliknutí otevře mapovou službu. |
| Náhled, který se na kliknutí změní v mapu | Rychlost obrázku a interaktivita, když o ni někdo stojí. | Potřebuje trochu práce navíc při tvorbě webu. |
Pro většinu firemních webů je nejlepší třetí varianta. Návštěvník nejdřív vidí obrázek mapy s tlačítkem „Zobrazit interaktivní mapu“ a odkazy „Navigovat v Google Mapách“ a „Otevřít v Mapy.cz“. Mapová služba se načte, až když o ni opravdu stojí. Kdo chce jen navigovat, klikne na odkaz a pokračuje v aplikaci, kterou zná.
Pozor na zdroj obrázku. Snímek obrazovky z mapové aplikace obvykle podmínky služby nedovolují volně použít. Použijte statickou mapu přes oficiální rozhraní služby, podklad z OpenStreetMap s uvedením autorů, nebo si nechte nakreslit jednoduchý vlastní plánek.
Proč mapa zpomaluje web a jak tomu zabránit
Vložená mapa je ve skutečnosti celá další webová aplikace v okně stránky: skripty, styly, písma a dlaždice mapy. Prohlížeč to všechno stahuje i v případě, že návštěvník k mapě vůbec nedoroluje. Na mobilu s horším signálem je to znát nejvíc.
- Nedávejte mapu do první obrazovky úvodní stránky. Patří na kontakt nebo na konec stránky.
- Odložte načtení. Vložené okno (iframe) může mít atribut
loading="lazy", takže se načte až při přiblížení k němu. Ještě lepší je zmíněný náhled na kliknutí. - Nastavte pevnou výšku místa pro mapu, aby stránka při načtení neposkakovala.
- Jedna mapa stačí. Mapa v patičce na každé stránce znamená stejnou zátěž na celém webu.
Jak zjistit, co přesně vaši stránku brzdí, popisuje průvodce rychlost webu. Vliv na metriky jako posun rozložení vysvětluje heslo Core Web Vitals.
Mapa a cookies
Vložená mapa velké mapové služby při načtení komunikuje s jejími servery a může ukládat cookies nebo podobné identifikátory. Pokud ty nejsou pro fungování webu nezbytné, patří pod souhlas návštěvníka. Prakticky to znamená, že by se mapa neměla načíst, dokud souhlas nedá – buď v liště, nebo přímo kliknutím na náhled s krátkou informací, že se načte obsah třetí strany.
Statický obrázek z vlastního serveru tenhle problém nemá. Jak lištu nastavit poctivě, rozebírá heslo cookies lišta. Konkrétní chování mapové služby ověřte v její aktuální dokumentaci.
Mapa nestačí: popište cestu
Špendlík v mapě ukáže budovu, ale ne vchod. Pod mapu napište to, na co se zákazníci ptají po telefonu:
- Vchod a orientace – „vchod ze dvora, druhé patro, zvonek Novák“, ideálně s fotkou vchodu.
- Parkování: kde se dá zastavit, jestli je zóna placená, kolik minut je to pěšky z nejbližšího parkoviště.
- MHD – nejbližší zastávka a linky, pár minut chůze.
- Bezbariérovost: schody, výtah, šířka dveří. Pro část zákazníků je to rozhodující informace.
- Otevírací doba přímo u mapy, aby nikdo nepřijel k zavřeným dveřím.
Pokud za zákazníky jezdíte, místo jednoho bodu ukažte oblast působnosti a obce vypište textem. Jak může web řemeslníka, který jezdí po městě a okolí, s místem působení pracovat v textu, ukazuje náš koncept Podlahy Novotný z Kladna (ukázkový koncept, ne realizovaná zakázka).
Mapa a místní vyhledávání
Vyhledávače z vložené mapy adresu spolehlivě nevyčtou – je to cizí obsah v okně. Co pro místní hledání funguje:
- adresa a telefon napsané běžným textem na stránce kontaktu,
- strukturovaná data typu LocalBusiness se souřadnicemi a otevírací dobou,
- odkaz na váš ověřený profil, jehož založení popisuje návod firemní profil na Googlu,
- stejné údaje na webu, v profilu i v katalozích.
Širší souvislosti, od kategorií profilu po recenze, najdete v průvodci lokální SEO.
Mapa na webu od nás
Mapy patří do výbavy už nejmenší varianty, Vizitkového webu za 15 000 Kč. Při návrhu kontaktu s vámi projdeme, jestli stačí náhled s odkazy na navigaci, nebo má smysl interaktivní mapa, a jak ji sladit s cookies lištou. Mapu s více místy, třeba pobočky nebo zóny rozvozu napojené na objednávky, naceníme podle rozsahu předem.
Časté otázky
Google mapa, nebo Mapy.cz?
Obojí funguje. Rozhodněte se podle toho, co vaši zákazníci používají k navigaci, a ideálně jim nabídněte odkazy na obě služby. Samotná vložená mapa je pro návštěvníka hlavně orientace, k cestě si stejně otevře aplikaci v telefonu.
Můžu na web dát snímek obrazovky z mapy?
Raději ne. Mapové podklady jsou chráněné a podmínky služeb volné kopírování obvykle nedovolují. Bezpečnější je statická mapa přes oficiální rozhraní služby, podklad z OpenStreetMap s uvedením autorů, nebo vlastní jednoduchý plánek.
Pomůže vložená mapa k lepším pozicím v mapách Google?
Nespoléhejte na to. Pro místní výsledky je podstatný ověřený firemní profil, adresa napsaná textem a jednotné údaje napříč webem a katalogy. Mapa na webu slouží hlavně lidem.
Co když nemám provozovnu a jezdím za zákazníky?
Pak na web adresu sídla nepotřebujete dávat jako místo, kam mají lidé přijet. Místo špendlíku ukažte oblast, kde působíte, a vypište obce nebo okresy textem, aby se daly najít i vyhledáváním.
Kolik stojí úprava mapy na stávajícím webu?
Výměna vložené mapy za rychlejší řešení s náhledem je pár hodin práce. U webu, který provozujeme, rozsah domluvíme předem a účtujeme 1 000 Kč za hodinu.