Resmi Google AMP WordPress Eklentisi Nasıl Kullanılır


Web sitesi hızlarının bir mobil cihazda tarayıcıdan daha yavaş olması yaygın bir durumdur ve sayfa içerik açısından ne kadar zenginse, yüklenmesi o kadar uzun sürebilir. Sitenizi hızlandırmak için birkaç şey denemiş olsanız bile, Google AMP ve WordPress AMP eklentisi size aradığınız desteği verebilir.

Bir web sitesinin yüklenmesi çok uzun sürdüğünde, hemen çıkma oranınızı artırabilir. Öte yandan, bir web sayfası neredeyse anında açıldığında, kullanıcı deneyimi (UX) iyileşir ve trafiğiniz artabilir. Google AMP'nin nasıl çalıştığı ve web sitenizde nasıl kullanılacağı aşağıda açıklanmıştır.

Google AMP'ye Genel Bakış

Google AMP, Ekim 2015'te başlatılan açık kaynaklı bir projedir. AMP, "hızlandırılmış mobil sayfalar" anlamına gelir, ancak Google AMP artık mobil ile sınırlı değildir; bugün, masaüstü sayfalarında da çalışır. (Yine de bu makalenin hatırına, çoğunlukla mobil sayfalar açısından konuşacağım, çünkü AMP'nin en kullanışlı olduğu yer burasıdır.) Google AMP'nin amacı, web içeriğinin daha hızlı yüklenmesi içindir. WordPress AMP eklentisi, sayfalarınızı AMP sürümlerine dönüştürmenin basit bir yoludur.

Çalışma şekli, AMP'nin sınırlı CSS, HTML ve JavaScript sayesinde web sayfalarını hızlandırmasıdır. Temel olarak, yükleme süresini azaltan ekstra hafif web sayfaları oluşturmanın bir yoludur. Google AMP Önbelleği içeriği barındırır ve önbelleğe alınmış sürüm, Google'ın kullanıcılara gönderdiği ve web sayfasını anında görmelerini sağlayan şeydir. Google, LinkedIn, Reddit ve Twitter gibi büyük teknoloji şirketleri Google AMP'yi destekler ve AMP'ler tüm uygulamalarda, tarayıcılarda ve web görüntüleyicilerde görüntülenebilir.

Google AMP'nin Artıları ve Eksileri

Çoğu web sitesi Google AMP'den yararlanacak olsa da, bunun da birkaç dezavantajı var. İşte, WordPress AMP eklentisinin sizin için doğru olup olmadığına karar vermenize yardımcı olacak Google AMP'nin artıları ve eksileri.

Artıları

  • Mobil aramalardan çok fazla trafik alırsanız, AMP UX'i iyileştirebilir ve daha yüksek bir sıralama elde etmenize yardımcı olabilir.
  • Yavaş bir internet bağlantısına takılan mobil kullanıcılar web sitenizle etkileşime geçebilir.
  • Google, Google sıralamasını iyileştirmeye yardımcı olabilecek AMP çerçevesini kullanan tüm siteleri önbelleğe alır.
  • Daha hızlı yükleme süreleri, daha iyi etkileşime yol açar ve bu da genellikle daha fazla gelir sağlar.

Eksileri

  • AMP sınırlı CSS, HTML ve JavaScript kullandığından, web sitesi tasarımcılarının sadeleştirilmiş sayfalar oluşturması gerekir. Animasyonlar, sosyal medya "beğenme" kutuları ve akıllı katılım formları gibi belirli özellikler ve widget'ların şişkinliği azaltmak için kullanılması gerekir.
  • Google AMP, Google Analytics'i destekler, ancak bunun dışında diğer analiz platformlarının çoğunu desteklemez.
  • Ayrıca Google AMP'nin desteklediği çok fazla reklam seçeneği yoktur. Bununla birlikte, ek eklentilerle reklam seçenekleri ekleyebilirsiniz – daha sonra bunun hakkında daha fazlası.
  • Bu, yumuşak bir fikirdir, ancak mobil sayfalarınız zaten hafif ve optimize edilmişse, AMP kullanarak gözle görülür şekilde daha hızlı hale gelmeyebilirler, bu nedenle kurulumu zaman kaybı olabilir.

