Web Sitenizi AMP Uyumlu Yapın

amp

AMP, Google’ın başlatmış oldu bir projedir. Açılım olarak  “Accelerated Mobile Pages”, yani “Hızlandırılmış Mobil Sayfalar” olan proje, isminden de anlaşılacağı gibi mobil kullanıcılara kolaylık sağlamak için yapılmıştır. Bu sayede sitenizdeki mobil kullanıcılara kolaylık sağlayabilirsiniz.

amp

Google, bu proje sırasında özel olarak kullandığı AMP-HTML ile sitelerin ayrı bir HTML tasarımı kullanmasını sağlıyor. Yani bu yapılan site normal siteden bağımsız oluyor.

/yaziadi nın Hızlandırılmış Mobil Sayfa versiyonunun /yaziadi/amp olarak farklı bir kod dizaynıyla tasarlanması gibi.

AMP’nin Temel Farkları

Öncelikle başlangıç <html> olarak yapılmıyor. Bunun aşağıdaki gibi olması gerekiyor.

<html amp=’amp’>

Bir resim eklenecekse kod <img> olarak kullanılmıyor.

<amp-img>

Kendine özgün dosyalar gerektiriyor.

Bootstrap benzeri diyebiliriz.

Hızlandırılmış Mobil Sayfalarınızı Google’a tanıtmak için şu kodu HMS olmayan sitenizin kodlarına eklemelisiniz.

<link rel=”amphtml” href=”https://www.example.com/amp-version.html” />

WordPress ve HMS

Eğer WordPress sitenizi HMS uyumlu yapacaksanız yapmanız gereken tek şey Eklenti bölümüne girmek ve “AMP” yazmak yeterli olacaktır. Ardından çıkan sonucu indirerek kurulumu tamamlayabilirsiniz.

Bundan sonra ise Ayarlar -> Kalıcı bağlantılardan link yapısını yenilemeniz gerekiyor.

Ayrıca ücretli olarak da seçenekleriniz bulunuyor. Burada en çok tercih edilenler:

WP AMP, şu anda 39 dolarlık bir satış fiyatı bulunuyor. Kolay arayüzü ve tasarım açısından çokça şeye izin vermesi, ekstra kod ekleme imkanı sunması güzel ve işe yarar özellikleri.

WP AMP Ninja, birçok düzenleme imkanı sunan ve ana sayfadan etiket sayfasına kadar birçok sayfa için destek sunan, içerisinde Google Analytics desteği bulunduran bir eklenti. Aynı zamanda Adsense reklamları için de sizlere destek sunuyor.

Diğer Web Siteleri

Kendi yaptığınız sitelerinizi Hızlandırılmış Mobil Sayfalara geçirmek içinse buradaki yardımcı içeriği ziyaret edebilirsiniz. İçerik, İngilizce olsa da direkt Google tarafından hazırlandığı için size en doğru bilgiyi verecektir.

İsterseniz yine başka bir siteden örneklerle beraber de öğrenme imkanı yakalayabilirsiniz. Buradaki güzellik size hazır siteyi ve kodlarını aynı pencerede sunabilmesi ve iki açıdan da olayı kavrayabilmeniz. Site, yine İngilizce olarak hazırlanmış ve Google’ın projesinin bir parçası.

8 comments

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

  • Amp herkes bunu konuşuyor acaba yapsak mı falan bence yapılması lazım yapılmazsa geri kalınır gelişmelerden hızdan en önemlisi hızdan geri kalınmaması için geçilmeli.

  • amp’nin bence seoya da etkisi büyük ne kadar kullanıcı odaklı bir hız sunsa da ilerleyen günlerde amp kullanıcıları farkını anlayacaktır diye umuyorum, bilgilendirmeler içinde teşekkürler bir ara pro amp kurulumunu anlatırsanız seviniriz

  • Birçok sitede dikkatimi çekmişti kendi sitem için nasıl uygulayabilirim diye bakıyordum.Hem açıklayıcı hemde net bir yazı olmuş.

  • Açıkcası bayadır bunun gibi net anlatım yapan amp kurulum yazısı arıyordum.Sonunda buldum diyebilirim.Amp sayfaların daha çabuk yükseldiğini ve daha kolay erişilebildiğini duymuştum sitelerimde denediğimde gerçekten öyle olduğunu anlamış oldum.

  • Amp ve instant articles ikisi artık siteler için gerekli oldu. Ayrıca Türkiye de düşük kotalı ve yavaş internetlere ilaç gibi gelecekleri kesin