AMP nedir?Hızlandırılmış hücresel sayfalar için tam kılavuz
Bu yazıda, AMP’nin ne olduğunu, nasıl çalıştığını, faydalarını ve web sitenize nasıl uygulayabileceğinizi tartışıyoruz. Yirmi ilk yüzyıl hayatı hızlı ve daha hızlıdır. Çevrimiçi insanlar yolda olsalar bile. Aslında, etrafınızda cep telefonu veya tableti olmayan birini görmemeyi zor bulacaksınız. Bağlam için, yalnızca ABD’de insanların mobil cihazlarını toplu olarak inceledikleri ve günde 30 milyar kez doğrudan cevaplar bekledikleri tahmin edilmektedir. AMP, bu hızlı adımları izlemeye girerek, her zaman, her zaman, gündüz veya gece ihtiyacımız olan cevabı almamızı sağlar.
AMP nedir?
AMP ‘hızlandırılmış mobil sayfalar’ anlamına gelir. Bir sonraki sorunuza yol açıyor: “Hızlandırılmış hücresel sayfa nedir?” Tarihsel olarak, hücresel web sayfaları eşdeğer masaüstüne kıyasla çok yavaştır. Ancak el cihazlarının kullanımında dramatik bir artışla Google, değiştirilmesi gereken bir şey olduğunu fark eder. Bu nedenle, 2015 yılında, birçok insanın hücresel sayfalar için çok yavaş bir yükleme süresi olarak gördüğü şeyi geliştirmek için Google AMP projesini başlattılar. AMP ilk olarak yayıncılar için özel olarak geliştirilmiştir. Başlatıldığından beri, diğer endüstriler onlara sunabilecekleri önemli faydaları fark ettiler. Böylece, birçok web sitesi, yaşadığımız yerde hızlı hareket eden modern toplumun taleplerini karşılamak için AMP tarafından optimize edilir.
AMP nasıl çalışır? AMP, masaüstü sürümüne kıyasla daha hafif olan HTML, JavaScript ve CSS sürümlerini kullanır. Genellikle statik içerikte ‘daha hafif’ ve dolayısıyla yüklenmesi için sıradan HTML’ye kıyasla daha hızlı kullanılırlar. AMP’nin dezavantajı, web sayfasının cep telefonunuza yüklenmesini beklerken artık kahve içmek için zamanınız olmamasıdır! Her zamanki gibi, Google, hücresel sayfaların neredeyse anında yüklenmesini sağlamak için AMP HTML için katı özellikler uygular. Neyse ki, sayfaları kolayca dönüştürmenize yardımcı olacak çok fazla bilgi de yaptılar. ‘Başlangıç’ ve ‘Kılavuz ve Öğretici’ sayfaları yeni başlayanlar için iyi bir başlangıç noktasıdır. Makaleler aşağıda bağlıdır
2015 yılında AMP’nin doğumundan bu yana Google da AMP ADS girişimini başlattı. Çevrimiçi reklamlarla kullanıcı deneyimini geliştirmeyi amaçlayan bu, çevrimiçi alışverişe yapılan büyük değişim göz önüne alındığında akıllıca bir adımdır. Web siteniz AMP’den nasıl yararlanıyor? AMP, web siteniz için önemli avantajlar sunar: 1. Çok daha hızlı olan hücresel web siteleri, yavaş hücresel web sitelerinin ne kadar sinirli olduğunu biliyoruz. Google da bu tarafından hayal kırıklığına uğradı, bu yüzden AMP’yi ilk etapta başlattılar. Hızlı yükleme web sitesine sahip olmak, ziyaretçileriniz için en iyi deneyimi yaratacaktır. Ve mutlu olan ziyaretçiler = sadık müşteriler.
2. Web siteniz dost mobil cihazlar olacaktır. Yüklenmesi uzun zaman alan bir web sayfasından daha kötü olan tek bir şey vardır ve cep telefonunuzda hücresel kullanım için optimize edilmeyen kullanmaya çalışır.Masaüstü sayfaları sıradan bir bilgisayar ekranında görülecek şekilde tasarlanmıştır.Bu nedenle, tabletlerde kullanmak için çok büyük ve pratik değildirler ve cep telefonlarında neredeyse imkansızdır.AMP, mobil cihazlar için web sayfalarını, okumayı ve dinvigasyonunu kolaylaştırmak için biçimlendirerek optimize eder.AMP eşdeğeri olmayan masaüstü sayfaları, ziyaretçilerin sadece yukarı ve aşağı değil, aynı zamanda sol ve sağda da içeriği kaydırmasını gerektirir.Ziyaretçiler için hızla çok can sıkıcı oldu.
Hız gibi, mobil cihazlar için optimize edilen web sitesi ziyaretçiler için çok daha iyi bir deneyim sunar, bu da sitenizde kalma ve gelecekte ziyaret etme eğiliminde oldukları anlamına gelir.3. Google’ın web sitenize dikkat etme olasılığı daha yüksektir, Google’ın ‘mobil ilk dizinleme’ çalıştırdığını bilmek önemlidir.Bu, genellikle masaüstü sürümünden önce hücresel sürümü kullanarak web sitesini dizine ekledikleri ve sıraladıkları anlamına gelir.Hepimizin bildiği gibi, Kutsal Kupa gibi, Google algoritmasının çalışmasından doğru çalışmanın doğru yolu gizem ve efsanede örtülür.Endeks ve sıralama konusunda çok gizlidirler.Daha fazla önemli olanları karmaşıklaştırmak için algoritma gelişmeye devam ediyor.AMP’nin doğrudan sıralama faktörü olmasa da, sayfa yükleme süresi, içerik kalitesi ve kullanıcı deneyiminin artık bir husus olduğunu biliyoruz.AMP, sitenizdeki her şeyi geliştirmenize yardımcı olabilir.
Örnek AMP Yukarıda belirtildiği gibi, AMP başlangıçta yayıncılar için tasarlanmıştır. Şirketin Washington Post veya CNBC gibi AMP web sitelerinin çoğu olmasına rağmen, e -ticaret gibi diğer endüstriler tarafından da kullanılabilir. Örnek AMP’yi çalışırken görmek için cep telefonunuzdaki Snapdeal ve 1800 akışlarına bakın. Google’ın istatistiklerine göre, 2017’de AMP kullanan sadece bir milyon alan ve 2 milyar sayfa vardı. Bir yıl, kullanan alan sayısı 31 milyona ulaşır ve sayfa 5 milyar’a ulaşır. Son birkaç yıldır hiçbir sayı yayınlanmadı, ancak miktar çok büyük olacak. Bu nedenle, özellikle bugün hayatınızda AMP’yi hiç görmediğiniz olasılık çok olası değildir. Makaleler aşağıda bağlantılıdır
Web sitenize AMP nasıl uygulanır
Web sitenizi AMP’ye göre oluşturmak oldukça kolaydır. Temel bilgileri bilmek yardımcı olsa da, bunu yapmak için çok fazla kodlama bilgisine ihtiyacınız yoktur. Google’ın ‘Kılavuzu ve Öğretici’ sayfası, AMP oluştururken izlenmesi gereken altı farklı adımı tanımlar: 1. HTML AMP sayfanızı oluşturun Eğitiminde Google, başlamak için kullanabileceğiniz birkaç kod verdi. Bu dosyaya .html olarak kaydedilmelidir.
Öğreticiler kodun ayrıntılı bir açıklamasını sağlar. Ayrıca bazı isteğe bağlı meta verilerin dahil edildiğini, yani schema.org’un tanımını da gösterir. Bu meta veriler AMP için zorunlu değildir, ancak onsuz içeriğiniz Google aramasında Carousel Headline News gibi yerlerde görünmez.
Tabii ki, bu kod uydurulmaz ve ihtiyaçlarınıza uyacak şekilde değiştirmeniz isteyebilir veya gerekebilir. Neyse ki, AMP açık kaynaktır, böylece AMP için Google tarafından belirlenen kurallara uymaya devam ettiğiniz sürece ayarlamalar mümkündür. 2. Mobil cihazlarda çok farklı görüntüler görüntülemek için görüntüler ekleyin. Masaüstü sitenizdeki resim ızgaraları mobil cihazlarda yapılamaz-sıralı olmalıdır. AMP için görüntüleri optimize etmek için HTML etiketleri ‘nin HTML AMP etiketleri olarak değiştirilmesi gerekir. Bir kez daha, bu basit bir sorundur ve Google size yardımcı olacak birkaç kod örneği sağlamıştır.
Aşağıda bağlı makaleler
3. Mobil uyumlu web sitesinin düzeninin ve sunumunun düzenini ve sunumunu değiştirme masaüstü sitesinden daha basit ve daha ince olmalıdır. AMP’nin bu durumda oldukça sıkı bir kuralları vardır, çoğunlukla öğenin düzenini düzenlemek için CSS kullanan masaüstü HTML sayfasının aksine, her öğenin belirli bir boyuta sahip olmasını gerektirir. 4. Keşif ve dağıtımınız için bir sayfa hazırlayın, örneğin, haber makalelerinin içeriğini yayınlarsanız, yalnızca uygun amp olmayan sürüm olmadan AMP’ye sahip olabilirsiniz. Ancak, insanların hala bir masaüstü bilgisayar kullandığını unutmayın, bu nedenle web sayfanızın AMP ve AMP olmayan sürümüne sahip olmanız gerekir.
Google, iki sürümün mevcut olduğunu araştırır, sayfanın etiketini kullanma ile bağlantılı olması gerekir. Yalnızca bir AMP sayfanız varsa, yine de
, ancak bu durumda, sayfa yalnızca kendine işaret edecek şekilde ayarlanacaktır. 5. Sayfaların Önizleme ve Doğrulanması 1 ila 4 Adımları tamamladıktan sonra, sayfanın gerektiği gibi işlev görmesini sağlamak için yeni AMP sayfası önizlemesini görmeye hazır olacaksınız. Bu çok kolaydır, diğer statik HTML sayfalarıyla aynı şekilde yapılır. Doğrudan tarayıcınızda veya Nginx veya Apache Web Server 2 gibi bir şeyle alternatif olarak açabilirsiniz. Yeni AMP sayfalarını gördükten sonra, sayfanın geçerli olduğundan ve arama motorları tarafından bulunabileceğinden emin olmanız gerekir – Görünmez bir sayfaya sahip olmanın bir anlamı yok! Bu, sayfanızın görünürlüğünü etkileyebilecek doğrulama hataları olup olmadığını görmek için web tarayıcınız ve Chrome Devtools konsolu kullanılarak yapılabilir. Hatalar varsa, öğreticinin üstesinden gelmeye yardımcı olabilecek bir sayfaya bağlantısı vardır. 6. Son yayınlanmadan kısa bir süre önce Google, AMP’nin çalışma şekline ve her bir öğenin çalışma şekline alışmanızı tavsiye etti. Bu şekilde, tüm web sayfalarınızı AMP’ye kolayca dönüştürebilecek, herhangi bir sorunu çözebilecek ve ayrıca resmi AMP Google web sitesi genellikle AMP ile ilgili sorunlar için ilk hedef olacakken, hücresel kullanım için çok uygun içerik üretebileceksiniz. Kısa sürede hücresel sayfalarınızı etkinleştirmenize ve çalıştırmanıza yardımcı olmak için İnternet’te çok fazla bilgi ve diğer destek mevcuttur. AMP sınırı AMP, basitleştirilmiş HTML, CSS ve JavaScript sürümlerini kullandığından, birkaç uzlaşma vardır. İlk günlerde biraz ‘tren’
ve birçok soruna karşı savunmasız. Ayrıca eşdeğer masaüstü sitesinin çok fazla işlevi yoktur: JavaScript yoktur, ön hazırlama görüntüleri yoktur ve sadece birkaç tanesini belirtmek için yavaş video akışı yoktur. Yani, masaüstü sayfası ‘hepsi şarkı söyler, tüm dans’ amplifikatöre ayarlandığında ritmin çoğunu kaybetti. Ve elbette, Google analitiklerini ve sayfanızın performansını izlemek için gereken tüm önemli verileri toplamak için başka bir şey kullanmanızı istiyor. Hızlı altı yıl ve birçok şey hızla arttı. Şimdi, yıldırım zamanı ve olağanüstü kullanıcı deneyimi sunarken masaüstü meslektaşlarının neredeyse tüm işlevlerini koruyan amp yapmak mümkün. WordPress eklentileri ve benzerleri gibi üçüncü taraf çözümleri, AMP işlevselliğini neredeyse masaüstü seviyelerine yükseltmeye yardımcı olmuştur. AMP’nin performansını ölçmek, web sayfalarınızın performansını düzenli olarak izlemek için çok önemlidir ve AMP bir istisna değildir. Resmi AMP Google web sitesi, ‘AMP’nizin başarısını haklı olarak nasıl ölçülebilirsiniz. Bu, Google Analytics’inizi hazırlama sürecinde size rehberlik eder, böylece bunu yapabilirsiniz. Bu, Google Analytics arayüzüne az miktarda kod eklenmesini gerektirecektir, ancak kılavuzda sağlanır. Doğru hazırlandıktan sonra, aşağıdaki AMP metriğini izleyebileceksiniz: 1. AMP ve AMP olmayan trafik kaynaklarının/medyanın trafik ayrılması.
AMP’den başlayan seans sayısı.
Önbellek olmayan önbellek analizi.
2. Kullanıcı katılımı
Pentastal seviye.
Oturum başına sayfa.
