Ana Sayfa » SEO » AMP nedir, AMP nasıl kurulur?
AMP-nedir-nasil-kurulur-AMP-kurulumu

AMP nedir, AMP nasıl kurulur?

Güncelleme: 16 Haziran 2018 - 23:22

AMP nasıl kurulur? sorusu, Google AMP teknolojisine geçiş yapmak isteyen webmasterlar tarafından sorulan bir soru. AMP teknolojisi, arama motoru devi Google tarafından 2015 yılının Ekim ayında duyuruldu ve mobilden dolaşım hızını %100’den fazla bir oranda arttırıyor. Hızlandırılmış Mobil Sayfalar – Accelerated Mobile Pages adıyla hayatımıza giren teknoloji, günümüzde milyonlarca site tarafından kullanılmaya başlandı. Bir sitede mobil dolaşım hızını mükemmel seviyede arttıran bu teknoloji, Google sıralamasına doğrudan etki ediyor. Zira Google, yaptığı açıklamada Hızlandırılmış Mobil Sayfalar teknolojisine geçiş yapan sitelerin sıralamasının olumlu yönde etkileneceğini belirtmişti.

Henüz Hızlandırılmış Mobil Sayfalar teknolojisine geçiş yapmayan webmaster’lar ise, bu sisteme nasıl geçiş yapılacağını ve Hızlandırılmış Mobil Sayfalar özelliğinin nasıl aktifleştirileceğini araştırıyor. Peki AMP nedir? AMP nasıl kurulur? İşte tüm yönleriyle AMP nasıl kurulur? sorusunun cevabı ve detaylar…

AMP nedir? AMP nasıl kurulur

AMP nedir?

AMP, (Accelerated Mobile Pages) Türkçe karşılığı ile Hızlandırılmış Mobil Sayfalar olan, Google tarafından kullanıma sunulan bir özelliktir. AMP teknolojisi, mobil üzerinden Google’da arama yaparak bir siteye ulaşan kullanıcıların çok hızlı bir şekilde sitede gezinmesini sağlamaktadır. Ücretsiz bir özellik olan AMP teknolojisi sayesinde sayfalar normalinden çok daha hızlı açılır ve bu da kullanıcıların site içerisinde mobilden daha hızlı gezinme yapmasını sağlar.

Ziyaretçilerine her zaman hızlı ve kaliteli gezinme imkanı sunan siteleri göstermek isteyen Google, bu adımı attığından bu yana milyonlarca site bu teknolojiyi kullanmaya başladı. Başta büyük trafiğe sahip olan önemli markalar ve büyük internet siteleri olmak üzere, günümüzde birçok internet sitesi AMP teknolojisi kullanmaktadır.

AMP nasıl kurulur?

Kurulum işlemi, web sitenizin altyapısına göre değişiklik gösterebilir. Eğer WordPress ve Joomla gibi hazır altyapılar kullanıyorsanız, herhangi bir yazılımsal işleme gerek kalmadan eklentiler yardımıyla kurulumu gerçekleştirebilir ve kullanmaya başlayabilirsiniz.

Ancak, hazır altyapı kullanmayan bir internet siteniz bulunuyorsa da, bunun için çeşitli yazılımsal düzenlemelere başvurmanız gerekecektir. Kurulum için ayrı bir mobil sayfası oluşturmanız ve var olan HTML sayfalarınıza birkaç eklemelerde bulunmanız gerekecektir.

Sistemin kurulumu ile ilgili olarak Accelerated Mobile Pages eğitim sayfasında yer alan dökümanları inceleyebilirsiniz. Bu doğrultuda Hızlandırılmış Mobil Sayfalar uyumlu HTML sayfalarını nasıl oluşturacağınızı, nasıl aşamalandıracağınızı ve bir sayfanın bu teknolojiye uyumlu olup olmadığını nasıl anlayacağınızı kavrayabilirsiniz.

WordPress için AMP nasıl kurulur?

Hazır sistemler arasında dünya genelinde milyonlarca internet sitesi tarafından kullanılan WordPress altyapısında, Hızlandırılmış Mobil Sayfalar teknolojisini kullanmak oldukça basittir. Zira, hazır eklentiler sayesinde hiçbir yazılım bilgisine veya kodlara ihtiyaç duymadan bu teknolojiye geçiş yapabilirsiniz.

