Avukat Sitesinde Gömülü Google Haritası (Embed) Sayfa Hızını Nasıl Etkiler?

Kısa cevap: Gömülü bir Google Haritası, iframe (sayfa içine gömülen ayrı bir sayfa) olarak çalıştığı için sayfanıza üçüncü taraf istekler ve ek betik çalışması ekler. Etkinin büyüklüğü siteden siteye değişir; kendi sayfanızda PageSpeed Insights ve Search Console ile ölçmek gerekir. Etki sorun yaratıyorsa tıklayınca yükleme, geç yükleme veya statik görsel ile bağlantı gibi daha hafif yöntemler değerlendirilebilir.

Avukat sitelerinin neredeyse tamamında iletişim sayfasında bir harita bulunur. Ziyaretçi büronun yerini görmek ister, büro da “bize ulaşmak kolay” mesajı vermek ister. Harita çoğu zaman tek satırlık bir kodla eklenir ve bir daha düşünülmez. Oysa bu tek satır, sayfanın en pahalı bileşenlerinden birini davet edebilir.

Bu yazı, sitenin geneline değil özellikle iletişim sayfasındaki veya ana sayfanın altındaki gömülü harita bileşenine odaklanır. Haritanın ilk yükleme maliyetini, nasıl ölçüleceğini, daha hafif alternatifleri, KVKK (6698 sayılı Kişisel Verilerin Korunması Kanunu) ve çerez boyutunu, adresin neden ayrıca metin olarak yazılması gerektiğini ve sık yapılan hataları ele alır. Genel üçüncü taraf betik etkisi için Avukat Sitesinde Üçüncü Taraf Script’lerin (Chat, Analytics) Sayfa Hızına Etkisi yazısına da göz atabilirsiniz. Burada rakam vermiyoruz, çünkü etkinin boyutu temaya, hosting’e, sayfa yapısına ve kullanıcının cihazına göre farklılaşır.

Gömülü Harita Neden Yük Getirir?

Haritayı sayfaya yerleştirmek, bir görsel eklemekten farklıdır. Görsel tek bir dosyadır; harita ise çalışan bir uygulamadır. Tarayıcı bu uygulamayı başlatmak için ayrı bir sayfa belgesi, betikler, stil dosyaları, harita parçaları ve yazı tipleri gibi öğeleri başka bir alan adından çekebilir. Hangi öğelerin yüklendiği harita sağlayıcısına bağlıdır ve zamanla değişebilir.

iframe Nasıl Çalışır?

iframe, bir web sayfasının içine başka bir web sayfasını yerleştiren HTML öğesidir. Tarayıcı, ana sayfanızı yüklerken iframe’in gösterdiği adresi de ayrıca açmaya başlar. Yani ziyaretçi tek bir sayfa açtığını düşünse de tarayıcı arka planda iki ayrı sayfayı yükler. Haritanın kendi içindeki betikler de bu ikinci sayfada çalışır ve cihazın işlemcisini kullanır. Özellikle giriş seviyesi telefonlarda bu çalışma, sayfanın dokunmaya geç yanıt vermesine yol açabilir.

Üçüncü Taraf İstekler

Üçüncü taraf istek, sizin alan adınız dışındaki bir adrese giden istektir. Harita bu tür isteklerin tipik bir örneğidir. Her yeni alan adı için tarayıcının bağlantıyı kurması gerekir; bu da sayfa yüklenirken ek bekleme anlamına gelebilir. Üstelik bu isteklerin boyutu ve sırası üzerinde sizin doğrudan kontrolünüz yoktur. Aynı sayfada sohbet eklentisi, analitik kodu ve reklam etiketi de varsa yük birikir. Bu birikimin nasıl izleneceğini yukarıda andığımız üçüncü taraf betik yazısında ele aldık.

Haritanın sayfanın ilk ekranında değil de en altında olması, yükü tamamen ortadan kaldırmaz. Tarayıcı, aksi belirtilmedikçe sayfa altındaki iframe’i de yüklemeye başlayabilir. Bu nedenle “harita zaten aşağıda, sorun olmaz” varsayımı doğrulanmadan kabul edilmemelidir.

