Google AMP Nedir? //XCodeExpertX

X-Code

Uzman üye
19 Mar 2019
1,855
335
Localhost

jyo2qm.png

Merhaba TürkHackTeam Üyeleri. Bu Konumda Sizlere Google AMP'ın Ne Olduğu, Nasıl Kurulduğu Gibi Konulara Değineceğim.

1.png



Konu İçeriği

>> Google AMP Nedir?
>> Google AMP Nasıl Çalışır?
>> Google AMP Sayfası Oluşturmak İçin Uymanız Gereken Kriterler
>> Google AMP Nasıl Kurulur?




1.png



Google AMP Nedir?

Yabancı literatürde AMP(Accelerated Mobile Pages) diye geçen türkçesi Hızlandırılmış Mobil Sayfalar olan kavram, sayfaların daha hızlı açılabilmesini sağlayan bir mobil teknolojisidir. AMP teknolojisi ile sayfanızın açılma hızını kat kat daha aza indirebilirsiniz. Google, AMP teknolojisini kullanan sitelerin alt kısımlarına AMP ikonu koyar.


googleamp.png



x8KQ2K.png



Google AMP Nasıl Çalışır?

Aslında Google sizin sitelerinizin sunucu verilerini alıp kendi sunucusuna koyuyor. Böylelikle birisi o siteye girdiğinde aslında sizin sunucunuza değil Google'nin sunucularına bağlanarak siteye giriyor. Ve böylelikle çok çok daha hızlı bir şekilde siteye girmiş oluyor. AMP sayfası oluşturmak için öncelikle Google'in koyduğu kriterlere uygun olacak şekilde kendi sitenizin başka bir sürümünü oluşturmanız gerekecek. Oluşturduktan sonra artık size özgü AMP sayfanız olacak. Ve kullanıcılar sitenize girerken sizin alan adınızla değil oluşturduğunuz AMP sayfasının alan adı ile girecektir. Google'nin koyduğu bazı kriterler diye söylemiştim şimdi bu kriterler neymiş biraz inceleyelim.


Listerine-Amp-smaller.gif



x8KQ2K.png



Google AMP Sayfası Oluşturmak İçin Uymanız Gereken Kriterler

Google AMP sayfalarını kendi önbelleğinden hızlıca servis edebilmesi için web sayfalarına çeşitli kısıtlamalar getiriyor. Bunları maddeleyecek olursak şu şekildedir :

» HTML kodlarındaki etiketlerin kendi etiketleri ile değiştirilmesini zorunlu kılıyor.

Mesela örnek verecek olursak aşağıdaki kodlar normal HTML taglarıdır.

amp6.png


Google AMP bu taglar yerine aşağıdaki tagları kullanmanızı istiyor.

amp7.png



» CSS kodlarının inline olması ve yalnızca bir stil olmasını zorunlu kılıyor.


» JavaScript kodlarının yükünün azaltılması için kendi JavaScript kütüphanesinin kullanılmasını zorunlu kılıyor.



x8KQ2K.png



Google AMP Nasıl Kurulur?

Kurulumu WordPress için anlatacağım. Siteye AMP kurulumu yapmak için WordPress AMP eklentisini kullanacağız. Bu işlemlere başlamadan önce sitenizi yedeklemenizi öneririm.

» İlk olarak WordPress panelinden Eklentiler -> Yeni Ekle bölümüne giriyoruz ve AMP for WordPress eklentisini aratıp karşımıza çıkan eklentiyi yükleyip etkinleştiriyoruz.

OD7J0E.png


» Sonra panelden Görünüm -> AMP böümüne giriyoruz ve Tasarım sekmesini açıyoruz.

TYH4dC.png


» Buradan WordPress AMP sitenizin görünümünü değiştirebilir ve yaptığınız değişiklerin önizlemesini görebilirsiniz.

» İstediğiniz değişiklikleri yaptıktan sonra Yayımla butonuna tıklayabilirsiniz.

» Yazılar ve sayfaların WordPress AMP üzerinde gösterilmesi için panelden AMP -> General bölümüne gelin ve istediğiniz seçenekleri işaretleyip Değişiklikleri Kaydet butonuna tıklayın.

ItY8P1.png




YuUK4I.png



Konum Bu kadardı Umarım Sıkılmadan Okumuşsunuzdur Ve Faydalı Olmuştur.

Okuduğunuz İçin Teşekkür Ederim.

Saygılarımla:Smiley1021:


oKEKz1.gif

 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.