Google Maps na firemním webu: jak vložit mapu a usnadnit zákazníkům cestu

Máte provozovnu, showroom nebo ordinaci a zákazníci vám stále volají s otázkou „Kde přesně jste?“ Interaktivní mapa na firemním webu dokáže tyto dotazy výrazně omezit. Zároveň ukáže, že firma existuje v reálném světě, nejen na obrazovce. V tomto článku si krok za krokem projdeme, jak mapu z Google Maps získat, kam ji na webu umístit a na co si dát pozor, aby fungovala na mobilu i v počítači.

Proč mapa na webu pomáhá zákazníkům i vaší firmě

Adresa v patičce webu je minimum. Mapa navíc umožní trasu naplánovat jedním klepnutím, což je zvláště důležité pro návštěvníky, kteří k vám jedou poprvé. U salonů, servisů, kaváren nebo ordinací často rozhoduje o tom, zda zákazník dorazí, právě snadnost cesty.

Mapa také posiluje důvěru. Když někdo porovnává více firem, vidí-li konkrétní místo na mapě, snáze si představí, jak k vám dojede. U lokálních služeb to může být stejně důležité jako ceník nebo recenze. Navíc mapa doplňuje kontaktní údaje – název, adresu a telefon – které by měly být na webu sjednocené napříč stránkami i v externích profilech.

Pro majitele webu je mapa praktická i z hlediska údržby. Když se firma stěhuje, stačí aktualizovat polohu v Google Business Profile a následně upravit vloženou mapu na webu. Zákazníci tak nemusí hledat starou adresu v textu, který jste zapomněli přepsat.

Jak získat kód mapy a vložit ho na web

Nejjednodušší cesta vede přes Google Maps. Otevřete mapy, vyhledejte svou firmu nebo zadejte přesnou adresu provozovny. Klikněte na tlačítko „Sdílet“ nebo „Share“ a zvolte možnost vložení mapy na web. Google vám nabídne iframe kód, který stačí zkopírovat.

Typický kód vypadá zhruba takto: malý rámeček s atributy šířky, výšky a adresou zdroje. Tento kód vložíte do HTML stránky – nejčastěji na kontaktní stránku nebo do bloku s adresou. Podrobný postup popisuje oficiální nápověda Google k vložení mapy na web i dokumentace k Maps Embed API.

Pokud web spravujete v redakčním systému, hledejte blok „HTML“, „Vlastní kód“ nebo „Embed“. Většina moderních tvůrců webů mapu vloží bez programování. U WordPressu často stačí vložit odkaz z Google Maps do bloku mapy – systém iframe vygeneruje sám.

Důležité je vložit mapu k existujícímu místu ve službě Google Business Profile, ne k náhodné adrese na ulici. Pin by měl ukazovat vchod nebo budovu, kde zákazníci skutečně zazvoní. Pokud profil firmy na Googlu ještě nemáte, nejdřív ho vytvořte a ověřte – mapa pak bude odpovídat tomu, co lidé vidí ve vyhledávání i v Mapách.

Kam mapu na webu umístit, aby ji lidé našli

Mapa patří tam, kde ji návštěvník očekává: na kontaktní stránku, do patičky s adresou nebo na stránku „Kde nás najdete“. Na titulní stránce mapu používejte jen tehdy, když je fyzická návštěva klíčová – například u prodejny s výdejem zboží. Jinak může na úvodní stránce zabírat místo, které by lépe posloužilo hlavní nabídce.

V blízkosti mapy vždy uveďte textovou adresu, otevírací dobu a telefon s možností volání jedním klepnutím. Mapa sama o sobě neřeší všechny otázky. Ideální je, když návštěvník vidí adresu, mapu a tlačítko pro navigaci v telefonu najednou, bez rolování tam a zpět.

Pokud má firma více poboček, nevkládejte jednu mapu se středem celé republiky. Každá provozovna by měla mít vlastní blok s adresou a vlastní vloženou mapu. U větší sítě pomůže přehledný seznam měst s odkazy na detailní stránky poboček. Návštěvník si tak rychle vybere správné místo a neztratí se uprostřed mapy celé země.