Etkisini Nasıl Ölçersiniz?

Haritanın sitenize maliyetini tahmin etmek yerine ölçmek daha güvenilirdir. Ölçüm için basit bir karşılaştırma kurulabilir: aynı sayfanın harita bulunan ve harita geçici olarak kaldırılmış (veya facade ile değiştirilmiş) bir kopyasını aynı koşullarda test edin.

1. PageSpeed Insights’ı çalıştırın. Önce iletişim sayfasının adresini mobil sonuçla test edin. Raporun tanılar bölümünde üçüncü taraf kodun etkisi, ana iş parçacığı çalışması ve geç yüklenebilecek öğelerle ilgili uyarılar çıkıyorsa bunların harita kaynaklı olup olmadığına bakın. Skorların nasıl yorumlanacağı için PageSpeed Insights Skorunu Yorumlamak: Hangi Sayı Neyi Gösterir? yazısı yardımcı olur.
2. Testi birkaç kez tekrarlayın. Laboratuvar ölçümleri her çalıştırmada biraz farklı çıkabilir. Tek bir sonuca dayanarak karar vermeyin.
3. Tarayıcı geliştirici araçlarında Ağ (Network) sekmesine bakın. Sayfa yüklenirken harita ile ilgili hangi isteklerin başladığını ve ne zaman başladığını görebilirsiniz.
4. Search Console’daki Core Web Vitals raporunu inceleyin. Bu rapor gerçek kullanıcı verilerine dayanır ve iletişim sayfanızın bulunduğu sayfa grubunda sorun görünüp görünmediğini gösterebilir. Yeterli veri yoksa rapor boş kalabilir.
5. Değişiklikten sonra yeniden ölçün. Bir yöntemi uyguladıktan sonra aynı sayfayı aynı koşullarda tekrar test edin ve iyileşme gerçekten gözleniyorsa kalıcı hale getirin.

Bu ölçümlerin hangi göstergeleri etkilediğini anlamak için Core Web Vitals: Avukat Siteleri İçin Hız Optimizasyonu yazısı, Google’ın arama belgeleri için ise Google Search Central kaynağı başlangıç noktası olabilir. Bir harita hiç sorun yaratmıyor olabilir; amaç haritayı mutlaka kaldırmak değil, kararı ölçüme dayandırmaktır.

Daha Hafif Alternatifler

Kısa cevap: Her sitede aynı yöntem uygun değildir. İletişim sayfasında harita etkileşimi önemliyse tıklayınca yükleme, yalnızca yol tarifi gerekiyorsa statik görsel ile bağlantı, haritanın sayfa altında kaldığı durumlarda ise geç yükleme tercih edilebilir.

Tıklayınca Yükleme (Facade) Yaklaşımı

Facade, “cephe” anlamına gelir. Burada haritanın yerine geçen hafif bir yer tutucu kastedilir: harita görünümüne benzeyen bir görsel ve üzerinde “Haritayı göster” düğmesi. Ziyaretçi düğmeye dokunduğunda gerçek iframe sayfaya eklenir. Böylece harita yükü, haritayı gerçekten kullanmak isteyen ziyaretçiyle sınırlanır.

Bu yaklaşımda iki ayrıntıya dikkat edin. Birincisi, yer tutucu iframe ile aynı boyutta olmalıdır; aksi halde harita yüklendiğinde içerik kayar ve düzen bozulur. İkincisi, düğme klavye ve ekran okuyucu ile de kullanılabilir olmalıdır. Uygulama için bir tema eklentisi ya da küçük bir özel kod gerekebilir; bu işi web tasarımcınızla birlikte yapmanız önerilir.

Statik Görsel ve “Haritada Aç” Bağlantısı

