AMP Nedir?

Daha önce telefonunuzdan arama yaptıysanız ve sonuçlarla etkileşime girdiyseniz, muhtemelen “AMP (Accelerated Mobile Pages)” veya “Hızlandırılmış Mobil Sayfalar” ile karşılaştınız.

AMP, Google tarafından Twitter ile işbirliği içinde geliştirilen açık kaynaklı bir kodlama yöntemidir. “Hızlandırılmış Mobil Sayfalar”, mobil web tarayıcılarında daha iyi ve daha hızlı deneyimler kazandırır. Temelde kodlama yöntemi, HTML’yi basitleştirerek ve düzenli CSS kurallarını izleyerek mobil cihazlar için hafif deneyimler oluşturmanıza olanak tanır.

AMP, başlangıçta Facebook’un “Anında Makalelere Yanıt” özelliği için geliştirildi. Bununla birlikte yıllar geçtikçe içeriği doğrudan arama sonuçlarından neredeyse ışık hızında yayınlamak için güçlü bir platform haline geldi. Bu yılın başlarında Google, AMP teknoloji çerçevesini web standartlarına eklemek için zorlayacağını ilan ederek, kuma bir çizgi çizdi.

Mobil telefonunda AMP kullanan bir genç

AMP nasıl çalışır?

AMP kodlama yönteminde 3 ana bölüm var.

  • AMP HTML: AMP HTML’yi normal HTML’nin daha zayıf bir sürümü olarak düşünün. AMP kodlama yönteminde kullanabileceğiniz HTML etiketleri için katı kurallar vardır. Hızlı sayfa yüklemesini sağlamak için AMP’de formlar gibi belirli HTML öğelerine izin verilmez. AMP çerçevesi ayrıca düzenli bir CSS sürümü kullanmanızı gerektirir. AMP çerçevesi için gerekli HTML etiketlerinin tam listesini görüntüleyin. Modern HTML ve CSS kullanarak web içeriği oluşturmaya alışkınsanız, bunların hiçbiri zor gelmeyecektir.
  • AMP JS: Mobil platformlarda hızlı sayfa yüklemesini sağlamak için, AMP herhangi bir Javascript kullanımını kısıtlar. Bunun tek istisnası, sayfa yükleme hızlandırma akılda tutularak optimize edilmiş AMP komut dosyaları içindir. AMP’nin JS ile ne alıp götürdüğünü, “Uygulaması Kolay Bileşenler” kütüphanesi sağlar. AMP’nin engin bileşen kitaplığını kullanarak animasyon oluşturabilir, içeriği dinamik olarak yükleyebilir, düzende değişiklik yapabilir ve daha fazlasını yapabilirsiniz. (Ve endişelenmeyin, GDPR (General Data Protection Regulation) yani “Genel Veri Koruma Yönetmeliği” uyumluluğu için de bir AMP bileşeni var.)
  • AMP CDN: Genellikle “AMP Önbelleği” olarak bilinen AMP platformunun kritik bir bileşeni, proxy tabanlı içerik dağıtım ağıdır (CDN). CDN, AMP içeriğini alır ve hızlı teslimat için önbelleğe yerleştirir. Varsayılan olarak, AMP CDN geçerli tüm AMP içeriğini önbelleğe alır ve dışarıda bırakma seçeneği sunmaz. Ancak, içerik yayınlama yapılandırmalarınızı özelleştirmek için kendi CDN sağlayıcınızı AMP önbelleğinin üstüne koyarak devam edebilirsiniz.

Öyleyse, web sitem için AMP kullanmalı mıyım?

AMP’nin lansmanından bu yana geçen birkaç yıl içinde, medya sitelerinin AMP’de başarılı olduğu genel olarak kabul edildi. Medya sitelerindeki içeriğin çoğunluğu statik olduğundan, bu web siteleri organik arama trafiğinde önemli artışlar görmüştür. Ayrıca Google, yayıncıların içeriğini “Zengin Kartlar”la öne çıkarmasını kolaylaştırmıştır. Çok fazla dinamik ve kullanıcı seçimlerine göre değişen filtreleme, sıralama, alışveriş sepeti ekleme ve daha dinamik kullanıcı eylemleri gibi içeriği olan e-ticaret web siteleri için jüri, AMP’nin mobil cihazlarda performansı ne kadar artırabileceğine karar verdi. Tüm SEO ve mobil performans meraklıları, iyi uygulanmış bir AMP web sitesinin şunları yapacağını kabul ediyor gibi görünmektedir:

  • Organik arama trafiğinin hacmini önemli ölçüde arttırır.
  • Daha hızlı ve daha iyi mobil deneyimlerden kaynaklanan etkileşimi ve dönüşümleri arttırma.
  • AMP, CDN önbelleğe aldığından ve çoğu arama sonucuna yanıt verdiğinden, sunucularınızdaki yükü azaltır.
  • Mobil arama sonuçlarında, içeriğinizin AMP çerçevesinde belirgin bir şekilde öne çıkması için bir fırsat sağlar.

Fakat AMP’nin sakıncaları nelerdir?

Bazı dijital web markalarının AMP’yi uygulamamaya karar vermesinin en yaygın nedeni, web varlıklarınızı AMP-ify için gerekli çaba düzeyidir. Mobilin bir fırsat sunduğu inkar edilemez ama aynı zamanda önemli ve düşünceli bir yaklaşım gerektiriyor. Bir AMP deneyiminin avantajlarından yararlanmak için, geliştirme ekibinizin AMP için ayrı varlıklar oluşturması ve sürdürmesi gerekir.

AMP her seferinde sunucularınıza bir istek yapmadan içerik önbelleğe aldığından, analitik ve ölçüm araçlarınız sunucu isteklerine %100 güvenemez. Web sitenizin AMP sürümünden katılım metriklerini doğru bir şekilde yakalamak için özel izleme parametreleri uygulamanız gerekecektir.

Basitçe söylemek gerekirse, AMP bir diyette HTML’dir; bu, AMP’de hareketli haritalar, dönen resimler ve daha fazlası gibi zengin kullanıcı deneyimleri sunamayacağınız anlamına gelir. Web sitenizin bölümleri yoğun olarak zengin UX (Kullanıcı Deneyimi)’e dayanıyorsa, bu web bölümlerinin AMP sürümlerini tekrar gözden geçirmek isteyebilirsiniz.

Son olarak, AMP deneyimleri tasarımla sınırlıdır. Kullanıcıların, AMP deneyiminden Google arama sonuçlarına geri dönme dışında herhangi bir şey yapması zor. Bu, mobil kullanıcı katılımını kaybetme riski ve markanız için potansiyel bir dönüşüm yaratır.

Google AMP Görünümü
AMP Görünümü

Kaynak: https://blog.branch.io/accelerated-mobile-pages-what-is-amp-and-what-does-it-mean-for-your-mobile-business