Wordpress Eklentileri

Google AMP Nedir? Google AMP Kurulum Ve Kullanım Kılavuzu

Google AMP mobil web sitenizin hızını arttırmanın en etkili yoludur. Mobil cihazlar ile web sitelerine giriş yapan kullanıcıların %53 lük bir kısmının 3 saniyeden daha uzun sürede açılan web sitelerini hemen terkettiğini biliyor musunuz? Kısaca sitenizin mobil sürümü eğer hızlı açılmıyorsa ciddi anlamda trafik kaybediyor olabilirsiniz.

Günümüz teknolojisinin gelişmesi tablet,akıllı telefonlar gibi her an elimizin altında olan ve internet için en çok kullandığımız cihazların varlığını göz önüne alırsak, web sitelerinin masaüstü görünümlerden ziyade mobil görünümlerinin ve hızının oldukça önemli olduğunu söyleyebiliriz.

Hız konusunda bize oldukça yardımcı olacak yeni bir teknoloji olan Google AMP kısaca Google Hızlandırılmış Sayfalar projesi gittikçe yaygınlaşmaya başlamıştır.

Google AMP, Google sunucularında barındırılan web sayfalarınızın daha basit sürümlerini ziyaretçilere sunarak sitenizin mobil sürümünü hızlandırır. Sonuç olarak ziyaretçiler, içeriği inanılmaz derecede hızlı bir şekilde görüntüler; bu nedenle, sitenizi terk etme ihtimalleri azalır ve yayınlarınızı okumaya devam etme ihtimali daha da artar. Bu durum hem sitenizin Otoritesi  hem de hemen çıkma oranı için çok faydalıdır.

Bu makalemde size Google AMP hakkında detaylı bilgiler sunarak WordPress üzerinde Google AMP nasıl kurulur? bunu anlatacağım.

Google AMP Nedir?

Google AMP, Google tarafından geliştirilen mobil web sitelerinin daha hızlı yüklenmesine ve kullanıcı deneyimini arttırmaya yönelik yeni bir projedir. Facebook Anlık Makaleler‘i biliyorsanız, Google AMP’da benzer bir projedir.

Kısaca Google sitenizin tam versiyonunu yüklemektense en düşük boyutlu sürümünü yükleyerek çok daha hızlı açılan web sayfaları sunar.

Örnekler ile açıklarsak daha net görebiliriz. Aşağıdaki resim normal bir sayfa içeriğinin görüntüsüdür.

google amp normal-gorunum

Aşağıdaki görüntü ise aynı sayfanın AMP versiyonudur.

google amp-gorunum

Gördüğünüz gibi sadece gerekli olan kısımlar AMP versiyonunda görüntülenmektedir. Böylece sayfalar daha hızlı açılmaktadır.

Ayrıca Google mobil arama sonuçlarında AMP ile uyumlu olan web sitelerinin sonuçlarını image slider (kayan resim) olarak da gösterebilmektedir.

Google, AMP projesinin şu anda sitenizin arama motoru sıralamalarını doğrudan etkilemediğini söylese de, göz alıcı AMP simgesi ve farklı listelenme görünümü sayesinde daha fazla tıklama elde etmek için bir fırsat sunuyor.

Google AMP sisteminin çalışma mantığını anladığımıza göre artık kurulum aşamasına geçebiliriz.

Google AMP Nasıl Kurulur?

Google AMP eklentisi sayesinde Google AMP’yi WordPress’e entegre etmek çok kolay. Ancak, eklentinin herhangi bir ayar seçeneği olmadığı için biraz kısıtlı gibi gelebilir. Bu yüzden gerekli ayarları yapabilmek adına iki farklı eklenti ile işlemi tamamlayacağız.

Öncelikle wordpress eklenti deposundan buradaki eklentiyi indirip kurulumunu yapıyoruz. Eklenti nasıl kurulur bilmiyorsanız wordpress’te eklenti nasıl yüklenir konusunu inceleyebilirsiniz.

google amp-eklentisi

