WordPress Siteye Harita Ekleme Nasıl Yapılır?

WordPress sitenize Google Haritalar eklemek, özellikle iletişim sayfalarında ziyaretçilerin konumunuzu hızlıca görmesini sağlar. Bu rehberde eklentisiz (iFrame) ve eklentili yöntemleri adım adım anlatıyorum; ayrıca çoğu rehberde atlanan iki konuya değiniyorum: haritanın sayfa hızına etkisi ve yerel SEO ile ilişkisi.

Eklentisiz Google Harita Ekleme (iFrame)

Herhangi bir eklenti kurmadan, doğrudan Google’ın yerleştirme koduyla harita ekleyebilirsiniz:

1. Google Haritalar’a gidin ve eklemek istediğiniz adres/konumu bulun.
2. Sol taraftaki panelden Paylaş butonuna tıklayın.
3. Açılan pencerede Haritayı yerleştir sekmesini seçin.
4. Buradaki iFrame kodunu kopyalayın.
5. WordPress’te ilgili sayfayı düzenleyin; Gutenberg’de “+” → HTML bloğu ekleyin (klasik editörde “Metin” sekmesi).
6. Kodu yapıştırın. Boyutu ayarlamak için koddaki width ve height değerlerini değiştirin.
7. Sayfayı kaydedip haritanın göründüğünü kontrol edin.

Eklentisiz Yöntemin Avantajları

• Hızlı ve hafif: Ekstra eklenti yükü olmadan sitenizin performansını korursunuz.
• Daha az bağımlılık: Eklenti güncelleme/uyumluluk derdi olmaz, bakım kolaylaşır.
• Tam kontrol: Haritanın boyutu ve yerleşimi üzerinde doğrudan söz sahibi olursunuz.

Eklenti ile Harita Ekleme (WP Go Maps)

Birden fazla konum, işaretçi ve özelleştirme gerekiyorsa eklenti kullanmak daha esnektir:

1. Eklentiler bölümünden WP Go Maps eklentisini kurup etkinleştirin.
2. Admin panelinde Haritalar bölümüne gidin.
3. Eklentinin Google Haritalar ile çalışması için bir Google Maps API anahtarı gerekir. Uyarı kutusundaki “Create an API key now (free)” bağlantısını izleyin.
4. Google Cloud’da bir proje oluşturup API anahtarınızı alın.
5. Anahtarı eklentideki ilgili kutuya yapıştırıp kaydedin.
6. My First Map haritasını düzenleyerek konumu, rengi ve boyutu ayarlayın.
7. Haritalar menüsündeki Shortcode kodunu kopyalayıp istediğiniz sayfaya (iletişim, footer vb.) yapıştırın.

