WordPress Google Maps Ekleme Nasıl Yapılır?

İçerik Listesi

0
(0)

WordPress Google Maps Ekleme Nasıl Yapılır? WordPress sitenize Google Haritalar eklemek, işletmenizin konumunu göstermek, müşterilerinizle etkileşimi artırmak ve sitenizin SEO performansını optimize etmek için harika bir yoldur. WordPress Google Maps ekleme işlemi için bunu yapmanın birkaç basit yöntemi bulunmaktadır.

Ankara Kurumsal Web Sitesi Tasarımı
Ankara Kurumsal Web Sitesi Tasarımı
  • Eklenti Kullanarak WordPress Google Maps Ekleme
  • Google Haritalar Gömme Kodunu Kullanma
  • WordPress Temanızın Harita Özelliğini Kullanma

WordPress Google Maps Ekleme Nasıl Yapılır? WordPress’e Google Haritalar eklemek, sitenizi geliştirmenin ve kullanıcı deneyimini iyileştirmenin kolay bir yoludur. Yukarıdaki yöntemlerden birini kullanarak, haritanızı dakikalar içinde ekleyebilir ve çalışmaya başlayabilirsiniz. Özellikle bu noktada dikkat etmeniz gereken bazı önemli ipuçları şöyledir.

  • Ziyaretçilerinizin mobil cihazlarda sitenizi kolayca görüntüleyebilmeleri için haritanızın tüm ekran boyutlarına uymasını sağlayın.
  • Haritanızın ne kadar ayrıntılı görünmesini istediğinizi belirleyin.
  • İşletmenizin konumunu ve diğer önemli noktaları işaretleyin.
  • Haritanızda öne çıkmak için kendi logonuzu veya simgenizi kullanın.
  • Ziyaretçilerinizin işletmenizi kolayca bulabilmeleri için yol tarifi ve konum arama ekleyin.

Eklenti Kullanarak WordPress Google Maps Ekleme

WordPress için birçok Google Maps eklentisi mevcuttur. En popüler seçeneklerden biri WP Google Maps’tir. Özellikle bu eklentiyi kullanarak şunları yapabilirsiniz.

  • Haritaları sayfalara ve gönderilere ekleyin.
  • Birden fazla işaretleyici ekleyin ve özelleştirin.
  • Harita türlerini ve görünümlerini seçin.
  • Yol tarifi ve konum arama ekleyin.
  • Haritalarınızı duyarlı hale getirin.

WP Google Maps’i kullanmak için şu adımların takip edilmesi gerekmektedir.

  • Eklentiyi WordPress sitenize yükleyin ve etkinleştirin.
  • Haritalar menüsüne gidin ve Yeni Ekle’ye tıklayın.
  • Haritanızın ayarlarını özelleştirin.
  • Kısa Kodu kopyalayın ve haritanızı eklemek istediğiniz sayfaya veya gönderiye yapıştırın.

Google Haritalar Gömme Kodunu Kullanma

Google Haritalar, haritanızı herhangi bir web sitesine gömebileceğiniz bir kod sunar. Google Haritalar gömme kodunu kullanma yöntemi biraz daha teknik bilgi gerektirse de eklenti kullanmaktan daha fazla özelleştirme seçeneği sunar. Google Haritalar gömmek için şu adımları izleyin.

Ankara Kurumsal Web Sitesi Tasarımı
Ankara Kurumsal Web Sitesi Tasarımı

WordPress Temanızın Harita Özelliğini Kullanma

Bazı WordPress temaları, Google Haritalar eklemeyi kolaylaştıran yerleşik bir harita özelliğine sahiptir. Temanızın bu özelliği destekleyip desteklemediğini kontrol etmek için belgelerine bakın. Eğer temanız bu özelliği desteklemiyorsa bu özelliği sunan bir temaya geçiş yapabilirsiniz.

Siteye Harita Ekleme HTML Kodu

Web sitenize harita eklemek, ziyaretçilerinizin işletmenizin veya ilgi çekici bir konumun yerini kolayca bulmasına yardımcı olur. Bunu yapmanın en kolay yollarından biri Google Haritalar’ı kullanmaktır. Google Haritalar, web sitenize yerleştirebileceğiniz özelleştirilebilir HTML kodları sağlar.

Siteye harita ekleme HTML kodu yöntemi için gerekli adımlar şöyledir.

  • https://maps.google.com/ adresine gidin ve haritanızın merkezini istediğiniz konuma ayarlayın.
  • Arama çubuğunun yanında bulunan üç çizgiye tıklayın ve açılan menüden “Paylaşın veya harita yerleştirin” seçeneğini seçin.
  • “Harita Yerleştirme” sekmesine tıklayın.
  • Haritanızın boyutunu, görünümünü ve diğer seçeneklerini özelleştirebilirsiniz.
  • “HTML’yi kopyala” butonuna tıklayarak oluşturulan HTML kodunu kopyalayın.
  • Kopyaladığınız HTML kodunu, web sitenizin haritanın görünmesini istediğiniz yere yapıştırın.

Örnek HTML kodu şöyledir. “<iframe src=”https://maps.google.com/” width=”600″ height=”450″ frameborder=”0″ style=”border:0;” allowfullscreen></iframe>”

Kopyaladığınız kodda width ve height değerlerini dilediğiniz boyutlara göre değiştirebilirsiniz. Kodun src özelliğindeki URL’yi, kendi haritanızın URL’siyle değiştirdiğinizden emin olun. Haritanızın daha fazla özelleştirmesi için https://developers.google.com/maps adresini ziyaret edebilirsiniz.

Ek ipuçları ise şöyledir.

  • Haritanıza işaretleyici eklemek için kodda marker parametresini kullanabilirsiniz.
  • Haritanın belirli bir bölümünü göstermek için kodda zoom parametresini kullanabilirsiniz.
  • Haritanın belirli bir kontrol setini göstermek için kodda `control** parametresini kullanabilirsiniz.

Google Maps API Key

Google Maps API key, web sitenizin veya uygulamanızın Google Haritalar platformuyla etkileşime girmesine olanak tanıyan bir kimlik bilgisidir. Anahtar sayesinde, haritaları ve yol tariflerini gösterme, konum tabanlı arama işlevleri kullanma ve daha fazlası gibi çeşitli işlemler gerçekleştirebilirsiniz.

Google Maps API key faydaları şunlardır.

  • Web sitenizin veya uygulamanızın ziyaretçilerinin aradıkları yerleri kolayca bulmalarını sağlayabilirsiniz.
  • Kullanıcıların konumlarına göre alakalı sonuçlar sunarak daha iyi bir kullanıcı deneyimi oluşturabilirsiniz.
  • İşletmenizin adresi, çalışma saatleri ve iletişim bilgileri gibi bilgileri gösterebilirsiniz.
  • Haritalara tıklama, rota oluşturma ve yerleri işaretleme gibi etkileşimli özellikler ekleyebilirsiniz.

Google Maps API Anahtarı almak için bir Google Cloud Platform hesabına ihtiyacınız vardır. Hesabınız yoksa, https://cloud.google.com/ adresinden ücretsiz bir hesap oluşturabilirsiniz. Hesabınız olduktan sonra, aşağıdaki adımları izleyerek bir API anahtarı oluşturabilirsiniz.

  • Google Cloud Platform konsoluna gidin.
  • APIs & Services menüsünden Maps, Platform’u seçin.
  • APIs sekmesine gidin ve Maps JavaScript API’yi etkinleştirin.
  • Credentials sekmesine gidin ve Create Credentials butonuna tıklayın.
  • API key seçeneğini seçin ve Create butonuna tıklayın.

Oluşturduğunuz API anahtarını, web sitenizin veya uygulamanızın koduna eklemeniz gerekir. Google, API anahtarınızı nasıl kullanacağınızla ilgili detaylı talimatlar sunmaktadır.

Diğer Yazılarımız

Yazımızı Değerlendirmek İster misiniz?

İçerik Puanı: 0 / 5. - Toplam Oy Sayısı: 0

Bu gönderiye ilk oy veren siz olun.

Bu yazı sizin için yararlı olmadığı için üzgünüz!

Bu gönderiyi geliştirelim!

Bize bu yazıyı nasıl geliştirebileceğimizi söyleyin?

Firma Konum Bilgimiz

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Facebook
Twitter
Pinterest
WhatsApp
Web Tasarım ve Digital Medya Ajansı

Web Tasarım, SEO Çalışması ve İnternet Reklamcılığı konusunda sizlere profesyonel destek sağlıyoruz.

AKLINIZDA PROJE Mİ VAR? HEMEN TEKLİF ALIN

Formu doldurun sizi hemen arayalım.