GeneratePress ve AMP nasıl tam uyumlu hale getirilir

AMP, sitenizi mobil cihazlarda hızlandırabilir. GeneratePress temasını kullanarak AMP'nin geçişli veya standart modda çalışmasını sağlamakta sorun yaşıyorsanız, sorunu şu şekilde düzelttim.

GeneratePress ve AMP uyumludur. Bu yazıda GeneratePress'i AMP ile nasıl %100 uyumlu hale getirebileceğinizi göstereceğim.

Hızlandırılmış Mobil Sayfalar (AMP), Google tarafından Automattic ile birlikte oluşturulan açık kaynaklı bir projedir. Amaç, web sitelerini cep telefonlarında daha hızlı hale getirmektir.

Ziyaretçilerinizin çoğu mobil cihazlardan geliyorsa AMP, trafiğinizi zaman içinde önemli ölçüde artırma potansiyeline sahiptir.

Ancak ziyaretçilerinizin çoğunu masaüstünden alıyorsanız, önemli bir fark görmeyebilirsiniz ama yine de buna değer.

GeneratePress gördüğüm en hızlı WordPress teması. benimkini görebilirsin GenerateBasın incelemesi. İyi haber şu ki, AMP ile %100 uyumlu.

AMP'yi web sitenize/blogunuza uygulama

AMP'yi uygulamanın en iyi yolu, Resmi AMP eklentisi Google'ın kendisi tarafından inşa edilmiş ve sürdürülmektedir.

Eklentiyi kurmak ve etkinleştirmek için WordPress dizinini ziyaret edin. Bunu yapmak için kontrol panelinizden eklentilere tıklayın, ardından Yeni Ekle'ye tıklayın. Sayfaya girdikten sonra AMP'yi arayın. AMP Eklentisini göreceksiniz.

Resmi AMP Eklentisi

Kurulduktan sonra eklentiyi etkinleştirin. Ardından ayarlara tıklayın. Üç seçenek göreceksiniz. Standart mod, Geçiş modu veya Okuyucu modu. Okuyucu modu normal şekilde çalışacaktır. Çalışmak için temanıza güvenmediğinden. Ancak GeneratePress'i Geçiş veya Standart modda çalıştırırken sorun yaşıyorsanız buradaki adımları izleyin.

Başka bir AMP eklentisi kullanıyor olsanız bile bu adımlar işe yarayacaktır.

GeneratePress ve AMP nasıl tam uyumlu hale getirilir

GeneratePress ve AMP'yi tamamen uyumlu hale getirmek için şu adımları izleyin:

1. GeneratePress Eklentisi için AMP'yi indirin ve yükleyin

GeneratePress'in geliştiricisi ve kurucusu Tom Usborne tarafından resmi bir Eklenti var. Eklentinin amacı, AMP ile herhangi bir uyumluluk sorununu düzeltmektir.

Eklenti henüz WordPress dizininde mevcut değil. Ama Tom bana bir e-postada onu yakında kullanıma sunacağını söyledi.

Şimdilik, yapabilirsiniz eklentiyi GitHub'dan alın.

Bir kez orada, Klonla veya indir'e tıklayın. Ardından zip'i indir'e tıklayın.

Şimdi WordPress kontrol panelinize gitmek için eklentileri ve ardından yeni ekle'yi tıklayın. Yeni sayfada, eklenti yükle'ye tıklayın, ardından indirdiğiniz dosyayı seçin ve yükleyin.

Kurulduktan sonra etkinleştirin. Hepsi bu.

2. AMP'yi geçiş veya standart moda geçirin

Şimdi tekrar AMP eklenti ayarlarına gidin ve geçiş veya standart moda geçin. Geçiş modu, tema çerçevenizin AMP ve AMP olmayanlara hizmet vermek için kullanıldığı, standart ise sitenizin AMP öncelikli olduğu anlamına gelir.

Siteniz AMP geçiş modunda çalışıyorsa standart modda çalışacaktır. İkisi arasındaki tek fark standart URL'dir.

Geçiş modundayken, eklemeniz gerekir ?amp AMP'ye erişmek için ana sayfa dahil bağlantılarınızın sonunda.

Ancak standart moddayken ilaveye gerek yoktur. Kurallı URL'leriniz amp.

Bu test için, çalıştığını göstermek için geçiş modunu kullanıyorum. Ziyaretçilerimin çoğu masaüstünden olduğu için AMP'yi okuyucu modunda kullanmayı tercih ediyorum.

3. AMP Testi yapın.

Geçiş moduna veya standarda geçtikten sonra. Birçok hata göreceksiniz! Panik yapma!

Değiştirdikten sonra aldığım hataları aşağıda görebilirsiniz BloglamaAraçları geçiş moduna

AMP hataları GeneratePress
AMP hataları GeneratePress

48 hata indeksi vardı.

Bu hataların çoğu uyarı niteliğindedir. Bazıları eklentilerden kaynaklanıyor. Uyarılar, vurgulanan öğelerin AMP'de gösterilmeyeceğini size bildirmek içindir.

Temayla ilgili önemli bir uyarı fark etmedim.

Fark ettiğim en büyük sorun, önbelleğe alma eklentim Breeze'dendi. AMP'yi mutlu etmeyen bir CSS ekliyordu. Bu yüzden Breeze'i devre dışı bıraktım ve test etmeye devam ettim.

Sen kullanabilirsiniz Test için Google resmi AMP test aracı.

Sonuç, AMP'nin sorunsuz çalıştığını gösteriyor. Aşağıya bakınız.

İşte ana sayfam için test.

GeneratePress AMP ev testi

Sonra bir gönderi sayfasını test ettim:

GeneratePress AMP testi

Yukarıdan, AMP ve GeneratePress'in tamamen uyumlu olduğunu görebilirsiniz.

Ortak sorunlar

AMP'yi geçiş veya standart modda çalıştırma konusunda hala sorun yaşıyorsanız, sorun büyük olasılıkla eklentilerinizden biridir.

Ana suçlular muhtemelen AMP uyumlu olmayan eklentileri veya optimizasyon eklentilerini önbelleğe almak olacaktır.

Mfon Abel Ekene

Mfon Abel Ekene

Yararlı içerikler oluşturmaktan zevk alıyorum. Tutkum, internet popülasyonunun ihtiyaç duydukları şeyi doğru yöne yönlendirerek bulmalarına yardımcı olmaktır. Yapmayı sevdiğim şey bu ve TargetTrend'deki içeriğim aracılığıyla tam da bunu yaptığımdan emin olmak için saatlerce araştırma ve test yaptım.

Makaleler: 47

Teknik malzeme alın

Teknoloji trendleri, başlangıç ​​trendleri, incelemeler, çevrimiçi gelir, web araçları ve pazarlama ayda bir veya iki kez

3 Yorumlar

  1. Bunu paylaştığınız için teşekkür ederiz, çünkü Generate Press amp uyumluluğu henüz Wordpress Plugin dizininde yayınlanmamıştır. Web sitemi kasperkamperman.com AMP kanıtı yapabilirim.

    • Evet, henüz WordPress eklenti dizininde değil. 2020'nin başlarında Tom Usborne'a sordum ve WordPress dizinine yüklemeyi planladığını söyledi. Neden henüz orada olmadığı hakkında hiçbir fikrim yok. Github'dan indirebilirsiniz.

Yorum bırak

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