Harita açılmadığında ziyaretçi hangi bilgiyi kaybetmemeli?

Bir ziyaretçi iletişim sayfasını telefonda açar. Adres satırı yerine yalnızca hareket ettirilebilen bir harita görür; harita yüklenmediğinde binanın nerede olduğunu anlayamaz. Başka bir ziyaretçi ekran okuyucuyla sayfayı dinler, ancak gömülü bileşenin ne işe yaradığını belirten bir başlık bulamaz. Harita faydalı bir görsel yardımcıdır; adresin ve sonraki adımın tek taşıyıcısı hâline geldiğinde ise sayfa dış hizmete, ağ koşuluna ve etkileşim biçimine gereğinden fazla bağımlı olur. Web tasarımında daha dayanıklı yaklaşım, haritayı tek başına bırakmamak ve gerçek adres bilgisini okunabilir metin, uygun bir yol tarifi bağlantısı ve açık bir yedek açıklamayla birlikte sunmaktır.

Bu rehber belirli bir işletmenin adresini, şubesini veya Karaköy’deki bir ofisi anlatmaz. Örnekler temsili tasarım senaryolarıdır. Amaç harita sağlayıcısı seçmek, yerel sıralama vaadi vermek ya da ziyaretçiye kesin ulaşım tarifi sunmak değil; iletişim sayfasındaki konum bileşeninin hata, küçük ekran ve erişilebilirlik koşullarında da anlamlı kalmasını sağlamaktır. Gerçek adres ve ziyaret koşullarını işletme sahibi doğrulamalıdır.

Önce sayfanın hangi soruyu yanıtladığını yazın

Harita eklemeden önce ziyaretçinin hangi işi tamamlamaya çalıştığını belirleyin: adresi kopyalamak mı, giriş yerini anlamak mı, yol tarifi uygulamasını açmak mı, randevu düzenini öğrenmek mi? Bu işler birbirine yakın görünse de aynı bilgiye ihtiyaç duymaz. Adres metni, ziyaret edilecek yerin doğrulanmış yazılı karşılığıdır. Harita görsel yön bulmayı destekler. Yol tarifi bağlantısı ise kişiyi kendi tercih ettiği harita uygulamasına geçirebilir. Çalışma saatleri ve randevu koşulları ayrı içerik olarak doğrulanmalıdır.

İletişim sayfası için küçük bir görev listesi hazırlayın. Ziyaretçi sayfaya nereden geliyor? Adresi hangi noktada arıyor? Yanlış bir konuma giderse hangi bilgi eksikti? Harita yüklenmezse adresi yine de görebiliyor mu? Bu sorular, sayfaya bir harita eklemenin tek başına proje hedefi olmadığını gösterir. Ana ihtiyaç yol tarifi değilse haritayı sayfanın en üstüne koymak gerekmeyebilir. Konum bölümü, telefon ve e-posta gibi diğer iletişim yollarıyla birlikte anlaşılır bir sırada yer almalıdır.

Metin adresini haritanın dışında da görünür tutun

Adres bilgisini yalnız harita işaretinin içine gömmeyin. İşletme tarafından onaylanmış adresi normal metin olarak gösterin; gerekiyorsa bina, kat veya giriş tarifini yalnız doğrulanmış ve ziyaretçiye yararlı olduğu ölçüde ekleyin. Metin, ekran okuyucuyla taranabilir, seçilip kopyalanabilir ve harita çalışmadığında da okunabilir olmalıdır. Birden fazla gerçek hizmet noktası varsa her adresin hangi hizmete veya randevu düzenine ait olduğu ayrıca açıklanmalıdır. Genel bir harita görüntüsü, iki nokta arasındaki farkı kendiliğinden açıklamaz.

