Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

AMP Nedir ? AMP Kullanımı

Sezai AlkanFrontend 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

Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com