AMP Nedir ? AMP Kullanımı

sezaialkan
Sezai Alkan Frontend Developer

AMP Nedir ? AMP Kullanımı, Amp Google Tarafından Geliştirilmiş, Accelerated Mobile Pages Olarak Adlandırılan Açık Kaynak Kodlu Bir Mobil Teklonojisidir. 2015 Yılında Ortaya Çıkmış, Amacı Mobil Web Sitelerinin Kullanıcılara En Az Veri İle En Hızlı Şekilde Açılmasını Sağlayan Bir Teklonoji. Peki Bu Hızlanmayı Nasıl Sağlıyor Derseniz, AMP İle Oluşturulan Sayfalarınızı Google Kendi Hafızasında Tutuyor, Hal Böyle Olunca Sunucuya Bilginin Gitmesi Gelmesi Gibi Zaman Kayıplarıda Ortadan Kalkıyor. Tabi Sadece Bununla Bitmiyor. Html, Css, Javascript Bunlarla Oluşturduğunuz Sayfalarda Bazı Değişiklikler Mevcut. Html de Bazı Etiketleri Kullanmanıza İzin Verilmiyor. Css 'i Sayfa İçeresinde Yazmanız Gerekecektir, Gibi Kısıtlamalar Mevcuttur.

AMP Html 

Amp Html İle Bazı Etiketleri Kullanamayacağımızı Demiştik. Peki Bunlar Hangileri ?

<img>, <video>, <audio>, <iframe>, <embed>, <frame>, <frameset>, <base>, <object>, <applet>

Gibi Etikerleri Kullanımı AMP İle Yoktur. Bunların Yerine Kullanabileceğimiz AMP Etiketleri, 

<amp-img>, <amp-video>, <amp-audio>, <amp-iframe>

Etiketlerini Kullanmamız Gerekiyor. Bunların Yanı Sıra Sayfamızın Temelinde Olması Gereken Etiketlerde Mevcut. Sayfanızın İlk Satırı <!doctype html> İle Başlamalıdır. Ve <html> Etiketiniz <html amp> Şeklinde Olmalıdır. Amp nin Javascript Kütüphanesi Olan 

<script async src="https://cdn.ampproject.org/v0.js"></script>

CDN Yolu İle Head Etiketleri Arasına Eklemeniz Gerekmektedir. Amp Sayfasının, Amp Olmayan Halinin Yolunu

<link rel="canonical" href="ampsizSayfaYolu.html">

Satırı İle <head> Etiketleri Arasında Belirtiyoruz. Ampsiz Sayfadan AMP li Sayfa Yolunu İse 

<link rel="amphtml" href="ampliSayfaYolu.html">

Üst Taraftaki Satır İle Belirtebiliyoruz. Amp İle Oluşturuğumuz Sayfaları Google Search AMP İle İster Sayfanın Tamamını İstersekte Oluşturduğumuz Amp Kodlarını Kontorl Elme Şansımız Vardır. 

https://search.google.com/test/amp

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol