AMP, Hızlandırılmış Mobil Sayfalar’ın İngilizce baş harflerinin kısaltmasından meydana gelmektedir. Hızlandırılmış mobil sayfalar, statik içerik için hızlı bir şekilde oluşturulacak web sayfaları oluşturmanın bir yoludur. AMP, AMP HTML, AMP JS kütüphanesi ve Google AMP Önbelleği’nden oluşur.

Bir sayfa mobil kullanım için optimize edilmediğinde, hemen çıkma oranlarının arttığını görürsünüz. Çünkü ziyaretçilerin %30’u, 3 saniye içinde yüklenmezse sayfadan ayrılır. AMP, mobil web sitelerinin internetteki performansını önemli ölçüde artırıyor; öyle ki, yükleme süresi çoğu zaman anında 1 saniyeden az bir süreye iniyor.

Şimdi, ilk olarak Google AMP’nin ne olduğunu öğrenelim…

Google AMP Project Nedir?

AMP, yapısal olarak mevcut teknolojilere dayanır ve İnternet’in en büyük yazılımları ve firmaları ile işbirliği içinde çalışır. AMP, sayfa oluşturmak için tamamen farklı bir teknoloji kullanmaz; birkaç kısıtlama ile normal HTML’den oluşur. Aynı zamanda çok fazla iş gerektirmez. AMP’de reklamlar gibi üçüncü taraf içerikler ön planda değildir. Ziyaretçilerin tercih ettikleri içeriği en kısa zamanda görmelerine odaklanır.

AMP JavaScript (JS) kitaplığı en iyi performans uygulamalarının tümünü kullanır, yükleme kaynaklarını yönetir ve kullanıcıya kendi özel etiketlerini verir – hepsi sayfanızın mümkün olduğunca hızlı bir şekilde oluşturulduğundan emin olmak içindir. En büyük avantajlardan biri, dış kaynaklardan gelenler bile dahil olmak üzere her öğenin senkronize olmasıdır.

Performans için kullanılan diğer teknikler, kaynakların yüklenmesinden önce sayfadaki tüm öğelerin yerleşimini önceden hesaplama, yavaş CSS seçicilerini devre dışı bırakma ve tüm iframe’leri korumayı içerir.

AMP HTML Nedir?

AMP HTML, güvenilir performansa ve yalnızca temel HTML’den daha zengin olan zengin içeriği bir araya getirmeye yönelik birkaç uzantıyla ilgili bir dizi kısıtlamaya sahip HTML’dir. AMP JS kütüphanesi, AMP HTML sayfalarını hızlı bir şekilde oluşturmaya yardımcı olmak için çalışır ve Google’ın AMP Önbelleği, AMP HTML sayfalarının önbelleğine yardımcı olmak için çalışır.

Kısacası, AMP HTML, özel AMP özelliklerini içeren standart bir HTML’dir. AMP HTML’deki etiketlerin çoğu standart etiketlerdir, ancak bunların bir kısmı AMP bileşenlerine uyacak şekilde değiştirilmiştir. Bu özel öğeler, ortak kalıpların kullanımı kolay olduğundan emin olmak için çalışır.

AMP Cache Nedir?

Google AMP Cache, geçerli tüm AMP belgelerini dağıtmak için kullanılan, proxy tabanlı bir dağıtım ağıdır. AMP HTML sayfalarını aktarır, daha sonra bunları önbelleğe alır ve sayfa performanslarını otomatik olarak iyileştirir. Bu AMP Önbelleğini kullanırken, tüm JS dosyaları ve görüntüleri içeren belge, en yüksek verimlilik için HTTP 2.0 kullanan aynı kaynaktan yüklenecektir. Bir sayfanın harici kaynaklara bağlı olmadan çalışıp çalışmadığını teyit edecek önbellek sistemi ile birlikte gelen bir doğrulama sistemi vardır.