WordPress altyapısında bu sistemi aktifleştirmek için ilk olarak Yönetim Paneli’ne giriş yapın. Giriş yaptıktan sonra sol menüde yer alan Eklentiler seçeneğine farenizi sürükleyin ve ardından Yeni Ekle seçeneğine tıklayın. Daha sonrasında arama kutucuğuna “Accelerated Mobile Pages” yazarak resmi WordPress AMP eklentisinin kurulumunu sağlayın. Son olarak da kurulumunu yaptığınız eklentiyi etkinleştirin.

WordPress AMP nasıl kurulur?

Bu işlemlerden sonra, eklentiniz sizin için otomatik olarak sayfaları oluşturacak ve hiçbir yazılım veya kod bilgisine ihtiyaç duymadan bu teknolojisiye geçiş yapmış olacaksınız. AMP sayfalarınızı özelleştirmek, tasarımını değiştirmek ve bu sayfalara bazı bileşenler (widget’lar, benzer haberler, son yorumlar vs.) eklemek için de “WordPress için AMP – Hızlandırılmış Mobil Sayfalar” eklentisinin kurulumunu gerçekleştirebilirsiniz. Daha sonrasında kurduğunuz bu eklentiyi aktifleştirebilir ve eklentinin yönetim panelinden sayfaların tasarımını, renk ayarlarını, SEO ayarlarını, reklam kodlarını ve daha birçok işlemi gerçekleştirebilirsiniz.

AMP nasıl kurulur? WordPress

google-analytics

AMP sayfalarına Google Analytics kodu ekleme

AMP sayfalarınızı oluşturduktan sonra bu sayfalara Google Analytics izleme kodunuzu eklemeyi unutmayınız. Bu sayfalara Google Analytics izleme kodu eklemediğiniz takdirde, sayfalarınıza gelen ziyaretçileri Analytics üzerinde göremeyeceksiniz veya raporlayamayacaksınız. Bu nedenle sayfalarınızdaki trafiği kontrol etmek için Google Analytics izleme kodunu eklemeniz şarttır. Peki bu işlem nasıl yapılacak?

Sayfalarınıza Google Analytics izleme kodunu eklemek için;

  1. İlk olarak sunucunuz üzerinden sitenizin dizinine bağlanın.
  2. Dizine bağlantıktan sonra “/wp-content/plugins/amp/templates/” yoluna gidin.
  3. Klasörün içinde yer alan “single.php” adlı dosyayı bir metin editörü yardımıyla açın.
  4. Dosyanın içinde yer alan “</body>” kodunun hemen arkasına aşağıdaki kodları ekleyin;

<amp-analytics type=”googleanalytics” id=”analytics1″>
<script type=”application/json”>
<?php
echo json_encode( array(
‘vars’ => array(
‘account’ => ‘UA-XXXXXXX-XX’,
),
‘triggers’ => array(
‘trackPageview’ => array(
‘on’ => ‘visible’,
‘request’ => ‘pageview’,
)
),
) );
?>
</script>
</amp-analytics>

NOT: Yukarıdaki kodun içinde yer alan “UA-XXXXXXX-XX” izleme kodunu kendi izleme kodunuzla değiştirmeyi unutmayın.

Son olarak da “/wp-content/themes/temanizin-adi/” yoluna gidin ve “functions.php” dosyasının içine aşağıdaki kodları ?> tagından önce olacak şekilde ekleyin;

/**
* Add the AMP analytics script to head of AMP pages
*/
function isa_amp_scripts( $data ) {
$data[‘amp_component_scripts’][‘amp-analytics’] = ‘https://cdn.ampproject.org/v0/amp-analytics-0.1.js’;
return $data;
}
add_filter( ‘amp_post_template_data’, ‘isa_amp_scripts’ );

google-adsense

AMP sayfalarına Google AdSense reklam kodu ekleme