Eklentiyi yükleyip aktifleştirdikten sonra herhangi bir ayar seçeneği olmayacaktır. Eklentinin çalışıp çalışmadığını test etmek için ise herhangi bir sayfanıza girerek adres satırında en sona /amp/ etiketini ekleyip entere basmanız ile sayfanın amp versiyonunu görebileceksiniz.

google amp-adres

NOT : Aklınızda sayfanın iki farklı adresi oluştu, kopya içerik sorunu yani duplicate content sorunu yaşarmıyım şeklinde bir soru oluşabilir. Endişe etmenize gerek yok çünkü eklenti aynı zaman rel=”canonical” etiketi ekleyerek Google için adresin kopya olmadığını belirtiyor.

Üst kısımda belirttiğim gibi üstteki yüklediğimiz eklenti herhangi bir ayar seçeneği içermiyor. Fakat bizim biraz daha AMP konusunda kişiselleştirme yapmamız gerekiyor. Bunun için de farklı bir eklenti daha yükleyeceğiz.

Google AMP Ayarlarının Yapılması

Yine WordPress eklenti deposundan bu kez buradaki eklentiyi indirip kuruyoruz.

google amp-eklentisi-gelistirme

Eklentiyi indirip kurulumunu yaptıktan sonra WordPress admin panelinde sol kısımdaki menüler içerisinde AMP isminde yeni bir menü göreceğiz.

Bu menüye tıklıyoruz ve ayarlar sayfasına geçiyoruz.

google amp-for-wp-accelerated-mobile-pages

Eklentinin ayarlarına tek tek göz atalım.

General Sekmesi

google amp general-sekmesi

Ayarların ne anlama geldiklerine bakalım.

  • Logo : Sitenizin logosu
  • Analytics Type : İzleme kodu türü seçimi
  • Analytcis Code : Google Analytcis Kodu
  • Color Schema : Renk şeması seçimi
  • Front Page : AMP versiyonu için varsayılan bir anasayfa belirleyebilirsiniz.
  • Link to Non-AMP page : AMP olmayan bir sayfaya link verme
  • RTL Support : Sağdan sola görünüm desteği ( Genelde Arapça siteler kullanır )
  • Hide AMP on Archive Pages : AMP sayfalarını arşivlerde gizle

Bu ayarları dilerseniz varsayılan olarak bırakabilir, dilerseniz değiştirebilirsiniz. Ben Türkçe karşılıklarını ingilizce bilmeyen arkadaşların zorlanmaması için belirtiyorum.

AMP Menu Sekmesi

google amp menu-sekmesi

Bu ayar sekmesinden sitenizin AMP versiyonunda görüntülenmesini istediğiniz yeni bir menü oluşturabilirsiniz. Bunun için işaretlediğim alandaki linke tıklamanız yeterlidir. Gerisi standart menü oluşturma şeklindedir. Eğer menü nasıl oluşturulur bilmiyorsanız wordpress’te menü nasıl oluşturulur konusuna bakabilirsiniz.

Advertisement Sekmesi

google amp advertisement-sekmesi

Bu sekmede AMP verisoyunu için kullanabileceğiniz reklam alanları ve türlerine ait ayarlar bulunmaktadır. Reklam boyutunu ve kodlarını girerek ayarları yapabilirsiniz.

Single Sekmesi

google amp single-sekmesi

Single sekmesi altında makale gösteriminde kullanabilceğiniz ayarlar bulunmaktadır. Bu ayarlar ise şöyledir;

  • Post Meta Above Post Content :  Makale bilgilerini ( yazar, tarih ) makalenin üstünde göster
  • Featured Image : Öne çıkarılmış görsel gösterimi
  • Featured Image Width : Öne çıkarılmış Görsel Genişliği
  • Featured Image Height : Öne çıkarılmış Görsel Yüksekliği
  • Post Pagination : Makale sayfalama gösterimi
  • Tags : Etiketler
  • Related Posts  : Benzer içeriklerin gösterimi
  • Show Related Post from : Benzer içeriklerin nereden gösterileceğinin seçimi
  • Comments : Yorumlar
  • Social icons : Sosyal paylaşım ikonlarının gösterimi
