WordPress için Google AMP’ye giriş
Google AMP (Hızlandırılmış Mobil Sayfalar), web’i daha samimi, çok daha hızlı ve güvenilir hale getirmek için tasarlanmış yeni bir rahatsız edici teknolojidir. Bu yazı dizisi Google AMP’yi ve WordPress’te nasıl yönetileceğini keşfetmeye adanmıştır. İşte bu yazı dizisinde tartışacağımız şeylerin bir listesi:
İlk olarak, mevcut hücresel web eğilimi hakkında hızlı bir tazeleme sağlayacağız – AMP ihtiyacını haklı çıkarmak
Ayrıca, sayfa hızının işimizi nasıl etkilediğine ve AMP’nin nasıl yardımcı olabileceğine dair başka küçük genel bakışlar da alacağız
Ayrıca, AMP’nin ne olduğunu öğreneceğiz, neler yapılabileceğine dair bazı somut örnekler göreceğiz.
Bu makalenin sonunu işaretleyecektir. Bir sonraki makalede, WordPress için AMP’nin nasıl ayarlanacağını öğreneceğiz
Başlayalım.
Google AMP AMP hakkında bilgi kazmadan önce, yayınımızla ilgili WPCRAFter video kılavuzunu takip edebilirsiniz. KPCB danışmanlık şirketi tarafından yayınlanan 2015 İnternet trend raporuna göre, ortalama yetişkin 2015 yılında internette günde 5,6 saat geçirdi. Toplamda 2,8 saat mobil cihazlarda harcandı. Bu, mobil cihazlar aracılığıyla internette günde ortalama 0,4 saat geçirdiği 2010’dan önemli bir artıştır.
ABD Tüketici Cihazı Tercih Raporunda yayınlanan bir çalışma, mobil cihazlarda üçte iki e -postanın açıldığını,% 52’si akıllı telefonlarda ve% 16’sı tabletlerde açıldığını buldu. Kaynak: EZOIC 2015 ABD Hücresel Uygulama Raporu, 2015-2013 yılları arasında ABD’li yetişkinler tarafından mobil cihazlarda harcanan toplam sürede% 90 artış buldu. Dijital medyayı kullanmak ve hücresel tarayıcılar toplam sürenin% 8’ine katkıda bulunur. Genel olarak, dijital medyayı kullanarak zamanın% 62’si mobil cihazlara harcanır. Yani evet, mobil ilk stratejiler çok önemlidir. Şimdi hızdan biraz bahsedelim. Yükleme süresi önemlidir – çok önemli. Bu, gelir, oranlar, sitedeki zaman, arama sıralaması ve hemen hemen diğer tüm dijital pazarlama kanallarında performans gibi diğer önemli faktörleri etkileyebilecek önemli faktörlerden biridir. Gelir, herhangi bir işletmede veya web sitesinde nihai hedef olduğu için, bu 2014 araştırma çalışmasının dijital protent pazarlama şirketleri tarafından yürütülen “Hız Sitesi Herkesin Gelirini Yenir” e ilginç bir gerçektir. Bu araştırmanın en önemli özelliği, daha fazla para kazanan sayfaların daha hızlı olmasıdır.
Kaynak: Sayfa Görünümü Başına Protent Doları (DPPV olarak adlandırın), yükleme süresini 8’den 5 saniyeye düşürürken% 20 arttı (% 37.5 azalma). Ancak gerçek zafer, sayfa sayfayı bir saniye veya daha az altında açtığında gelir. Yükleme süresinin iki ila bir saniyesinden geçiş yapmak, sayfa başına dolar görünümünde 2 kat artış sağlar. Sadece gelir değil, site hızı sosyal paylaşım performansını da etkiler. Protentteki insanlar, iki sayfaya 100 ücretli tıklama (Facebook reklamlarından) gönderdikleri eksik bir deney yaptılar. Sayfa A 2 saniyede yüklenir ve sayfa B 4 saniye içinde yüklenir. Bil bakalım ne oldu? Sayfa A 10 parça alırken, sayfa B yalnızca iki parça alır. Örneklem büyüklüğü hipotezleri doğrulamak için çok küçük olsa da, önemli bir hikaye anlatıyor! Hücresel İnternet pazarının büyümesi, daha hızlı internet erişimi talebi, hız, erişilebilirlik ve güvenilirlik açısından daha iyi web teknolojisi çok önemli hale geliyor. Google gibi öncüler, bu artan talebi karşılamak için çok şey yapılabileceğini ve böylece AMP projesinin doğduğunu çabucak fark ediyorlar. AMP nedir? Kaynak: Businessofapps.com AMP veya Hızlandırılmış Mobil Sayfalar, daha hızlı, standartlaştırılmış ve daha duyarlı hücresel web siteleri oluşturmak için açık bir çerçevedir. AMP’nin güzelliği, mevcut web teknolojisinin hemen üzerinde çalışması ve hücresel kullanıcıların deneyimini önemli ölçüde artırmasıdır. Bu nedenle Google AMP Web sayfasını tercih ediyor ve SERP’de daha yüksek bir sıralama veriyor.
AMP hızı nasıl artırır? Açık çerçeve, mevcut web teknolojisini kullanmak ve üzerine inşa etmek için tasarlanmıştır. Bu nedenle, bu doğrudan WordPress gibi içerik yönetim sistemlerinde çalışır. AMP, web sayfaları oluşturmak ve mevcut tüm web sayfalarının çerçeveye uyum sağlayabilmesini sağlamak için standart bir çerçeve izler. Biraz daha teknik bir terimde, bu sadece asenkron komut dosyasına izin verir, oluşturmayı engelleyen dış mekanizmaları yasaklar, sadece CSS’ye ve daha fazlasına izin verir. Kısacası, AMP önce web sayfalarının düzenini oluşturur (neredeyse anında) ve önceliğe göre içerik içerir. Bu, bekleyen tüm kaynakları ortadan kaldırır ve istek sayısını büyük ölçüde en aza indirir. Tüm bu faktörler birbirleriyle mükemmel bir uyum içinde çalıştığında, neredeyse bir anda içeren çok hızlı bir web sitesi alırsınız. Penguinwp tarafından derlenen “AMP Effect” gösteren aşağıdaki hız testine bakın. AMP kullanarak şunları yapabilirler:
PagePeed puanını 3 puan artırın Yükleme süresini 5 ila 1.4 saniyeye% 72’ye düşürün!
Sayfa boyutunu% 80’e düşürün ve talep miktarı% 82’ye kadar
Aşağıdaki tablo numaraları paylaşır:
Orijinal Sürüm
92
5
1024
/td>
Sürüm
-82%
AMP içeriğinin korunması, web'i güzel ve mobil cihazlara daha duyarlı hale getirmek için tasarlanmıştır. cihazlar. Bu, mevcut web teknolojisinin bazı önemsiz özelliklerini kaldırarak yapılır. Bu, modern web'in tüm harika özelliklerinin ortadan kaldırıldığı anlamına gelmez. Değil. Yalnızca standart çerçeve açısından zengin olan tüm içerik özelliklerini minimum alana taşır. AMP, yayıncı hikayelerini daha etkileşimli ve belirgin hale getirmek için atlıkarınca görüntüleri, haritaları, sosyal eklentileri, veri görselleştirme ve videoları tamamen destekler. Vaka çalışması: Washington Post
Kaynak: AMP Projesi AMP ile Washington Post vaka çalışmasını görelim. AMP uyguladıktan sonra, yazı hücresel bir aramadan%23 oranında bir artış görür. Bunun biraz açıklamaya ihtiyacı var. Trafiğin yaklaşık% 55'i, bu makalenin başında paylaşılan istatistiklerle bir kez daha senkronize olan mobil cihazlardan geliyor. Veriler 3 saniye içinde yüklenmezse, insanlar ayrılmaya başlar.
Genellikle, hücresel arama kullanıcılarının% 51'i 7 gün içinde Washington Post'a geri döner.AMP'de yayınlanan hikayeleri okuyan kullanıcılar için bu sayı%63'e yükseldi.Bu nedenle, AMP ile hücresel arama trafiği tutma%23 artmıştır.Sadece bu da değil, ortalama sayfa yükleme süresi 400 MD'ye kadardır, bu da AMP'den sonra% 88'lik bir artıştır.Bugün AMP üzerinden 1000'den fazla makale teşvik ediyorlar.Büyük.AMP'ye nasıl erişilir?Herhangi bir web sayfası URL'sine "/ amp" ekleyerek herhangi bir web sitesinin AMP sürümüne erişebilirsiniz.Site AMP'yi desteklemiyorsa veya nöbette bir hata yaşıyorsa, site web sitesinden orijinal hücresel duyarlı sürüme sorunsuz bir şekilde aktarılacak şekilde tasarlanmıştır.
Google AMP önbelleği olarak daha iyi bilinen "AMP Makaleleri için Ücretsiz CDN olarak da bilinir" Google'dan gelen bu ücretsiz hizmet, yayıncıların Google'ın yüksek performanslı Global Cache ağı aracılığıyla verimli dağıtımına izin verirken içeriklerini barındırmasına izin verir. Başka bir deyişle, bu AMP sitesi için ücretsiz bir CDN gibidir. Büyük. O nasıl çalışır? AMP ile uyumlu hale getirilen web sayfalarına Google tarafından özel ilgi gösterilir. Web sitesi sayfanızın AMP sürümünü dizine eklemeye başladığınızda Google, önbellek ampu adlı bir şeyde depolar. Hala içeriğiniz var, Google yalnızca dünyanın uzak bölgelerine hizmet vermeye yardımcı olur. Önbellek önbelleği içeriği güncellemeleri açısından, Google'ın şunları söyledi: "Kullanıcı AMP içeriğine her eriştiğinde önbellekten her eriştiğinde, içerik otomatik olarak güncellenir ve güncellenen sürüm, içerik önbellek olduktan sonra bir sonraki kullanıcıya sunulur." Nasıl erişiriz? Bakalım. Bir web sayfası URL'niz varsa, önce AMP'nin etkinleştirilip etkinleştirilmediğini kontrol etmelisiniz. Bunu sadece URL'ye "/ amp" ekleyerek yaparsınız. Aşağıda, bir amfi olan bir web sitesinden bir Google Cache URL'sinin nasıl alınacağına dair kısa bir formül bulunmaktadır. URL'ye '/ amp' ekleyerek bir web sayfası sürümü alın. Geçerliyse, bir sonraki adıma devam edin. Diğerleri durur.
Sayfa 404 görünürse - Web sitesi AMP uygulamamıştır.
İçeriğin yüklendiğini görürseniz, AMP'nin kurulduğu anlamına gelir.Google AMP önbelleğinden içerik almak için, "www" bölümü hariç AMP URL'sinin başlangıcına https://cdn.amproject.org/c/ ekleyin.
Ana etki alanı adı ('www' dahil değildir) ve URL AMP web sayfasını kopyalayın. URL'ye https://cdn.amproject.org/c/s/ ekleyin ve size URL önbellek amp Google'ı verecektir.
Bu, orijinal makalenin URL'sidir:
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-thhemes-of-2015/
AMP sürümünü elde etmek için orijinal URL'ye sadece /amp ekleriz.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-word-wordpress-thhemes-of-2015/amp/
Şimdi, Google Cache URL'sini almak için, önce "www" bölümünü hariç tutan ana etki alanı adından başlayarak URL amfisini sonuna kadar kopyalıyoruz. Bize katki sunar:
forbes.com/sites/allbusiness/2015/10/24/10-great-wordpress-tikes-of-2015/amp/
Ardından, Google Cache URL'sini aynı sayfadan almak için URL'ye https://cdn.amproject.org/c/s/ ekliyoruz.
https://cdn.amproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-thhemes-of-2015/amp görmek, işe yarayacak! Akıllı reklam
Kaliteli içerik oluşturmak önemli kaynaklar gerektirir. Reklamlar, web üzerinden ücretsiz hizmet ve içerik finanse etmeye yardımcı olur. AMP, bu fikri birleştirmek için tasarlanmıştır ve 75'ten fazla ana reklam ağı ile ortaklık kurmuştur. AMP, çeşitli reklam formatlarını, reklam ağlarını ve kapsamlı teknolojiyi destekler. AMP kullanan her site, reklam ağı seçeneklerini ve kullanıcı deneyimini azaltmayan herhangi bir formatı koruyacaktır. Analitik
Penirantların da içerikleriyle etkileşime girdiklerinde kullanıcı davranışını anlamaları gerekir. Bu nedenle AMP, ComScore, Google Analytics, Krux ve diğerleri gibi 25'ten fazla en iyi analitik çözümle iyi çalışır.