Doğrulama mekanizmasının farklı bir sürümü varsayılan olarak her bir AMP sayfasıyla birlikte gelir. Bu, sayfa oluşturulduğunda doğrulama hatalarını doğrudan tarayıcı konsoluna kaydedebilir. Bu, kullanıcının koddaki karmaşık değişikliklerin performansın yanı sıra kullanıcı deneyimini nasıl etkileyeceğini görmesini sağlar.

AMP Nasıl Çalışır?

Hızlı yükleme sayfaları oluşturmak için çalışan AMP, sayfayı optimize etmek için kullanılan bir dizi öğenin birleşimidir.

JavaScript, bir web sayfasının neredeyse herhangi bir bölümünü değiştirmek için kullanılabilir, ancak aynı zamanda DOM yapısını engellemek ve sayfaların oluşturulmasını geciktirmek için de kullanılabilir. JavaScript nedeniyle sayfa oluşturma gecikmesini önlemek için, AMP sadece senkronize olmayan JavaScript’e izin verir.

AMP Çalışma Mantığı

AMP sayfaları, web yöneticisi tarafından yazılmış herhangi bir JavaScript kullanımını engeller ve normal JavaScript kullanmak yerine, etkileşimli bir sayfa yalnızca özel AMP öğelerinden oluşmalıdır. Bu özel öğeler, çekirdekten JavaScript yapılabilir, ancak web sayfasının performansında herhangi bir engellemeye neden olmadıklarından emin olmak için özel olarak tasarlanmış olmalıdır. Üçüncü taraf JavaScript’in iframe’lere izin verilir.

AMP, her bir öğenin boyutunu ve tüm kaynakları indirilmeden önce konumunu belirler. Kaynaklar indirilmeden önce AMP, sayfanın düzenini yükler. AMP, belge düzenini kaynak düzeninden ayırmak için çalışır ve tüm belgeyi düzenlemek için yalnızca bir HTTP isteği gerekir. Böylelikle AMP, Instagram yerleştirmeleri, Twitter alıntıları ve benzerlerinin uzantılarına hızlandırma noktasında da yardımcı olmuş olur. Bu şeyler ek HTTP istekleri gerektirir ve bu istekler sayfa düzenlerini ve görüntülemeyi engelleyemez. Özel komut dosyası kullanan sayfaların, AMP sistemine, sonunda bir özel etikete ihtiyaç duyacağını bildirmesi gerekir.

AMP Neden Hızlı Çalışıyor?

AMP’nin, kaynakların indirilmesi üzerinde tam bir kontrolü vardır; bu, yüklemeyi önceliklendirir, yani yalnızca gerekenleri yükleyeceği ve yüklenmesi uzun süren kaynakları erken getireceği anlamına gelir. AMP herhangi bir kaynağı indirmeye çalışırken, indirilen ilk kaynakların en önemlileri olacak şekilde indirmeleri sıraya koyar. Reklamlar ve resimler yalnızca kullanıcı tarafından görülme olasılığı yüksekse veya kullanıcı hızlı bir şekilde onlara kaydırmaya uygunsa indirilir. AMP ayrıca, yüklenmesi uzun zaman alan tüm kaynakları önceden alır. Bu nedenle, öğeler hızlı bir şekilde yüklenir.

AMP, sayfaların çok hızlı yüklenmesine yardımcı olur. Preconnect API, HTTP isteklerinin mümkün olan en kısa sürede başarılı olmasını sağlamak için kullanılan yeni bir sistemdir. Bunu kullanarak, bir web sayfası, kullanıcıya, gezinmek istediklerini açıkça belirtmeden önce oluşturulabilir. Bu sayfa, kullanıcının fiziksel olarak seçtiği zamana hazırdır ve sayfanın hemen yüklenmesine izin verir. Bu tür bir ön yükleme, web’deki içeriğe uygulanabilir, ancak aynı şekilde çok fazla CPU ve bant genişliği de alabilir. Bunların ikisi de AMP kullanılarak azaltılabilir. Ekranın üst kısmındaki kaynaklar yalnızca ön kayıt ile indirilir ve CPU için pahalı olabilecek şeyler oluşturulmaz. AMP dökümanları anında yüklemeye yardımcı olacak şekilde önceden düzenlenebilir, katın üzerindeki tek kaynaklar indirilir.