Adresin yazımı, harita işaretinin gösterdiği yer ve yol tarifi bağlantısının hedefi aynı gerçek konumu göstermelidir. Bu eşleşmeyi tasarımcı tahmin etmemeli; işletmenin yetkili kişisi doğrulamalıdır. Bir işletmenin hizmet verdiği bölge, ziyaret edilebilir ofis anlamına gelmez. Sitede fiziksel ziyaret kabul edilmiyorsa harita ekleyerek ziyaret beklentisi yaratmayın. Ziyaret yalnız randevuyla mümkünse bu koşulu, harita bölümünün yanında açıkça belirtin. Harita görselini daha etkileyici kılmak için doğrulanmamış bir pin, komşu işletme adı veya yakındaki yer tarifi eklemeyin.

Haritayı isteğe bağlı yardımcı bileşen olarak kurun

Harita, sayfanın temel adres metninin yerini almamalı; ek görsel bağlam sunmalıdır. İçerik hiyerarşisinde önce başlık ve doğrulanmış adres, ardından yol tarifi bağlantısı ve gerekiyorsa gömülü harita düşünülebilir. Kullanıcı yalnız adresi görmek için uzak bir bileşenin yüklenmesini beklememelidir. Haritanın çevresinde ne gösterdiğini belirten kısa bir başlık kullanın. Bileşen bir etkileşimli haritaysa, klavyeyle ulaşılabilir olup olmadığını ve ekran okuyucunun ona nasıl ad verdiğini uygulamada kontrol edin. Bu kontroller otomatik olarak sağlayıcıdan beklenemez.

W3C’nin web erişilebilirliği kaynakları, anlamlı içerik yapısını ve görsel olmayan bilginin metinsel karşılığını ele alır. Bu ilkelerden hareketle, bir harita görseli veya kontrolü ziyaretçinin karar vermesi için gerekli bilgi taşıyorsa aynı amacı karşılayan metin alternatifi sağlayın. Bu, tek başına bir uygunluk sertifikası veya tüm erişilebilirlik koşullarının karşılandığı anlamına gelmez. Her bileşenin adı, başlık sırası, klavye davranışı ve gerçek kullanıcı görevi birlikte incelenmelidir.

Üçüncü taraf harita gömme yöntemleri farklı teknik kurallar, hesap ayarları veya hata durumları içerebilir. Google Maps Platform’un resmî gömme belgesi, kendi harita içeriğinin sayfada bir iç çerçeve üzerinden sunulmasını açıklar; sağlayıcının hata belgesi de harita yerine hata mesajı gösterilebilen durumları listeler. Bu nedenle örnekteki belirli sağlayıcı ayarlarını kopyalamadan önce güncel resmî belgeyi ve projedeki yapılandırmayı kontrol edin. Makale, bir sağlayıcının ücretsiz, kesintisiz veya her tarayıcıda aynı şekilde çalıştığı iddiasını taşımaz.

Yükleme ve başarısızlık davranışını tasarım kararı yapın

Harita sayfada hemen yükleniyor mu, yoksa ziyaretçi konum bölümüne yaklaşınca mı isteniyor? Bu tercih sayfanın gerçek kullanımına ve uygulamanın teknik yapısına göre verilmelidir. Harita ilk açılışta temel olmayan bir yardımcıysa gereksiz erken yükleme yerine daha sonra yüklenmesi değerlendirilebilir. Ancak erteleme kararı, boş bir kutu veya çalışmayan düğme bırakmamalıdır. İlk yükleme, hata ve yeniden deneme durumlarının her biri için kullanıcıya ne gösterileceğini tanımlayın. Tıklama sonrası bileşen gelmezse adres metni ve yol tarifi bağlantısı kullanılabilir kalmalıdır.

Gömülü harita açılmadığında tüm iletişim sayfasını hata ekranına çevirmeyin. Adresi, telefon numarasını ve diğer gerçek iletişim yollarını harita bileşeninden bağımsız yerleştirin. Kullanıcıya “Harita yüklenemedi” demek gerekiyorsa ne yapabileceğini de yazın: adresi kopyalayabilir veya yol tarifi bağlantısını deneyebilir. “Harita çalışmıyor” mesajını otomatik olarak her zaman göstermeyin; bileşen yükleme aşamasında olabilir. Teknik ekip, hata algılama ve yeniden deneme davranışını kendi uygulamasında doğrulamalıdır.

Küçük ekranda harita ile sayfa akışını birlikte sınayın

Telefon ekranında harita yüksekliği, adres ve iletişim yollarını sayfanın çok altına itebilir. Harita alanının oranı ve boşlukları farklı cihaz genişliklerinde kontrol edilmelidir. Kullanıcı haritayı sürüklerken sayfanın kaydırılması zorlaşıyor mu? Yakınlaştırma hareketi beklenen sonucu veriyor mu? Harita tam ekrana açıldığında geri dönüş belirgin mi? Bu sorular tek bir ekran görüntüsüyle cevaplanamaz; gerçek cihazda kısa görev turu gerekir. Dokunma alanlarının birbirine çok yakın olması veya harita kontrollerinin ekran dışına taşması da kaydedilmelidir.

Birden fazla adresi aynı harita üzerinde göstermek gerekiyorsa her nokta için benzersiz ve metinle açıklanan bir ad kullanın. Yalnızca farklı renkte işaretler, renkleri ayırt edemeyen veya harita görüntüsünü kullanamayan kişiye yeterli bilgi sunmayabilir. Her noktanın adresi ve hangi hizmetle ilişkili olduğu metin listesinde de bulunmalıdır. Nokta sayısı arttığında tek haritaya çok fazla bilgi yüklemek yerine, sayfa yapısını ve ziyaretçinin seçim görevini yeniden değerlendirin. Harita, bütün şube bilgisinin yerine geçen bir veri tablosu değildir.

Harita sağlayıcısı ve veri aktarımı kararını ayrıca inceleyin

Harita başka bir şirketin bileşeni olduğunda, sayfa ziyaretinde hangi kaynakların çağrıldığı ve hangi ayarların geçerli olduğu teknik olarak incelenmelidir. Bu rehber hukuki danışmanlık vermez ve belirli bir çerez veya izin davranışının her projede aynı olduğunu ileri sürmez. Ürün, yapılandırma ve bulunduğunuz yerde geçerli gereklilikler konusunda yetkili uzmanla karar verin. Tasarım tesliminde haritanın ne zaman yükleneceği, hangi sayfada bulunacağı, bileşen hata verdiğinde hangi metnin kalacağı ve bağlantı hedefinin kimce doğrulanacağı kayıt altına alınabilir.

Bir gereklilik varsa, ziyaretçi onay vermeden üçüncü taraf içeriğin yüklenip yüklenmediğini, onay tercihi değiştiğinde davranışın ne olduğunu ve metin alternatifinin her durumda görünür kalıp kalmadığını test edin. Bu işleyişi varsayım olarak bırakmayın. Teknik ekip, kullanılan harita hizmetinin güncel resmî belgelerini ve siteye eklenen betikleri incelemelidir. Harita hiç kullanılmadan da ziyaretçinin iletişim bilgisine ulaşması mümkün olmalıdır. Böylece bileşen tercihi değişse bile temel görev kesintiye uğramaz.

Teslim için tekrarlanabilir kabul senaryoları yazın

Web tasarım tesliminde “harita eklendi” tek başına yeterli kabul ölçütü değildir. En az şu senaryoları belirleyin: normal ağda sayfayı açma; harita kaynağına erişim olmadığında adresi bulma; klavyeyle harita ve yol tarifi bağlantısına ulaşma; ekran okuyucuda adres ve bileşen başlığını anlama; küçük ekranda adresi kopyalama; hatalı veya eski hedef adresi fark edip düzeltme. Her senaryoda başlangıç koşulu, beklenen görünür sonuç ve denemeyi kaydedecek kişi yer alsın.

Gerçek hizmet noktaları değiştiğinde adres, pin ve yol tarifi bağlantısını aynı onay akışında güncelleyin. Bir ekip adres metnini değiştirirken başka bir ekip eski harita bağlantısını bırakmamalıdır. Her değişikliğin kaynağı ve onay tarihi saklanabilir. Yayına çıkmadan önce bağlantıyı yeni bir tarayıcı oturumunda açın; doğru yere yönelip yönelmediğini yetkili işletme temsilcisiyle doğrulayın. Böylece tasarımın teslimi, harita resminin eklenmesinden çok, ziyaretçinin doğru bilgiye ulaşabildiğinin kanıtına bağlanır.

Sık sorulan sorular

Harita sayfada açılmazsa ziyaretçi adresi yine görebilir mi?

Evet, adres harita bileşeninden ayrı metin olarak bulunmalıdır. Adresin doğruluğunu işletme sahibi teyit eder; tasarımcı yalnızca onaylanmış bilgiyi uygun sırada ve kopyalanabilir biçimde sunar. Yol tarifi bağlantısı da bağımsız bir sonraki adım olabilir.

Harita bağlantısı eklemek için mutlaka gömülü harita gerekir mi?

Hayır. Bazı sayfalarda doğrulanmış adres ve yol tarifi bağlantısı ziyaretçinin ihtiyacını karşılayabilir. Gömülü haritayı yalnızca gerçekten ek görsel yön bulma değeri sağlıyorsa değerlendirin; sağlayıcı, hesap ve erişilebilirlik gerekliliklerini ayrıca doğrulayın.

Adres ile harita işareti farklıysa tasarımcı hangisini düzeltmelidir?

Tasarımcı konumu tahmin ederek değiştirmemelidir. İşletmenin yetkili kişisi doğru adresi ve hizmet noktasını onaylamalı; metin, harita hedefi ve yol tarifi bağlantısı aynı onaylı bilgiye göre güncellenmelidir.

Birden fazla hizmet noktası tek haritada gösterilebilir mi?

Teknik olarak proje buna izin verebilir; ancak her işaretin metinle adlandırılması, ayrı adresinin sunulması ve hangi hizmetle ilişkili olduğunun açıklanması gerekir. İşaret sayısı arttığında ziyaretçinin seçimini zorlaştırıyorsa ayrı nokta bölümleri daha anlaşılır olabilir.

Harita için özel bir erişilebilirlik kontrolü gerekir mi?

Evet. Haritanın başlığı veya erişilebilir adı, klavye ile ulaşılabilirliği, odak davranışı ve aynı amaca hizmet eden metin bilgisi uygulamada kontrol edilmelidir. Genel erişilebilirlik testlerinin yerine geçmez; gerçek bileşene özgü bir kabul senaryosudur.

Harita yüklenmesini ertelemek her zaman performansı iyileştirir mi?

Her projede aynı sonucu garanti etmez. Haritanın sayfadaki rolü, yükleme yöntemi ve diğer kaynaklarla etkileşimi ölçülmelidir. Erteleme seçilirse boş alan, gecikmiş başlık veya kaybolan adres yaratmamalı; gerçek cihazlarda karşılaştırılmalıdır.

Harita üçüncü taraf kaynağa bağlanıyorsa hangi kararlar alınmalı?

Kullanılan sağlayıcı, sayfanın hangi durumda dış kaynağı çağırdığı, hata halinde ne gösterdiği ve proje gerekliliklerinin nasıl karşılanacağı incelenmelidir. Belirli izin veya gizlilik sonucunu bu yazıdan çıkarmayın; yapılandırmayı ve güncel resmî belgeleri yetkili uzmanla doğrulayın.

Harita bileşeninin tamamlandığı nasıl kabul edilir?

Adres metni, yol tarifi bağlantısı, küçük ekran görünümü, klavye ve ekran okuyucu davranışı, yükleme hatası ve adres değişikliği senaryoları kayda alınmalıdır. Her testin beklenen sonucu ve onay sorumlusu belli olduğunda teslim kararı tekrarlanabilir hâle gelir.

Web sitesi yapısını, hizmet sayfalarını ve işlevleri birlikte planlamak için web tasarım ve yazılım hizmeti kapsamını inceleyebilirsiniz. Mobil ekranda gerçek görevlerin denenmesi için mobil uyumlu web tasarım rehberine, onaylı adres ve profil bilgisinin tutarlılığı için yerel bilgi doğruluğu rehberine, genel yayın öncesi kullanıcı turları için de web sitesi yayın kontrolü rehberine bakabilirsiniz.