En hafif seçeneklerden biri, büronun konumunu gösteren bir görsel ve altında bir “Haritada aç” bağlantısı kullanmaktır. Bağlantı, ziyaretçiyi harita uygulamasına veya harita sayfasına götürür; yön tarifi orada alınır. Mobil kullanıcılar için bu çoğu zaman gömülü haritadan daha rahattır, çünkü sayfayı kaydırırken parmağın haritaya takılması sorunu yaşanmaz.

Görselin nasıl elde edileceği konusunda dikkatli olun. Harita görüntüsünün kopyalanması, kaydedilmesi veya yeniden kullanılması sağlayıcının kullanım koşullarına tabi olabilir. Bu koşullar ve atıf şartları değişebileceği için kullanmayı düşündüğünüz yöntemi sağlayıcının güncel koşullarından doğrulayın. Kendi hazırladığınız basit bir konum çizimi ise bu belirsizliği ortadan kaldırabilir.

Lazy Loading (Geç Yükleme)

Modern tarayıcılar iframe için loading="lazy" özelliğini destekler; tarayıcı iframe’i ekrana yaklaşana kadar bekletebilir. Haritanın sayfa altında olduğu durumlarda ilk yüklemeyi hafifletmek için basit bir seçenektir. Bununla birlikte tarayıcı desteği ve davranış ayrıntıları değişebilir; uygulamadan sonra sonucu mutlaka ölçün. Geç yüklemenin nerede işe yaradığı, nerede zarar verdiği Avukat Sitesinde Lazy Loading (Geç Yükleme) Ne Zaman Faydalı, Ne Zaman Zararlı? yazısında ayrıca anlatılıyor.

Geç yüklenen iframe’e width ve height değerlerini yazmak, yükleme sırasında düzenin kaymasını önlemeye yardımcı olur. Ayrıca erişilebilirlik için iframe’e açıklayıcı bir title özelliği ekleyin.

KVKK ve Çerez Boyutu

Harita üçüncü taraf bir sunucudan yüklendiği için ziyaretçinin tarayıcısı o sunucuya bağlanır. Bu bağlantıda IP adresi ve tarayıcı bilgileri gibi veriler paylaşılabilir; sağlayıcı ayrıca çerez veya benzeri teknolojiler kullanabilir. Hangi verilerin işlendiği ve çerez davranışı sağlayıcının güncel koşullarına göre değişebileceğinden, bu konuda kesin hüküm kurmuyoruz. Kullandığınız haritanın güncel gizlilik ve çerez açıklamalarını doğrulamanızı öneririz.

Pratikte şu sorular sormaya değer:

• Harita, siteniz açılır açılmaz mı yoksa ziyaretçi bir işlem yaptıktan sonra mı yükleniyor?
• Çerez onay aracınız haritayı zorunlu olmayan bir kategoriye alıyor mu, alıyorsa onay verilmeden önce yükleniyor mu?
• Aydınlatma metniniz ve çerez politikanız haritayı sağlayan üçüncü tarafı anlaşılır biçimde belirtiyor mu?

Tıklayınca yükleme yaklaşımı bu noktada kullanışlı olabilir: harita, ziyaretçi talep edene kadar üçüncü tarafa istek yapmaz ve tıklamadan önce kısa bir bilgilendirme cümlesi gösterilebilir. Ancak bu yapının hukuki yeterliliği, kullanılan sağlayıcıya ve sitenizdeki diğer bileşenlere bağlıdır. Çerez ve aydınlatma düzenlemenizi büronun KVKK danışmanıyla veya hukuki desteğiyle birlikte gözden geçirmek doğru olur. Bu yazı hukuki görüş niteliği taşımaz.

Adres Bilgisini Metin Olarak Yazmak (Yerel SEO)

Harita ne kadar iyi görünürse görünsün, adres bilgisi yalnızca haritanın içinde kalmamalıdır. İframe içindeki içerik sizin sayfanızın metni sayılmaz; ziyaretçi, ekran okuyucu kullanıcısı ve arama motoru için sayfada düz metin olarak yazılmış bir adres daha açık bir bilgidir. Adresin, haritanın ve ulaşım tarifinin sayfada nasıl birlikte kurgulanacağını avukat sitesinde iletişim sayfasının yerel SEO düzeni yazımızda anlattık.