WordPress AMP Eklentisi

mobil optimizasyon

WordPress için Google AMP eklentisi, tüm gönderilerinizin AMP sürümlerini otomatik olarak oluşturur. Ardından arama motorları ve AMP destekli uygulamalar ve hizmetler, kaynak kodundaki “amphtml” sayesinde sayfanın AMP sürümünü nerede arayacağını bilir. Eklenti, klasik oluşturucu veya Gutenberg kullanıyor olsanız da WordPress ile sorunsuz bir şekilde çalışır.

Eklenti ayrı bir mobil tema oluşturmak değildir ve web sitenizin bir AMP sürümüne mobil cihazları yönlendirmez. Ancak, bir mobil ziyaretçi içeriğinizi Google, Pinterest veya Twitter gibi bir platformda bulursa AMP sürümünü görür.

Bir sayfanın AMP sürümünü oluşturmak mümkün değilse eklenti, AMP olmayan sürümün yüklenmesini sağlar. Bu, sitenin mümkün olduğu kadar büyük bir kısmının AMP için optimize edileceği ve sitenin olamayacak kısımları için, yine de sizin ihtiyaç duyduğunuz şekilde gösterip performans gösterecekleri anlamına gelir.

WordPress AMP Eklentisinin Özellikleri

  • Uyumluluk ve Doğrulama: AMP'ye otomatik dönüştürme mümkün değilse, geçersiz işaretlemeyi bulabilmeniz için ayrıntılı doğrulama hataları alırsınız. İşaretlemeyi kaldırmayı veya tutmayı seçebilirsiniz.
  • Temel Tema Desteği: AMP, tüm temel WordPress temalarıyla uyumludur. (Çekirdek olmayan birçok temayla da uyumludur.)
  • CSS Ağacı Sarsıntısı: Toplamı AMP 50KB sınırı içinde almak için kullanılmayan CSS'yi otomatik olarak kaldırın.
  • AMP Hikayeleri: AMP, ziyaretçiler için tam ekran reklamlar ve deneyimler oluşturmanıza olanak tanıyan bir Hikaye oluşturucuya sahiptir.
wordpress amfi eklentisi

Kaynak: AMP

WordPress AMP Eklentisi Nasıl Kurulur ve Kullanılır

1. Eklentiyi kurun ve etkinleştirin. Eklentiyi buradan edinin.

2. Görünüm'e gidin ve AMP'yi seçin. Bir mobil cihaz kullanırken web sitenizin nasıl göründüğünü göreceksiniz ve ayrıca AMP masaüstü sürümünü de görüntüleyebilirsiniz. Ana sayfa AMP'yi kullanamıyorsa şu bildirimi alırsınız:

mobil optimizasyon

Bir web sayfası AMP'ye dönüştüğünde, temelde orijinalin sadeleştirilmiş bir versiyonudur. Aşağıda, blog yazımın orijinal versiyonunu AMP versiyonuyla karşılaştırabilirsiniz – logo (stilize edilmiş yazı tipinde benim adım), renkler ve yazı tipleri farklıdır.

wordpress amfi eklentisi

3. Başlık metni rengini, başlık arka planını ve bağlantı rengini ve renk şemasını (açık veya koyu) güncellemek için “Tasarım”a tıklayın. Ziyaretçilerin okuyucu modundan çıkmalarına izin vermek için bir bağlantı görüntülemeyi de seçebilirsiniz.

wordpress amfi

4. Web sitenizdeki herhangi bir yayının URL'sine gidebilir ve yayının AMP sürümünü görmek için sonuna /amp/ ekleyebilirsiniz. AMP sürümünü görmeye çalıştığınızda 404 hatası alırsanız Ayarlar'a ve ardından Kalıcı Bağlantılara gidin ve sol altta bulunan "Değişiklikleri Kaydet"e tıklayın. Aslında herhangi bir değişiklik yapmanız gerekmez, ancak kaydet düğmesini tıkladığınızda kalıcı bağlantı yapınız yenilenir ve bu AMP sayfalarının sizin için görünmesini sağlayabilir.