Güvenlik — atlanmaması gereken adım: API anahtarını mutlaka kısıtlayın. Application restrictions → HTTP referrers seçin, yalnızca kendi alan adınızı ekleyin (https://barisdayak.com/*) ve API restrictions ile sadece kullandığınız Maps API’lerini açın. Bu, kötüye kullanım ve beklenmedik faturalandırma riskini ciddi biçimde azaltır.

Diğer Popüler Harita Eklentileri

WP Go Maps dışında, ihtiyaca göre değerlendirebileceğiniz alternatifler:

• MapPress Maps: Etkileşimli haritalar, gerçek zamanlı trafik ve rota desteği; yazı/sayfaya kısa kodla eklenir.
• Google Maps Easy: Kodlama gerektirmeyen basit arayüz; işaretçi ekleme ve özel stiller.
• Advanced Google Maps Plugin: Çoklu konum, ısı haritaları ve KML entegrasyonu (Pro) ile kurumsal kullanım.

Eklenti özellikleri sürümlere göre değişebilir; kurmadan önce güncel eklenti sayfasını kontrol edin. Genel kural: tek bir konum gösterecekseniz eklentiye gerek yok, eklentisiz iFrame en hafif çözümdür.

Harita Sayfa Hızını Nasıl Etkiler?

Google Haritalar iFrame’i yaklaşık 300-900 KB ek yük getirir ve üçüncü parti JavaScript çalıştırır. Bu, özellikle mobilde LCP değerini olumsuz etkileyebilir. İki çözüm var:

1. Tembel yükleme (lazy loading): iFrame’e loading="lazy" ekleyin; harita ekranda görünene kadar yüklenmez.

<iframe src="..." loading="lazy" width="600" height="450"
        style="border:0" allowfullscreen></iframe>

2. Daha iyi yöntem — tıkla-yükle: Haritayı önce statik bir görselle gösterip, ziyaretçi tıkladığında gerçek haritayı yükleyin. Böylece sayfa açılışında hiç harita yükü olmaz — iletişim sayfasının hızı belirgin biçimde iyileşir.

Mobil uyumluluk için haritayı oranını koruyan bir kapsayıcıya alın:

.harita-kapsayici{position:relative;width:100%;padding-bottom:56.25%}
.harita-kapsayici iframe{position:absolute;top:0;left:0;width:100%;height:100%}

Sitenizin genel açılış hızı hâlâ düşükse, sorun çoğunlukla haritadan değil; önbellek, görsel ve sunucu yapılandırmasından kaynaklanır. Bu konuda WordPress site hızlandırma tarafında bütünsel bir çalışma gerekir.

Harita Eklemek Yerel SEO’ya Yarar Sağlar mı?

Harita eklemek doğrudan bir sıralama faktörü değildir. Ancak dolaylı üç etkisi vardır:

• Kullanıcı sinyali: Konumu görebilen ziyaretçi sayfada daha uzun kalır ve iletişime geçme olasılığı artar.
• NAP tutarlılığı: Sitedeki adres ile Google İşletme Profilindeki adresin birebir aynı olması, yerel aramalarda güven sinyalidir.
• Yapısal veri desteği: Harita ile birlikte LocalBusiness şeması eklendiğinde konum bilgisi makine tarafından okunabilir hale gelir.

Asıl yerel görünürlük Google İşletme Profilinden gelir — harita yerleştirmek onun yerine geçmez, tamamlar. Bu konuda Google Benim İşletmem rehberimi inceleyebilirsiniz. Yerel görünürlüğü bütünsel kurmak isterseniz SEO & AI görünürlük çalışması bu tarafı da kapsar.

Adresinizi Şemaya Ekleyin (LocalBusiness)

Haritanın yanına yapısal veri eklemek, arama motorlarının ve yapay zeka sistemlerinin konumunuzu doğru anlamasını sağlar. Örnek:

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Firma Adı",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Cadde Adı No:1",
    "addressLocality": "Beyoğlu",
    "addressRegion": "İstanbul",
    "postalCode": "34433",
    "addressCountry": "TR"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": "41.0314592",
    "longitude": "28.9759369"
  },
  "telephone": "+90XXXXXXXXXX",
  "openingHours": "Mo-Fr 09:00-18:00"
}

Bu şemayı sayfanıza ekledikten sonra Google’ın Zengin Sonuç Testi ile doğrulayın.

Harita Görünmüyorsa Ne Yapmalı?

Harita eklediğiniz halde görünmüyorsa, en yaygın nedenler şunlardır:

• iFrame engellemesi: Bazı güvenlik eklentileri veya tema ayarları iFrame’leri engeller.
• HTTPS karma içerik: Harita kodu http:// ile başlıyorsa, HTTPS siteye yüklenmez; https:// olduğundan emin olun.
• Tema blok ayarları: Bazı sayfa oluşturucular HTML bloğunu filtreler; “Özel HTML” bloğu kullanın.
• Eklentili yöntemde API hatası: API anahtarı eksik, kısıtlaması yanlış veya faturalandırma etkin değilse harita gri görünür.

WordPress’e harita eklemek teknik olarak basittir; asıl fark, haritayı hız, yapısal veri ve yerel SEO ile birlikte doğru kurgulamakta ortaya çıkar. Sitenizin bu teknik tarafını profesyonelce kurmak isterseniz WordPress web tasarım ve SEO & AI görünürlük hizmetlerim üzerinden birlikte çalışabiliriz.

Bu yazıları da okumak isteyebilirsiniz ...

Rank Math Kurulumu ve Ayarları Nasıl Yapılır?

Web Sitesine WhatsApp Butonu ve Sipariş Formu Ekleme

Web Sitesine Yapay Zeka Chatbot Ekleme: Ne Zaman Mantıklı

Pazaryeri Entegrasyonu: Trendyol, Hepsiburada ve N11 Bağlantısı

Yazar Hakkında

Barış Dayak

2014'ten bu yana web tasarım, WordPress ve SEO & AI görünürlük alanlarında 550'den fazla işletmeye hizmet veriyorum.