Yerel SEO’da NAP kısaltması sıkça geçer: Name (büro adı), Address (adres), Phone (telefon). Bu üç bilginin sitede, Google işletme profilinde ve diğer dizinlerde aynı biçimde yazılması tutarlılık sağlar. Örneğin bir sayfada “Cad.” diğerinde “Caddesi” yazılması küçük bir ayrıntıdır, ancak tutarlı bir biçim seçip her yerde kullanmak iyi bir alışkanlıktır.

• Adresi, telefonu ve çalışma saatlerini iletişim sayfasında düz metin olarak yazın.
• Telefon numarasını tıklanabilir bağlantı yapın; mobilde tek dokunuşla arama imkânı verin.
• Katı, kapı numarası ve yakın bir referans noktası gibi bulmayı kolaylaştıran bilgileri ekleyin.
• Adres bilgisini sitenin alt bilgi (footer) alanında ve Google işletme profilinde de aynı şekilde kullanın.
• Harita yüklenmese bile ziyaretçi iletişim bilgisine ulaşabilmelidir.

Arama motorlarının sayfaları nasıl değerlendirdiğine dair resmî açıklamalar için Google Search Central belgelerine bakabilirsiniz. Yerel görünürlüğün tek bir ayara bağlı olmadığını, harita yönteminin yalnızca bir parça olduğunu da unutmayın. Tek bir düzenlemenin sıralamaya etkisi önceden bilinemez.

Sık Yapılan Hatalar

• Haritayı her sayfaya eklemek: Harita yalnızca iletişim gibi gerçekten ihtiyaç duyulan sayfalarda yer almalıdır. Ana sayfa, blog yazıları ve hizmet sayfalarına otomatik eklenen haritalar gereksiz yük doğurabilir.
• Boyut belirtmemek: iframe için alan ayrılmazsa, harita yüklenince sayfa kayar ve ziyaretçi yanlış yere dokunabilir.
• Adresi yalnızca harita içinde bırakmak: Düz metin adres olmayan sayfa, hem kullanıcı hem arama motoru için eksik kalır.
• Ölçmeden karar vermek: Haritayı “kesin yavaşlatıyor” diye kaldırmak veya “etkisi yoktur” diye bırakmak da tahmindir.
• Facade yer tutucusunu belirsiz bırakmak: Üzerinde net bir düğme olmayan görsel, ziyaretçiye harita olduğunu anlatmaz.
• Çerez ve KVKK boyutunu atlamak: Haritanın üçüncü taraf istek yaptığını aydınlatma ve çerez metinlerine yansıtmamak eksikliktir.
• Mobili test etmemek: Masaüstünde sorunsuz görünen harita, telefonda sayfa kaydırmayı zorlaştırabilir.
• Eski gömme kodunu hiç gözden geçirmemek: Yıllar önce eklenmiş kodlar günümüzde farklı davranabilir; yeniden test edin.

Sonuç ve Değerlendirme

İletişim sayfasındaki gömülü harita, ziyaretçiye yardımcı bir bileşendir; ancak üçüncü taraf istekler ve ek betik çalışması nedeniyle sayfa hızına maliyeti olabilir. Bu maliyetin ne kadar olduğunu varsayımla değil, PageSpeed Insights, tarayıcı araçları ve Search Console ile kendi sitenizde ölçerek anlayabilirsiniz. Sorun görünüyorsa tıklayınca yükleme, statik görsel ile bağlantı veya geç yükleme gibi seçenekler değerlendirilebilir. Hangisinin uygun olduğu, ziyaretçilerinizin haritayı nasıl kullandığına ve KVKK ile çerez düzeninize bağlıdır.