Bir Web Sitesi Modu Seçin

WordPress AMP eklentisinin, sol kenar çubuğundaki AMP'ye gidip Genel'i tıklayarak seçebileceğiniz üç web sitesi modu vardır:

  1. Standart: AMP, web sitenizin çerçevesidir. AMP ve AMP olmayan ayrı sürümlere ihtiyacınız yoktur.
  2. Geçiş Her sayfanın standart bir URL'si ve bir AMP URL'si vardır.
  3. Okuyucu: Her sayfanın standart bir URL'si ve bir AMP URL'si vardır. Okuyucu modunda, AMP yalnızca tek gönderilerde, sayfalarda ve diğer gönderi türlerinde kullanılır; diğer iki web sitesi modu tüm web sitesinde kullanılır.

Varsayılan olarak, okuyucu modu seçilecektir. Diğer iki seçenekten birine geçerseniz, artık Görünüm üzerinden o “Tasarım” bölümüne erişemezsiniz.

Seçtiğiniz web sitesi modu, sahip olduğunuz ek seçenekleri etkileyecektir. Standart veya geçişi seçerseniz, aşağıdaki ekran görüntüsündeki seçeneklere sahip olursunuz. Okuyucuyu seçerseniz, yalnızca üç içerik türünden birini seçebilirsiniz.

wordpress amfi eklentisi

AMP'lerinizi Ek Eklentilerle Özelleştirin

WordPress AMP eklentisi çok fazla özelleştirme seçeneğine sahip olmadığından, sayfalarınızı daha da kişiselleştirmek için diğer eklentileri kullanabilirsiniz. Örneğin, AMP WP sosyal simgeleri destekler ve özelleştirilebilir bir renk şemasına sahiptir (bir dizi başka özelliğin yanı sıra) ve WP için Reklamlar, AMP için gelişmiş reklam desteğine sahiptir.

Ayrıca, şu anda Yoast SEO kullanıyorsanız, AMP sayfalarınızın doğru Yoast SEO meta verilerine sahip olması için Glue for Yoast SEO ve AMP eklentisini kullanabilirsiniz. Eklentiyi kurup etkinleştirdikten sonra Yoast SEO seçeneklerini her zamanki gibi ayarlayacaksınız. Eklenti sihrini arka planda çalışacak.

AMP ile ilgili ek eklentiler kurduktan sonra, AMP sayfalarınızı yeniden doğruladığınızdan emin olun. Bu, daha önce orada olmayan yeni doğrulama hatalarını kontrol edecektir.

Son düşünceler

Hızlandırılmış mobil sayfalar oluşturmak, web sayfalarınızın daha hızlı yüklenmesini sağlamak için kullanabileceğiniz birçok teknikten yalnızca biridir. WordPress eklentisi sayesinde, web siteniz için faydalı olduğunu bilmek için AMP'nin nasıl çalıştığının ayrıntılarını anlamanız gerekmez. Ve bu kadar basit, her şey sizin için yapılır kurulum işlemiyle, bir öğleden sonra kurabilir ve tüm arşivinizin günler içinde dönüştürülmesini sağlayabilirsiniz.

Bir şey daha: Google Arama Konsolunu kullanıyorsanız, AMP sayfalarınız için sonuçları hemen görmezseniz endişelenmeyin. Google, AMP'lerinizi dizine eklerken ve verileri gösterirken zaman alabilir.

Mobil sitenizden daha da fazla çekiş elde etmek ister misiniz? Divi Theme Builder'ı Kullanarak Mobilde Kenar Çubuğunuzu Nasıl Optimize Edeceğinize ilişkin kılavuzumuza göz atın.

Fouaddesigns / Shutterstock.com aracılığıyla Öne Çıkan Görsel

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

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