Oluşturduğunuz özel sayfalara çeşitli reklam kodları ekleyebilir ve bu reklamlar sayesinde kazanç sağlayabilirsiniz. En çok kullanılan reklam yayınlama ve kazanç servislerinden olan Google AdSense kullanan webmaster’lar, bu sayfalara Google AdSense reklam kodunun nasıl ekleneceğini araştırıyor. Aşağıdaki işlemleri yaptığınız takdirde Google AdSense reklam kodunu bu sayfalarınıza ekleyebilirsiniz.

  1. İlk olarak sunucunuz üzerinden sitenizin dizinine bağlanın.
  2. Dizininize giriş yaptıktan sonra “/wp-content/plugins/amp/templates/” yoluna gidin.
  3. Bu klasörde yer alan “single.php” dosyasını bir metin editörü yardımıyla açın.
  4. Dosyanın içerisinde yer alan “<div class=”amp-wp-content”>” kodunun altına reklam kodlarını eklerseniz, reklamınız yazı başlangıcına eklenir.
  5. Dosyanın içerisinde yer alan “amphtml content; no kses ?>” kodunun altına reklam kodlarını eklerseniz, reklamınız yazı sonuna eklenir.

Örnek Google AdSense reklam kodu şu şekildedir;

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
style=”display:block; text-align:center;”
data-ad-layout=”in-article”
data-ad-format=”fluid”
data-ad-client=”ca-pub-4794678140137697″
data-ad-slot=”1523187366″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

NOT: Eğer kullandığınız eklentiye güncelleme gelirse, yaptığınız bu değişiklikler kaybolacak ve eklemiş olduğunuz Google Analytics ve Google AdSense kodları kaybolacaktır. Bu nedenle güncelleme yapar yapmaz bu kodları tekrar eklemeyi unutmayın.

google-search-console

Google Search Console ile AMP sayfalarının kontrolü

Google Search Console (Webmaster Tools) üzerinde, sayfalarınızı kontrol etmek ve dizine eklenip eklenmediğini görüntülemek için bir sistem yer almaktadır. Hangi sayfaların Accelerated Mobile Pages olarak index aldığını görüntülemek ve dizinlerini kontrol etmek için Google Search Console‘a giriş yapın. Daha sonrasında sol menüde yer alan Arama Görünümü > Hızlandırılmış Mobil Sayfalar sayfasına gidin.

Bu ekranda, sayfalarınızda yaşanan sorunlar listelenecektir ve bu sorunları düzeltmeniz gerekecektir. Eğer bu ekranda herhangi bir sayfa henüz görünmüyorsa, Google henüz bu sayfalarınızı indexlememiş ve dizine eklememiş demektir. Bu süreç 3-4 gün sürebilir.

amp-test

Bir sayfanın AMP uyumluluğunu test etme

Bir sayfanın Hızlandırılmış Mobil Sayfalar teknolojisine uyumlu olup olmadığını görüntülemek ve yer alan sorunları kontrol etmek için Google’ın oluşturmuş olduğu AMP Testi sayfasına gidebilir ve karşınıza çıkan ekrandaki kutucuğa test edeceğiniz URL’i girin.

Daha sonrasında “Testi Çalıştır” butonuna tıklayın ve aracın sayfayı analiz etmesini bekleyin. Analiz sonucunda eğer bu sayfa uyumlu ise, “Geçerli AMP sayfası” uyarısını alacaksınız ve herhangi bir sorun olmadığını görüntüleyebileceksiniz.

gecerli-amp-sayfasi

Ancak sorguladığınız URL, uyumlu bir sayfa değilse ve sorunlar içeriyorsa, “Geçerli bir AMP sayfası değil” uyarısı alacaksınız ve altında yer alan kutucukta yaşanan sorunlar listelenecek.

gecerli-amp-sayfasi-degil

SEO konusunda tüm içeriklere ulaşmak için SEO sayfasını ziyaret edin.
1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Yazıyı değerlendirmek için yandaki yıldızları kullanabilirsiniz.)
Loading...

Yazar: Anıl Zengin

1996 yılında İstanbul'da doğdum. İstanbul Kültür Üniversitesi'nden mezun oldum. Haberturk.com'da SEO editörü olarak yaklaşık 2 yıl çalıştım. Şu anda Peakment Digital'de SEO uzmanı olarak çalışıyorum. Bu site üzerinden de SEO hakkında bildiğim ve yeni öğrendiğim her şeyi yazıyorum. SEO hakkında bilgi sahibi olmak ve SEO yapılırken hangi yöntemlerin kullanıldığını öğrenmek için blogumu takip edebilirsiniz.

İlginizi Çekebilir

site-hizi-sorgulama

Site hızı sorgulama nasıl yapılır?

Site hızı sorgulama işlemiyle birlikte sitenizin ana sayfasının veya herhangi bir sayfasının hız performansını test …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir