// LOKALNI SEO ORODJE

Google Maps Embed Generator

Ustvarite odzivno in SEO-prijazno HTML kodo za vgradnjo Google zemljevida brez API ključa in popolnoma brezplačno.

Nastavitve zemljevida

Lokacija / Naslov

Tip zemljevida

Jezik zemljevida

Povečava (Zoom): 14

Višina (px)

Naziv za dostopnost (iframe title)

Pomembno za spletno dostopnost (WCAG) in iskalnike.

Odziven zemljevid (Responsive)

Zemljevid se samodejno prilagodi širini mobilnih zaslonov (razmerje 16:9).

Hitro nalaganje (loading="lazy")

Izboljša hitrost spletne strani z zakasnjenim nalaganjem zemljevida.

Generirana HTML koda

<div class="map-responsive" style="overflow:hidden; position:relative; padding-bottom:56.25%; height:0; width:100%; border-radius:12px;">
  <iframe src="https://maps.google.com/maps?q=CreateAI%2C%20Ljubljana%2C%20Slovenija&t=m&z=14&ie=UTF8&iwloc=&output=embed&hl=sl" style="border:0; position:absolute; top:0; left:0; width:100%; height:100%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Zemljevid lokacije podjetja"></iframe>
</div>

Predogled zemljevida

Želite pomoč pri naslednjem koraku?

Pregledamo rezultat orodja in vam pokažemo, katere popravke se najbolj splača izvesti najprej.

Brezplačen posvet →

Zakaj vgraditi Google zemljevid na svojo spletno stran?

Vgradnja Google zemljevida (Google Maps Embed) na kontaktno stran ali stran »O nas« je izjemno pomembna za lokalni SEO (Local SEO) in iskalne sisteme, kot sta Google in Apple Maps. Pomaga iskalnikom potrditi resničnost in lokacijo vašega fizičnega naslova, korak predvsem vpliva na uvrstitev v lokalnih rezultatih (Google Local Pack).

Klasični vgradni zemljevidi prek uradnega API-ja pogosto zahtevajo nastavitev plačljivega profila Google Cloud in vnos kreditne kartice. Naš generator uporablja uradno brezplačno iframe metodo, ki ne potrebuje API ključa, hkrati pa ustvari kodo, ki se prilagaja mobilnim telefonom ter podpira hitro nalaganje (lazy loading).

Prednosti odzivnega (responsive) zemljevida

Standardna koda, ki jo ponuja Google, določa fiksno širino v pikslih (npr. width="600"). Na mobilnih napravah tak zemljevid pogosto "štrli" izven zaslona ali kvari uporabniško izkušnjo. Z izbiro možnosti »Odziven zemljevid« naš generator ustvari HTML in CSS ovoj, ki poskrbi, da se zemljevid na vseh napravah prilagodi na 100 % širine zaslona ob ohranjanju izbranega razmerja stranic.

Pogosta vprašanja

Ali za to orodje potrebujem Google Maps API ključ?

Ne. Generator uporablja prosto dostopno iframe metodo za vgradnjo, kar pomeni, da je uporaba popolnoma brezplačna in ne zahteva registracije na Google Cloud platformi ali vnosa kreditne kartice.

Kako vpliva loading="lazy" na hitrost spletne strani?

Atribut loading="lazy" pove brskalniku, naj naloži zemljevid šele takrat, ko se uporabnik pomakne navzdol do njega (scroll). To drastično izboljša začetno hitrost nalaganja strani (Core Web Vitals), saj se ne prenašajo težke skripte zemljevida, če si ga uporabnik sploh ne ogleda.

Zakaj je pomemben atribut "title" na iframe-u?

Atribut title je ključen za spletno dostopnost (Accessibility). Bralniki zaslona za slepe in slabovidne uporabijo to besedilo, da uporabniku povedo, kaj se nahaja znotraj iframe-a (npr. "Zemljevid lokacije CreateAI"). Google to upošteva pri oceni kakovosti in dostopnosti vaše strani.

Kam prilepim generirano HTML kodo?

Kodo lahko prilepite neposredno v urejevalnik HTML vaše spletne strani (WordPress - Custom HTML blok, Wix, Webflow, Shopify ali neposredno v vašo kodo HTML/React/Next.js).