Co po vložení mapy zkontrolovat

Nejprve otevřete web v mobilu. Mapa musí být čitelná, musí jít posouvat a přibližovat prsty. Pokud je iframe příliš nízký, uživatel uvidí jen malý pruh ulice. Výška kolem 300 až 450 pixelů bývá pro kontaktní stránku rozumný kompromis; na větších obrazovkách může být mapa širší.

Dbejte na rychlost načítání. Mapa z Google se načítá z externího serveru, proto stránku mírně zatíží. Nepřidávejte na jednu stránku tři mapy najednou a vložte mapu až pod hlavní text a kontaktní údaje, aby se nejdřív zobrazilo to nejdůležitější. U pomalejších připojení může pomoci načíst mapu až ve chvíli, kdy se k ní uživatel scrolluje – to už bývá spíše úkol pro vývojáře.

Přístupnost mapy je složitější téma, protože iframe pochází od třetí strany. Textová adresa vedle mapy ale musí být vždy – screenreadery a vyhledávače tak mají jasný obsah i bez interaktivní komponenty. U iframe doplňte smysluplný popisek v atributu title, například „Mapa s umístěním naší provozovny v Brně“.

Otestujte také, zda mapa zobrazuje správné místo po změně adresy. Jedna z nejčastějších chyb je starý embed kód, který stále ukazuje bývalou pobočku. Po stěhování vyměňte iframe i text adresy ve stejný den.

Mapa, konzistentní údaje a lokální vyhledávání

Google posuzuje důvěryhodnost firmy i podle toho, zda se shodují název, adresa a telefon na webu, v Mapách a v katalozích. Mapa na webu by měla ukazovat stejné místo jako profil ve vyhledávání. Nesoulad může mást zákazníky i snižovat viditelnost v lokálním vyhledávání.

Kromě samotné mapy pomáhá doplnit strukturovaná data pro místní firmu. Typ LocalBusiness v schema.org říká vyhledávači, kde firmu najít, jaké má otevírací hodiny a jaký je kontakt. Mapa a strukturovaná data se doplňují – mapa pro lidi, data pro strojové zpracování.

Po zveřejnění mapy sledujte v Google Search Console, zda kontaktní stránka dostává zobrazení pro dotazy spojené s vaší lokalitou. Pokud lidé hledají „servis Praha 4“ a vaše stránka se zobrazuje, mapa a sjednocené NAP údaje jsou součástí celkového dojmu, který je přesvědčí k návštěvě.

Nezapomeňte, že mapa nenahrazuje profil firmy na Googlu. Ten ovlivňuje, jak vypadáte v Mapách a v lokálním balíčku ve vyhledávání. Webová mapa je pro návštěvníky, kteří už na váš web dorazili. Profil na Googlu přivádí lidi z vyhledávání na web i do provozovny. Obojí by mělo ukazovat stejnou adresu.

Interaktivní mapa na firemním webu není ozdoba. Usnadní cestu zákazníkům, sníží počet telefonátů s dotazem na adresu a podpoří důvěru v to, že firma skutečně funguje na konkrétním místě. Postup je jednoduchý: najděte firmu v Google Maps, zkopírujte kód pro vložení, umístěte mapu na kontaktní stránku spolu s adresou a telefonem a ověřte zobrazení na mobilu.

Před publikací zkontrolujte, že pin ukazuje správné místo, že adresa v textu odpovídá mapě a že údaje jsou stejné jako v Google Business Profile. Po stěhování mapu i text aktualizujte současně. Pokud chcete mít mapu, kontaktní stránku i celý web nastavené konzistentně od začátku, jsme tvůrci webových stránek ve firmě WebRift. Napište nám přes kontaktní formulář na našem webu a pomůžeme vám s vytvořením webové stránky, která zákazníkům ukáže cestu ke dveřím – doslova i obrazně.