Mobil içerik tüketimi devrimi burada: Google AMP ve WordPress (bölüm 2/3)

Bu yeni bir şey değil: Google yeni bir şey sunduğunda, herkes hemen ona atlar. Ve Google Accelerated Mobile Pages (AMP), insanların ve işletmelerin daha fazlasını bilmek istediği en yeni "sıcak şeyler"dir. Evet, cep telefonlarımızda çok zaman harcıyoruz ve şirketler para kazanmanın yeni yollarını geliştiriyor ve bizi ekosistemlerine kaptırıyorlar: Anında Makaleler ile Facebook, Apple News ile Apple programı ve elbette Google'ın buna yanıtı var: Google AMP'si .

Serinin bu 2. bölümünde, Google AMP'nin ne olduğu, standart mobil için optimize edilmiş sayfalardan nasıl farklı oldukları ve WordPress web sitenize nasıl uygulanacağı hakkında daha fazla bilgi edinmek için Google AMP hakkında konuşacağız ve daha derine ineceğiz.

• 1. bölümü okuyun: Facebook Anında Makaleler ve WordPress ile nasıl başlanır
• 3. bölümü okuyun: WordPress web sitenizi Apple News uygulamasına nasıl eklersiniz

Google Hızlandırılmış Mobil Sayfalar nedir?

Ekim 2015'te Google, yeni bir açık kaynaklı HTML türü olan AMP HTML'yi geliştirerek arama motoru aracılığıyla daha hızlı mobil tarama ve mobil tüketim sağlamayı amaçlayan yeni Hızlandırılmış Mobil Sayfalar projesini duyurdu.

İnsan dilinde bu, ilgilenen yayıncıların ve içerik üreticilerinin artık, ziyaretçiler cep telefonlarındayken neredeyse anında yüklenen, içeriklerinin yalın, sadeleştirilmiş bir HTML sürümünü oluşturma olanağına sahip oldukları anlamına gelir.

Google AMP örnekleri

24 Şubat'tan itibaren Google, mobil arama sonuç sayfasında AMP uyumlu sayfaları dağıtmaya başladı: buradaki videoda da görebileceğiniz gibi, AMP HTML işaretleme sayfalarına sahip yayıncılardan gelen içerikler, SERP'de bir atlıkarınca olarak görüntüleniyor ve kullanıcının kaydırmasına izin veriyor. öğeleri aracılığıyla ve doğrudan bir sayfaya dokunun.

Bu aynı zamanda, yaptığım #tbt araştırmasında olduğu gibi, Google AMP projesine adım atan ilk büyük oyunculardan biri olan Twitter ile ilgili aramalar için de işe yarıyor:

Google AMP atlıkarınca, bir kullanıcının yaptığı hiçbir arama için gerçekleşmez; şimdilik sadece “Seçimler 2016”, “Suriye”, “Obama” gibi haber arama terimleri için kullanılıyor. Google AMP sayfalarının nasıl oluşturulduğunu ve görüntülendiğini göstermek adına Google, "yemek tarifleri" veya "moda" gibi haberlerle ilgisi olmayan bazı genel terim aramaları oluşturdu.

Google AMP sayfalarının mobil cihazlar için optimize edilmiş sayfalardan farkı nedir?

Mobil cihazlar için optimize edilmiş standart sayfaları AMP uyumlu olanlarla karşılaştırırken, burada ortaya çıkan iki ana fark vardır: a) hız ve b) içeriğin nasıl oluşturulduğu ve sunulduğu:

a) Google AMP sayfaları ne kadar hızlı yüklenir?

Burada Google'dan resmi bir şey olmasa bile, testler AMP sayfalarının mobil cihazlar için optimize edilmiş herhangi bir sayfadan ortalama 4 kat daha hızlı yüklendiğini kanıtladı. Pinterest'te ürün mühendisi ve AMP projesinin bir parçası olan Jon Parise'in paylaştığı gibi:

AMP sayfalarının, geleneksel mobil cihazlar için optimize edilmiş sayfalardan dört kat daha hızlı yüklendiğini ve sekiz kat daha az veri kullandığını gördük.

ve bunu daha da doğrulamak için, WordPress web sitesinde tek bir sayfayı ve bir blog gönderisini test eden PenguinWP'nin testi:

Bu sayıları görüyor musun? Bu, Google AMP sayfalarının nasıl biçimlendirildiği ve sunulduğu nedeniyle mümkündür. Burada tartıştığımız 2. nokta bu.

b) Google AMP sayfaları neden bu kadar hızlı yükleniyor?

Belgelerin gösterdiği gibi, Google AMP, özellikle üç ana öğeden oluşur:

• AMP HTML: amp-ad , amp-img ve amp-video gibi özel etiketlere ve özelliklere sahip bir HTML alt kümesi
• AMP JS: mobil sayfalar için kaynak işlemeyi yöneten ve tüm harici kaynakların eşzamansız olarak yüklenmesiyle sonuçlanan bir JavaScript çerçevesi
• Google AMP Önbelleği: tüm geçerli AMP sayfalarını sunmak için proxy tabanlı bir CDN

Bir sayfanın ne kadar hızlı (veya yavaş) yükleneceği burada listelemeyeceğim birçok faktöre bağlı olabilir. Burada anlamanız için önemli olan şey, Goole AMP sayfalarının, belirli bir sayfanın hafif sürümleri olduğu ve doğası gereği, yükleme sırasında çok hızlı olması için bir şeyleri dışarıda bırakması gerektiğidir. Nasıl? AMP HTML ile "gereksiz" etiketlerden kurtulurlar, ayrıca tüm uyumlu olmayan (okuma: üçüncü taraf) Javascript yasaktır ve teslimat yönü için Google'dan bir CDN'den yararlanırlar.

Diğer bir deyişle, standart HTML sayfalarını agresif bir önbelleğe alma sistemiyle sunulan bir elekten geçirirseniz elde edebileceğiniz şey Google AMP sayfalarıdır.

Bu sadece size işin özünü vermek için. Daha fazla ve detaylı bilgi almak isterseniz, lütfen AMP proje belgelerine bakın.

AMP HTML, Javascript, CDN, hızlı yükleme ve benzeri… Peki tüm bunlar SEO'yu nasıl etkiliyor? sormak isteyebilirsiniz. Hadi araştıralım.

Google AMP SEO'yu nasıl etkiler?

Şimdi, bu yazının hemen başında soracağınız bir soruyu yanıtlamanın zamanı geldi: Google AMP sayfaları SEO için daha mı uygun?

