Dünya Haritası HTML Şablonları

Bir dünya haritası çoğunlukla büyük bir coğrafi görselden fazlasına ihtiyaç duyar. Yapılandırılmış HTML; ülkeleri, bölgeleri, ofisleri, seyahat noktalarını veya veri kümelerini tüm ekran boyutlarında kullanışlı kalan okunabilir destekleyici içeriklerle birbirine bağlayabilir.

Diğer Seyahat ve Oteller HTML Şablonları

Yapılandırılmış Konum İçeriğine Sahip Temiz Dünya Haritası HTML Şablonları

Dünya haritası şablonlarında kürenin kendisi nadiren sorun çıkarır. Ziyaretçiler çoğunlukla ülke adları, ofis adresleri ve bir bölgeden detaylarına yönlendiren bağlantılar gibi haritayı çevreleyen ögelerde takılır. Dünya haritası HTML şablonları bu çevreleyen içeriği kod yapısında genellikle başlıklar, listeler ve konum kartları şeklinde barındırır. Tasarım aracında yer tutucu şehirleri gerçekleriyle değiştirir, projeyi dışa aktarır ve bir ofis taşındığında kodu elle düzenlemeye devam edersiniz.

Kürenin Altındaki Ülke Listeleri

Bir harita görseli noktaların nerede olduğunu gösterir; ancak ziyaretçi görsel üzerinde arama yapamaz, metin kopyalayamaz veya bir ekran okuyucuya bunu seslendirtemez. Bu kategorideki daha başarılı şablonlar, coğrafyayı görselin hemen yanında düz metin olarak yineler. Harita etrafındaki yaygın metin yapıları şunları içerir:

  • kıta başlıkları altında gruplandırılmış ülke veya ofis listeleri
  • bir şehir adını adres ve telefon numarasıyla eşleştiren konum kartları
  • bir bölge etiketinden sayfanın daha altındaki ilgili bölüme atlayan bağlantı çıpaları
  • tek bir genel merkez için kompakt bir harita ve adres bloğu

Liste uzadıkça gruplandırma kritik hale gelir. Onlarca deposu bulunan bir lojistik şirketi bunları tek bir uzun sütunda görünmez kılabilir; oysa kıta başına düşen bir başlık, Şili'deki bir kullanıcının doğrudan Güney Amerika bölümüne geçmesini sağlar.

Tur Operatörleri ve Şube Ağları Karşılaştırması

Bir tur operatörü haritayı gezi menüsü olarak kullanır. Kod içerisinde her kıtanın altında varış noktası adlarını, seyahat sürelerini ve tam seyahat planına giden bir bağlantıyı içeren kısa bir blok yer alır. Şubeleri olan bir şirket ise daha sade kayıtlara ihtiyaç duyar; genellikle sokak adresi, yerel telefon hattı ve bölge müdürünün adını barındıran ofis başına bir kart bulunur. Her bölgesel bölüm kendi bağlantı çıpasına sahip olabilir; böylece harita üzerindeki bir etiket ile ülke listesindeki bir kayıt aynı noktayı işaret eder. Her iki proje de aynı dünya haritasıyla başlayabilir; asıl fark haritayı çevreleyen metin bloklarında yatar.

Dar Ekranlarda Okuma Sırası

Telefonlarda ülke listesi genellikle haritanın altına kayar; bu nedenle sıralamanın nasıl kurgulandığı sonucun anlaşılır kalıp kalmayacağını belirler. Nicepage Responsive Modes özelliği; Geniş Ekranlardan dikey Telefonlara kadar tüm genişlikleri kapsar, arada Masaüstü, Dizüstü ve Tablet seçeneklerini sunar. Bu modları incelemek, her ofis grubunun hâlâ kendi kıta başlığını takip edip etmediğini gösterir.

Dünya haritası HTML şablonlarını karşılaştırırken grafik tasarımın ötesine geçerek çevresindeki metinleri okuyun. Her işaretçinin bir metin girdisine, her bölgenin bir başlığa ve her girdinin çalışan bir bağlantıya sahip olduğu bir sayfa düzeni, tek başına duran daha süslü bir haritaya göre çok daha az kod düzenlemesi gerektirecektir.