Google Maps embed β bu sizning biznes manzilini sayt'da interaktiv xarita sifatida ko'rsatish. Lokal biznes (restoran, do'kon, klinika, ofis) uchun majburiy. Foydalanuvchi sizning joylashishingizni darrov topa oladi va yo'l ko'rsatish ola oladi. Lekin Google Maps embed sahifa tezligi va privacy'ga ta'sir qiladi. To'g'ri strategiya β engagement saqlash va performance yaxshilash.
Google Maps embed asoslari
Eng oson yondashuv: Google Maps sayt'idan \"Share β Embed\" tugma.
iframe code:
<iframe src=\"https://www.google.com/maps/embed?pb=...\" width=\"600\" height=\"450\"></iframe>
Bu darrov ishlaydi, lekin og'ir.
iframe muammolari
YouTube embed kabi, Google Maps iframe og'ir resurs yuklaydi (JavaScript, tile rasmlari, fonts).
Sahifa LCP va performance'ga ta'sir.
Privacy: Google cookies va tracking.
Lazy load Maps
Eng oddiy optimization: iframe loading=\"lazy\" attribut.
<iframe src=\"...\" loading=\"lazy\">
Foydalanuvchi xarita joyiga scroll qilgandagina iframe yuklanadi.
Facade pattern Maps uchun
Lite embed β sahifa boshida xarita preview rasm. Click qilsa β haqiqiy interactive Maps.
Sahifa tezligi sezilarli yaxshilanadi.
Library: lite-maps-embed.
Static map image
Yana bir yondashuv β interactive xarita o'rniga static rasm. Google Static Maps API.
Image format, kichik fayl, performance yaxshi.
Lekin interactive emas β foydalanuvchi zoom, pan qila olmaydi.
Yondashuv: static rasm sahifa load'da, click bilan interactive xartaga o'tish.
Google Maps API key
Embed iframe API key kerakmaydi (oddiy embed). Lekin advanced features (markers, info windows, custom styling) uchun JavaScript API kerak.
Google Maps Platform: bepul $200/oy (28,000 map load).
Marker va info window
Sizning aniq biznes joyini ko'rsatish uchun marker. Click bilan info window β manzil, telefon, ish vaqti.
JavaScript API kerak. Custom marker rasm bilan branding.
Custom styling
Google Maps default style β generic. Custom style bilan brand'ga moslash.
Snazzy Maps β bepul custom map style'lar.
Mapbox Studio β yana ham kuchli alternative.
Mobile Maps
Mobile'da Maps embed β touch friendly. Pinch to zoom, drag.
Lekin mobile Maps bilan native Maps app (Google Maps, Apple Maps) raqobat β \"Yo'l ko'rsatish\" tugma native app'ga o'tkazish.
Privacy va GDPR
Google Maps tracking cookies β privacy muammosi.
GDPR uchun: foydalanuvchi consent kerak. Map oldida \"Yuklash uchun consent bering\" overlay.
Cookie banner bilan integratsiya.
Alternative Maps providers
OpenStreetMap β bepul, open source. Leaflet.js library.
Mapbox β kuchli, customizable. Bepul tier 50K load/oy.
Apple Maps β iOS user'lar uchun yaxshi.
Bing Maps β Microsoft ekosistema.
Schema markup va Maps
LocalBusiness Schema'da geo koordinatalar β Google qidiruv va Maps integratsiya.
\"geo\": {
\"@type\": \"GeoCoordinates\",
\"latitude\": 41.3,
\"longitude\": 69.2
}
Contact page'da Maps
Kontakt sahifa β Maps eng tabiiy joy. Manzil yonida.
Layout: matn ma'lumotlari (manzil, telefon, ish vaqti) + xarita.
Maps va SEO
Google My Business β Maps natijalarida chiqish uchun majburiy.
Aniq manzil, telefon, ish vaqti.
Mijoz sharhlari β review.
Get directions
Foydalanuvchi xaritani ko'rgandan keyin keyingi qadam β yo'l ko'rsatish.
\"Get Directions\" tugma β Google Maps app'ga yo'naltirish.
URL: https://www.google.com/maps/dir/?api=1&destination=ADDRESS
Multi-location business
Ko'p filial bo'lsa β har biri uchun Maps yoki bir Maps'da ko'p marker.
Store locator funksiyasi β foydalanuvchi eng yaqin filialni topish.
Common Maps embed xato
1. Lazy load yo'q β sahifa boshida og'ir yuklash.
2. Maps API key public β xavfsizlik.
3. Mobile'da kichik β bosish qiyin.
4. Consent yo'q β GDPR.
5. Yo'l ko'rsatish tugma yo'q.
Sayt.uz kontakt sahifa va Maps
Sayt.uz kontakt sahifa'da Google Maps embed. Lazy loading bilan β sahifa pastiga scroll qilgachgina yuklanadi.
Manzil, telefon, ish vaqti yonida β foydalanuvchi to'liq ma'lumot oladi.
\"Yo'l ko'rsatish\" tugma β mobile'da Google Maps app'ga ochish.
LocalBusiness Schema bilan geo koordinatalar β Google integratsiya.
Mobile click-to-call telefon β \"+998 71 200 60 02\".
Natija: kontakt sahifa bounce rate 25% (Maps va aniq ma'lumotlar bilan). Mijoz biznes location'ni darrov topadi.