Structured Data Sekmesi

google amp structured-data

Structured Data sekmesi altında Yapısal Veriler ile ilgili ayarlar bulunmaktadır.

  • Default Structured Data Logo : Varsayılan logo
  • Default Post Image : Varsayılan makale resmi
  • Default Post Image Width : Varsayılan makale resmi genişliği
  • Default Post Image Height : Varsayılan makale resmi yüksekliği
Notification Sekmesi

google amp bildirim-menusu

Bu menü içerisinde sitenize giren kullanıcılara göstermek istediğiniz bildirimleri açıp kapatabilirsiniz.

Translation Sekmesi

google amp translation
Bu sekme tercüme sekmesidir. Buradaki değerlerin karşılarına Türkçe açıklamalarını yazabilirsiniz. Ben sizin için aşağıya yazıyorum. Siz de bunları kullanabilirsiniz.

  • Top : En Üst
  • View Non-AMP Version : Normal versiyonu göster
  • Related Post : Benzer Makale
  • Navigate : Navigasyon
  • On : açık
  • Next : Sonraki
  • Previous : Önceki
  • Footer : Alt
  • Categories : Kategoriler
  • Tags : Etiketler
  • By : Yazan
Custom Css Editor

google amp css-editor

Kullanmak istediğiniz ek css kodlarınız varsa bu kısma yazabilirsiniz.

Google AMP Kullanmalı mıyım?

Kesinlikle kullanmalısınız. Çünkü Google AMP sitenizin mobil sürümünü hızlandırmanın en iyi yoludur. Üstte bahsettiğim gibi sitenizin trafik artışına oldukça katkısı olacaktır. Çünkü insanlar geç açılan web sayfalarını sevmezler ve uzun süre beklemezler.

Yazar Hakkında

Sadri Ercan

Wordpress,Seo,Blogging,Blogger ve Sosyal Medya konularında makaleler yazmakta ve Seo Danışmanlığı yapmaktayım.

