AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi

Karakalem ile Sanat AMP-edited AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense

AMP (accelerated mobile pages(hızlandırılmış mobil sayfalar)) sayfaları mobil cihazlarda yükleme süresini düşürmek için tasarlanmıştır. Mobil aramanın birçok konu ve sektörde baskın olduğu bir çağda, bu teknoloji olmazsa olmaz hale gelmişti. Bu yazımızda WordPress AMP kurma adımlarını ve AMP Analytics ayarlarının nasıl yapıldığından bahsedeceğiz. Google AMP Nedir dilerseniz başlayalım.

Google AMP(accelerated mobile pages) Nedir?

Google AMP Nedir, neredeyse anında mobil cihazlara yüklenen bir web sitesi oluşturmanıza olanak tanıyan açık kaynaklı, web sitesi yayınlama teknolojisidir. AMP, hızlandırılmış mobil sayfalar anlamına gelir. Google, yayıncıların ve işletmelerin kullanıcıları rahatsız eden web sayfalarının yavaş yüklenmesini önleyebilmesi için oluşturdu. Google AMP, Chrome, Firefox, Edge, Safari ve Opera dahil olmak üzere birçok büyük web tarayıcısı ile uyumludur.

AMP nedir? sitelere pencere öğeleri, geri bildirim formları, reklamlar gibi ek öğeler yüklenmez. Web sayfaları, Javascript kitaplığındaki niteliklere ve etiketlere sahip HTML biçimlendirmesinden oluşur. Google bu sayfaları ayrı bir önbellekte saklar ve bu da mobil bir cihazdan yüklemeyi hızlandırır.

Bu teknolojinin SEO üzerinde dolaylı bir etkisi vardır. Ziyaretçiler sayfanın yüklenmesi sırasında beklemedikleri için bu durum hemen çıkma oranını düşürür. İçerik müşterinin isteğini karşılıyorsa, ziyaretçinin diğer web sitelerini araması gerekmez.

WordPress AMP Eklenti Kurulumu Nasıl Yapılır?

1. Adım: WordPress AMP sayfalarını ayarlamak için AMP eklentisini indirin ve yükleyin. Kontrol paneline gidin, sol kenar çubuğundan “Yüklü Eklentiler“ bölümüne ve ayarlara tıklayın.

Karakalem ile Sanat amp1-1-1024x505 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense
AMP Nedir? AMP Ayarları

2. Adım: AMP ayarları “Ayarlar” menüsünde Template Mode kısmından Reader(okuyucu)’ i seçin ve Reader Theme bölümünden, AMP nin çalışmasını istediğiniz uygun bir temayı seçiniz.

3. Adım: Görünüm menüsünden AMP tasarım sayfasını seçerek header renk ayarlarınızı yaptıktan sonra WordPress AMP kurulumu işlemini tamamlamış olacaksınız.

WordPress de AMP kurmak bu kadar kolay ve basit bir işlem. Şimdi AMP ayarları için aşağıdaki adımları uygulamaya geçelim.

AMP Analytics Ayarları

AMP Analytics ayarları için aşağıdaki adımları uygulamanız gerekmektedir.

Karakalem ile Sanat amp2-1024x504 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense
AMP Nedir? AMP Ayarları

AMP sayfalarının trafiğini izleyebilmek için Google Analytics yapısında size tahsis edilen kodu eklemeniz gerekmektedir.

  • WordPress yönetim panelinde, AMP eklentisi içinden “Analytics” menüsünü seçin.
  • Add new entry bölümüne isim verin. Örnek olarak; “analytics” yazabilirsiniz.
  • AMP için analiz hakkında bilgi edinin kısmını açınca çıkacak olan doküman sayfalarından plugin’s analytics documentation kısmına tıklayın ve orada resimde görmüş olduğunuz yere yapıştırın.
  • Account bölümünde UA ile başlayan kodun yerine kendi Analytics kodunuzu ekleyin ve Kaydet(Save)butonuna tıklayın.

İlgili eklentimizi yüklererek AMP kurulumunu tamamladık. Eğer SEO eklentisi halihazırda yüklüyse, eklenti özelliklerinden AMP modülünü açık duruma getirerek de, AMP sayfalarına sahip olabilirsiniz.

AMP Ayarlarını Kontrol Etme

Web sitesindeki ayarlamalar yaptıktan sonra AMP sayfalarının sistemde kontrol edilmesi gerekir. Google AMP Testi aracını kullanarak çalışmanızın sonucunu test edebilirsiniz.

Karakalem ile Sanat amp3-1024x428 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense

Google AMP Test aracında web sitenizin URL’sini girin. “URL’yi Test Et” butonuna tıklayın

Karakalem ile Sanat Amp4-1024x355 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense

Siteye standart bir url yazdığınızda, denetleyici testi AMP sayfalarına yönlendirmenizi isteyecektir.

Karakalem ile Sanat Amp5-1024x485 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense

Bağlı AMP Sürümü Sonuçlarına Bakın” bağlantısına tıklayarak amp yönlendirmesi yapacaktır.

Karakalem ile Sanat Amp6-1024x640 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense
AMP Nedir Test Sayfası

AMP kurulumunu başarıyla gerçekleştirmiş oluyoruz. Kurulumunuzu yukarda anlatılanlara göre yaptıysanız, ekstra sitemap oluşturmanıza gerek yoktur. Ancak Google’ın AMP sayfalarınızı hızlı şekilde taraması ve indeks dizinlerine eklemesi için Google Search Console ‘dan örnek bir AMP sayfanızı gönderip dizine eklenmesini isteyebilirsiniz.

AMP Sayfalarda Reklamları Etkinleştirme

Google AMP projesinin amacı, kullanıcı merkezli bir yaklaşımı benimserken mobil web üzerinde etkili reklam kazancı sağlamaktır. Bu bağlamda hedef, hızlandırılmış mobil sayfalarda çok çeşitli reklam biçimleri, reklam ağları ve teknolojileri için destek sağlamaktır.

AMP Yazı İçine Reklam Ekleme

FTP ile web sitenizin kurulu olduğu dizine giriş yaparak wp-content/plugins/amp/templates/html-start.php dosyanızı bulun ve bilgisayarınıza indirerek </head> etiketinin hemen üstüne aşağıdaki kodu ekleyin.

<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
Karakalem ile Sanat amp7-1024x773 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense
AMP Adsense Ayarları

Daha sonra <body> etiketinin altına aşağıdaki kodu ekleyip, data – ad – client = ” adsense ID ” ilgili alana kendi adsense ID’nizi girerek kaydedin ve dosyayı tekrar FTP üzerinden indirdiğiniz dizine yükleyin.

<amp-auto-ads type="adsense"
        data-ad-client="ca-pub-xxxxxxxxxxxxxxxx">
</amp-auto-ads>
Karakalem ile Sanat amp8-1024x773 AMP Nedir? Wordpress AMP(accelerated mobile pages) Kurma Rehberi WordPress Konuları  Wordpress AMP AMP Nedir AMP kurulumu amp adsense AMP Adsense

Bir süre sonra AMP sayfalarınızda yazı içi Adsense reklamları görüntülenmeye başlayacaktır.

Google AMP Nedir ve Wordpress tabanlı bir web sitesine nasıl kurulum yapılır.

Yorum yapın