Google arama sonuçlarınızda hemen altında şimşek ibaresi olduğunu gördünüz mü? Bu ibare hızlandırılmış sayfalar anlamına gelir. Google, mobil cihazların her geçen gün daha fazla kullanıldığını görerek yeni bir teknoloji geliştirdi. AMP (Accelerated Mobile Pages) yani hızlandırılmış mobil sayfalar. Google, AMP’yi mobil sayfaların hızlı kullanılması için geliştirilmiştir.
Bir web sitesinde, reklam, sayfanın tasarımı için CSS, resimler, birden fazla yazı fontu ve JavaScript bulunur Bunların her biri sitenin yavaşlamasına sebep olur.
Web siteniz mobil cihazlarda yavaş yüklenir ve kullanıcı bu durumdan oldukça şikâyetçidir. Genellikle sitelerin hızlı çalışması için tasarımdan vazgeçilir. Kalitesiz tasarımlar meydana gelir ki kullanıcı bundan memnuniyet duymaz. İşte bu sorunun çözümü AMP’dır.
Google AMP Nasıl Çalışır?
AMP iki basit parçadan oluşuyor: AMP Html ve AMP Js
- AMP HTML Eğer standart HTML konusunda bilginiz varsa, var olan sayfaları AMP HTML’e çevirme konusunda zorluk çekmeyeceksiniz.
- AMP JS Mobil sayfalar için bir JavaScript framework’üdür.
Var olan sitenizi AMP’ e dönüştürmek için her alt sayfanızın en az iki versiyonunu bulundurmanız gerekmekte. Orijinal versiyon ve bu sayfanın AMP versiyonu. Örneğin Resim dosyalarınızı özel olarak yapılandırılmalısınız. İmg taglerini amp-img olarak değiştirmelisiniz.
<amp-img src="https://www.ampproject.org/examples/images/amp.jpg"></amp-img>
Buna örnek olarak youtube videoları için amp-youtube tagını kullanabilirsiniz.
Css içinde aşağıdaki amp-custom alanını kullanmanız gerekir.
<style amp-custom>
amp-img {
margin: 0.7em;
}
</style>
Bu etiket ve uzantı kullanımı zor değil sadece yavaş yavaş ilerlemeniz gerekiyor. Daha fazla detay için AMP Project’e bakabilirsiniz.
Bir Google AMP Sayfasında Olduğunuzu anlamak için Google Aramada, herhangi bir AMP sayfasında küçük şimşek sembolü ve yanında yanında AMP kelimesi bulunur. Trunçgil Teknoloji olarak Google AMP’yi kullanıyor ve sizlere daha hızlı bir erişim sağlamanın keyfini sürüyoruz.