29 Yorum

  • Ben dediklerinizi eksiksiz yaptım ama neden olmuyor? Bir kontrol eder misiniz mobilden AMP olarak görünüyor mu sitem?

  • Test etmek oldukça basit. siteniz şuan açılmadığı için test edemedim fakat URL sonuna /amp/ eklediğinizde görüntüleniyorsa sorun yok demektir.

  • bişey sorucam bunu eklentisiz yapmak mümkün mü.
    yani amp site için ayrıyetten bi html ve css php oluştursak ve eklenti kullanmamış olsam tam mantığını anlayamadım eklenti kurmadaki.
    böyle bir yöntem var ise direkt olarak onu deneceyeceğim

  • okadar uğraşmanıza şahsen hiç gerek yok. Direkt eklenti kullanın zaten eklenti sitenizi kasmaz.

  • Eklentileri kurdum güzel bir tasarım ilede sonlandırdım ama site mobil hızı 89dan 61e düştü :/ google yönlendirmelerde hata var diyor çözemedim.

    • Hayır kullanmıyorum.
      Robots’dan yönlendirmeleri kaldırdığımda site hızı yine 89 oluyo tekrar yönlendirmek istediğimde ise 61e düşüyor. Kodlarında mı hata var?

  • Eğer sitenizin amp sürümü düzgün görüntüleniyorsa, site hızına çok takılmayın. önemli olan iyi bir biçimde erişilebilir ve görüntülenebilir olmasıdır.

    • Hocam merhaba amp menüsünden başka bir sayfaya tıklayınca,sayfanın amp uzantılı olanına değil normal Web versiyonuna gidiyor.Nasıl çözebilirim

      • Yazı sayfalarından mı bahsediyorsunuz yoksa normal iletişim vb sayfalardan mı? Ayrıca hangi eklentiyi kullanıyorsunuz?

  • Kolay gelsin, amp kurulumu yaptım bir süre kullandım ancak ondan sonra memnun kalmadı site için yönlendirme yapabileceğim menü ve bileşenler olmadığı için kaldırmak istedim ve kaldırdım. Sonra bazı eklentilerle optimizasyon ve temizlik yaptım üstüne linklerimi tekrar gönderdim ancak hala google’dan AMP versiyonları gözüküyor yazılarımın ve bunlarda hata kodu da vermiyor. AMP sayfaları ne zaman kaldırılır bir bilginiz var mı. Her hangi bir yazımda linkin sonuna /amp ekleyince sürekli aynı yazıya yönlendiriyor. İlginç birşeyler oldu yani bilgisi olan paylaşırsa sevinirim

  • mobil sonuçlarda amp olarak gözükmesinin bir zararı olmaz. Eklentiyi kaldırmışsanız zamanla normal indeks haline dönecektir.

  • Merhabalar öncelikle anlatımınız için teşekkürler. WordPress haricinde normal php siteler de kullanım şeklini başlangıç seviyede anlatırsanız çok memnun kalırız.

  • Hocam bende sürekli hata veriyor webmaster toolsda. Nedenini anlamadım. Anlatılanları eksiksiz yapıyorum. Ama olmuyor.

  • sadri hocam paylaşımınız için teşekkür ederim. bir sorum olacaktı
    wptouch mobil kullanıyorum. bu eklentiyi de kursam zararı olur mu. aynı şeyler mi farklı şeyler mi.

  • wptouch bildiğim kadarıyla sitenizi mobil uyumlu hale getiriyor amp konusunda herhangi bir işlevi bulunmuyor. Benim tavsiyem amp kurmanızdır.

  • Merhabalar,
    Amp kurdum fakat likler -nedir/amp/ şeklinde çalışmıyor, -nedir/amp bu şekilde, sonuna slash koymazsam çalısıyor. Bu nasıl düzeltiriz?

    • Sonunda /amp/ yada /amp olarak gözükmesinin bir zararı olacağını zannetmiyorum. Google direkt olarak /amp şeklinde olan uzantıyı baz alıyor. Kaldıki eklenti sitenize bunun adresini belirten bir kod ekliyor. Böylece arama motorları hangi sayfanın amp uyumlu olduğunu görebiliyor.

  • Wp sitede sadece amp kurmak yeterli mi? Başka eklentilerle düzenleme yapmak zorunda mıyız? Ben sitemin tasarımını seviyorum ve bozmak istemiyorum çünkü ziyaretçilerin alıştığı bir göz alışkanlığı var. Yukarıda bahsedilen 2.eklentiyi kurdum ama hem beğenmedim hem de başka siteye giriyormuş hissine kapılıyorum. Normal sitem sadece amp ekli olsa ne olur?

    • Sadece amp eklentisini kurmanız yeterli fakat sitenizin amp sürümü ile normal sürümü arasındaki görünümü farklı olacaktır. Çünkü amp sürümünde amaç daha hızlı sayfa açılışlarıdır. Bu yüzden javascript ve bazı görsel kodlar çalışmamaktadır. Amp yerine sitenizin normal mobil sürümünü de kullanabilirsiniz. Bu sizin tercihinizdir.

  • Merhaba Hocam. Değerli paylaşımlarınız için teşekkür ederim. Sizin verdiğiniz bilgiler doğrultusunda siteme amp versiyonunu kurdum. sadece giriş sayfasında site adı ile telefon arama butonu içiçe girdi. bunu nasıl düzeltebilirim. bir de bu butona hemen ara gibi isim nasıl verebilirim.
    şimdiden teşekkür eder saygı sunarım.

  • Hocam iyi bir mobil tema kullanıyorum.amp kurarak bu mobil tema değişirmi.veya gerek varmi? teşekkür ederim..

    • Mobil tema kulalnıyorsanız amp kurmanız gerek yok. Çünkü amp kurduğunuzda mobil temanın görsellerini devre dışı bırakacaktır.

Yorum yapmak ister misin?

Pin It on Pinterest