Mobil AMP Ne İşe Yarar?

Hızlandırılmış Mobil Sayfalar (AMP) açık kaynaklı bir yazılımdır. Statik içerik için sayfalar oluşturmanın bir yolu olarak, AMP içeriğin mümkün olduğunca hızlı bir şekilde oluşturulmasını sağlamaya yardımcı olur. HTML’nin gerçekten AMP HTML olduğundan emin olmak için fazladan çaba harcanmaz.

Google ve Twitter gibi devlerin desteklediği bir açık kaynak girişimidir. AMP’lerin temel amacı, kullanıcı deneyimini daha iyi hale getirmek için web sayfalarının mobil cihazlarda daha hızlı yüklenmesini sağlamaktır.

Zengin içerik için gereken birkaç ek uzantı ve güvenilir bir performans sağlayan bazı kısıtlamalar vardır, ancak bir web sitesi başlangıçta oldukça basitse, AMP HTML ile uyumlu olabilir. Hareket halindeki mobil cihazlardan gelen bilgiye erişen nüfus giderek daha fazla olduğunda, AMP doğru yönde bir adımdır.

Google AMP Avantajları ve Dezavantajları

SEO uzmanlarına göre, AMP’nin yararı, SEO’nun en öncelikli faktörlerinden birini geliştirdiğinizden bu yana üst sıralarda yer almanıza yardımcı olur, bu sizin site yükleme hızınızdır. Ayrıca, web sitenize erişen kullanıcılar için yavaş internet bağlantıları ile kullanıcı deneyiminizi iyileştirmeye yardımcı olur.

AMP, sınırlı HTML, JavaScript ve CSS kümesini kullanır; bu, AMP sürümümüze belirli eklentileri ve özellikleri ekleyemeyeceğiniz anlamına gelir. Bu, abone formları, kutu gibi facebook ve diğer dinamik komut dosyaları ekleme yeteneğinizi sınırlar.

Google AMP, Google Analytics’i desteklerken, diğer birçok analiz platformunu desteklemez. Aynı şey birkaç reklam platformu seçmek için sınırlı olan reklam seçenekleri için de geçerlidir. Trafiğinizin önemli bir kısmı mobil aramalardan geliyorsa, SEO’nuzu iyileştirmek ve korumak için AMP desteğinin eklenmesinden yararlanabilirsiniz.

Google AMP Nasıl Kurulur? AMP Kurulumu Nasıl Yapılır?

Artık web sayfalarınızı AMP uyumlu hale getirmeye hazırsınız.

  1. https://tr.wordpress.org/plugins/amp/ buradan AMP eklentisini yükleyin.
  2. Etkinleştirdikten sonra, sitenizin AMP’yi kullanarak mobil cihazlarda nasıl göründüğünü görmek için Görünüm » AMP sayfasına geçebilirsiniz.
  3. Artık başlık arka planını ve metin rengini bu sayfada özelleştirebilirsiniz. Seçtiğiniz başlık arka plan rengi bağlantılar için aynı kalacaktır. Eklentiniz, temanız destekliyorsa sitenizin simgesini veya logosunu da kullanacaktır. Sadece, gerçekleşen etkiyi görmek için yaptığınız tüm değişiklikleri kaydedin.
  4. Artık web sitenizdeki herhangi bir gönderiyi ziyaret edebilir /amp/ve URL’nin sonuna ekleyebilirsiniz.
  5. Şimdi, orijinal sayfanızın kaynak kodunu kontrol ettiğinizde, bu sözdizimini HTML’nizde görebilirsiniz: <link rel=”amphtml” href=”https://seouzmani.info.tr/2018/07/seouzmani/amp”>
  6. Bu satır, arama motorlarına ve diğer AMP kullanan uygulamalara ve hizmetlere sayfanın AMP sürümü için nerede ziyaret edileceğini söyler.

Ayrıca ücretli AMP kurumu hizmeti için bizimle iletişime geçebilirsiniz.