Adres, telefon ve büro adının düz metin olarak, tutarlı biçimde yazılması harita yönteminden bağımsız olarak yapılması gereken bir düzenlemedir. İletişim sayfanızı hız, mobil kullanım ve yerel SEO açısından birlikte gözden geçirmek isterseniz web tasarım hizmet sayfamızdan bilgi alabilirsiniz.

Sıkça Sorulan Sorular

Gömülü Google Haritası sayfamı mutlaka yavaşlatır mı?

Mutlaka demek doğru olmaz. Harita ek istekler ve betik çalışması getirdiği için maliyet oluşturabilir, ancak etki sitenin yapısına, haritanın konumuna ve cihaza göre değişir. Aynı sayfayı haritalı ve haritasız biçimde PageSpeed Insights ile birkaç kez test ederek kendi sitenizdeki farkı görebilirsiniz.

Tıklayınca yükleme (facade) nedir, avukat sitesine uygun mudur?

Facade, gerçek haritanın yerine geçen hafif bir yer tutucudur; ziyaretçi düğmeye dokunana kadar iframe yüklenmez. İletişim sayfasında etkileşimli harita isteniyorsa uygun olabilir. Yer tutucunun iframe ile aynı boyutta olması, düzenin kaymaması ve klavye ile kullanılabilir net bir düğme taşıması gerekir. Uygulamadan sonra sonucu yine ölçmek yerinde olur.

Statik harita görseli kullanmak yeterli olur mu?

Yalnızca konumu göstermek ve yön tarifini harita uygulamasına devretmek yeterliyse olur. Etkileşim kaybolur ama sayfa daha hafif kalır. Görselin nasıl elde edildiği önemlidir; harita görüntülerinin kullanımı sağlayıcının koşullarına bağlı olabileceğinden güncel koşulları doğrulayın. Altına açıklayıcı bir bağlantı ve düz metin adres eklemek de faydalı olur.

Gömülü harita KVKK ve çerez açısından sorun yaratır mı?

Harita üçüncü taraf bir sunucuya bağlandığı için IP adresi gibi verilerin paylaşılması ve çerez kullanımı söz konusu olabilir. Kesin durum sağlayıcının güncel koşullarına ve sitenizdeki diğer bileşenlere bağlıdır. Aydınlatma metninizi, çerez politikanızı ve onay aracınızın ayarlarını hukuki destekle birlikte gözden geçirmeniz önerilir. Bu cevap genel bilgidir, hukuki görüş değildir.

Adresi neden ayrıca metin olarak yazmalıyım?

İframe içindeki harita sayfanızın düz metni sayılmaz. Adres, telefon ve büro adı görünür metin olarak yazıldığında hem ziyaretçi hem ekran okuyucu hem arama motoru için daha açık olur. Aynı bilgilerin sitede ve Google işletme profilinde tutarlı yazılması yerel SEO açısından da faydalıdır.

Lazy loading haritayı tamamen çözer mi?

Haritanın sayfa altında olduğu durumlarda ilk yüklemeyi hafifletebilir, ancak her sitede aynı sonucu vermeyebilir. iframe için boyut belirtmeyi unutmayın ve uyguladıktan sonra tekrar ölçün. Harita kullanıcıların çoğunun gördüğü ilk ekrandaysa tıklayınca yükleme gibi farklı bir yaklaşım gerekebilir. Bu yüzden her değişikliğin ardından PageSpeed Insights ile aynı sayfayı yeniden test edin.

Yazar Hakkında

Avukatlar İçin SEO, hukuk bürolarının internet sitelerinde teknik SEO, web tasarımı ve içerik alanlarında ölçülü, sistemli bir görünürlük kurmasına yardımcı olan bir marka olarak çalışır. Sayfa hızı, mobil kullanım, yerel SEO ve site yapısı gibi teknik konularda avukatların sitelerini sade ve doğrulanabilir adımlarla ele almaya odaklanır. Marka sıralama veya sonuç vaadinde bulunmaz; yayınlanan yazılar genel bilgilendirme amaçlıdır ve hukuki danışmanlık yerine geçmez.