Google AMP Nedir? Google AMP’ye Hızlı Bakış?

Google AMP Nedir? Google AMP’ye Hızlı Bakış?

Google AMP ile Google web sitelerinin mobil versiyonlarını farklı bir yapıya dönüştürüyor.

Google için web sitelerinin hızlı olması önemlidir ve bu duruma dikkat edilmesi gerekir. Gerçi hiç kimse bir web sitesinin açılması için 5-10 saniye beklemiyor. Bu konuda haksız da değil.

Ama süre mili saniyeler ile hesaplandığında web sitesi geliştiricileri kurdukları sistemler üzerinde ek çalışmalar yapmak zorunda kalıyor.

Önemli kıstasların bir diğeri olan kullanılan cihazlara uygunluk ise Google’ın üzerinde çalışmalar yaptığı bir alan.

Google AMP’de bu çalışmalar sonucunda ortaya çıkan bir teknoloji. Yani hızlı, mobil cihaza uyumlu ve içeriğe rahat erişim sağlayacak web siteleri için geliştiriliyor. Zaten AMP’nin açılımı Accelerated Mobile Pages, yani Hızlandırılmış Mobil Sayfalar.

google amp
Resim: https://amphtml.wordpress.com/

Kendi sitesinde AMP şu şekilde tanımlanıyor; AMP hızlı sonuç veren statik içerik için web sayfalarını oluşturmanın bir yoludur. AMP eylem olarak üç farklı kısımdan oluşur:

  • AMP HTML
  • AMP JS
  • Google AMP Cache

AMP HTML

AMP HTML güvenilir performans için bazı kısıtlamalar ve temel HTML’in ötesinde zengin içerikler oluşturmak için bazı uzantılar içeren bir HTML’dir.

AMP JS kitaplığı AMP HTML sayfalarının hızlı sonuç vermesini sağlar.

Google AMP Cache (isteğe bağlı) AMP HTML sayfalarını getirir.

Günümüzde %50’leri geçen mobil trafik, web sitesi geliştiricilerini AMP’ye yönlendirecek en önemli kıstas.

Hızlı açılan, az data harcayan ve içeriğe erişimi kolay siteler mobil internet kullanımında önemlidir.

Google AMP bu yapıyı sunmayı vadettiği için -ve sağladığı için- en önemli avantajı olarak karşımıza çıkıyor.

Bunun yanında Google AMP’nin sanırım en büyük dezavantajı web geliştiricileri için ek yük getirmesi.

Çünkü web sitenizi AMP uyumlu hale getirmek için AMP HTML adı ile ortaya çıkan dili öğrenmeleri gerekiyor. Bir de dışarıdan javascript ve css dosyaları eklenemediği için her şey sayfada olacak şekilde yeniden kodlamak gerekiyor.

Aşağıda en basit AMP HTML sayfasını görebilirsiniz.

<!doctype html>
<html ⚡>
<head>
<meta charset=”utf-8″>
<link rel=”canonical” href=”hello-world.html”>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src=”https://cdn.ampproject.org/v0.js”></script>
</head>
<body>Hello World!</body>
</html>

Google AMP, açık kod olarak geliştirilen bir proje. Kendi web sitesinden (link) ve Github proje sayfasından (link) detaylı bilgilere ulaşabilir örnek kodları inceleyebilirsiniz.

Unutulmaması gereken bir diğer husus, AMP halen geliştiriliyor. O yüzden AMP Blogunu da (link) takibe almanızı öneririm.

Bir sonraki yazımızda örnek bir AMP HTML sayfası yapıp AMP etiketlerini daha yakından tanıyacağız.

Ayrıca popüler içerik yönetim sistemleri olan WordPress (link), Drupal (link) ve Joomla (link) için AMP eklentileri hazır. Sitelerinize kurup test edebilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

BENZER YAZILAR