Kesin olarak bildiğimiz bir şeyle başlayalım: AMP özellikli makaleler ve sayfalar SERP'lerde daha üst sıralarda yer alıyor. Aslında, “Kim Kardasian” için g.co/ampdemo'da bir test yaparsanız, AMP özellikli bu sayfaların, ekranın üst kısmında gösterilen sayfada 2. sonuç için (hatta Kardasian'ın resmi Instagram ve Twitter sayfaları):

Daha yüksek sıralar muhtemelen sayfalarınızın daha yüksek tıklama oranları alacağı anlamına gelir; böylece içeriğiniz daha fazla görüntülenme ve etkileşim yaşayacaktır. Ama… (SEO hakkında konuşurken her zaman ama vardır).

Ancak , işletme web sitenizin gerçekten ihtiyaç duyduğu şey Google AMP sayfaları mı?

Öncelikle düzenli olarak içerik yayınlamazsanız Google AMP sayfaları size bir anlam ifade etmez.

İkincisi, siz ve işiniz, içerik sayfalarınızı bir mıknatıs aracı olarak kullanmaktan vazgeçmeye hazır mısınız? Google AMP sayfaları katılım formlarına izin vermediğinden (en azından şimdilik) öyle olmalısınız.

Üçüncüsü, bir e-ticaret sitesi mi işletiyorsunuz? Pazarlama ve işe alım stratejileriniz yoğun bir şekilde içeriğe dayanmıyorsa (blogunuzda nasıl yapılır'lar, öğreticiler, listeler vb. oluşturmak gibi), AMP yolunda ilerlemek istemezsiniz. Ve hayır, satış sayfaları ve basın bültenleri makale veya haber benzeri içerik değildir.

WordPress'te Google AMP ile nasıl başlanır?

Peki, Google AMP sayfaları işletmeniz için uygun mu? Cevabınız evet ise, bunları WordPress web sitenize nasıl alacağınızı görelim. Korkmayın, ince ayar için biraz çaba gerektirse de o kadar da zor bir şey değil.

Ve burada, WordPress web sitenizin Google AMP sayfaları oluşturması için atmanız gereken adımları bulacaksınız:

• Eklentiyi Automattic'ten buradan indirin
• Yükleyin, kurun ve etkinleştirin (şu anda Ayarlar sayfası mevcut değil)
• Tamamlandı

Eklentinin çalıştığını doğrulamak için sitenizde bir makale arayın ve URL'nizin sonuna “/amp/” ekleyin. Ancak bu aşamada henüz işinizi bitirmediniz, AMP sayfalarınızı da doğrulamak isteyeceksiniz.

Nedd bu konuda yardım eder mi? Projenizi yayınlayın ve birinci sınıf WordPress geliştiricilerimizden birinin bunu sizin için yapmasını sağlayın!

Google AMP sayfaları nasıl izlenir

İçeriğinizin nasıl performans gösterdiğini izleyemiyorsanız, içerik yayınlamanın hiçbir değeri yoktur ve Google AMP sayfaları da istisna değildir. O halde, bu inanılmaz hızlı Google AMP sayfalarını nasıl takip edebilirsiniz?

Mevcut iki bileşenden birini seçersiniz: amp-pixel veya amp-analytics. Google AMP projesi birkaç analiz sağlayıcısını desteklemektedir, ancak gelecekte liste büyüyebilir.

toparlamak

Bir yandan, Google AMP sayfaları, standart sayfalardan 4 kat daha hızlı yükledikleri için biraz ilginç görünüyor. Ayrıca, belirli bir sorgu için atlıkarıncaya ulaşırsanız, AMP özellikli sayfalarınız daha üst sıralarda yer alacak ve daha yüksek tıklama oranlarına sahip olacaktır. Hız, daha yüksek sıralamalar, daha iyi TO'lar, "bu kulağa cennet gibi geliyor" diye bağırabilirsiniz ama atlarınızı tutun kovboy! çünkü çok büyük ama burada dikkate değer.

Google AMP sayfaları, günlük olarak yoğun bir şekilde içerik oluşturan haber yayıncılarına ve içerik üreticilerine yöneliktir: haber web siteleri, teknoloji blogları, sektörler vb. Bu, Google AMP sayfalarının yayıncı olmayan web sitelerini etkilemediği veya iyileştirmediği anlamına gelir. Örneğin, bir e-ticaret yapıyorsanız, şu anda izin verilmediğinden ve AMP sayfalarının tasarım kısıtlamalarını kabul etmeniz gerektiğinden, önde gelen olası satış yaratma araçlarınızdan (diğer bir deyişle formlardan) birine veda etmek zorunda kalacaksınız.

İşletmeniz buna hazır mı?

Bu kolay bir cevap değil ve işletmenizin AMP işaretlemesini uygulamaktan fayda sağlayıp sağlayamayacağını en iyi siz bilirsiniz.

Ancak 10Up'ın Başkanı ve Kurucusu Jake Goldman'dan son bir tavsiyeyi paylaşmama izin verin:

Haber kuruluşları ve yayıncılar, özellikle de Google'dan önemli miktarda gelen trafik görenler, AMP HTML'yi mümkün olan en kısa sürede benimsemeli, ancak bunu, ziyaretçileri "tam" sitelerine yönlendirmek için bir giriş noktası olarak kullanmalıdır. Diğerleri beklemeli ve AMP'nin ve Google'ın AMP kullanımının zaman içinde nasıl geliştiğini görmelidir. Her iki durumda da, web geliştiricileri ve tasarımcıları, bu yeni gelişen teknolojinin kısıtlamalarını anlamak ve ele almak için zamana ihtiyaç duyacaklar, bu nedenle bütçeleri buna göre tahsis edin.

Şimdi sıra sizde: Google AMP'ye ne dersiniz? Bunları WordPress web sitenizde kullanmaya başladınız mı?

Facebook Anında Makaleler ve WordPress web sitenizi Apple News uygulamasına nasıl ekleyeceğiniz hakkında daha fazla bilgi almayı unutmayın.