AMP Rehberi: AMP Nedir?

AMP Rehberi: AMP Nedir?

AMP açıklamalı hali ile Accelerated Mobil Pages, yani Hızlandırılmış Mobil Sayfalar yöntemi demektir. Kullanım amacı, web sitenizdeki içeriklere mobilden daha hızlı erişim yapılabilmesidir. Google AMP kullanarak mobildeki kullanıcı sayısını artırmayı amaçlamaktadır. Bu nedenle AMP kodlama sistemi kullanan siteleri ön belleğinde saklamakta ve kullanıcı mobilden bu siteye erişmek istediğinde, erişimi daha hızlı bir hale getirmektedir.

Hızlı etkileşimin sağlanması amacı ile belirli olarak:

  • Javascript
  • Jquery
  • Swiper
  • Bootstrap

kullanımına izin verilmeyerek olabildiğince sade kod yapısı istenmektedir.

AMP yapılarında girilen içeriklerin AMP incelemeleri yapıldığında çoğu hataların hatalı kod eklenmesinden dolayı gerçekleştirildiği görülmektedir. TE Bilişim olarak AMP konusunda altyapı hizmeti sağlamaktayız. Fakat bu alana farklı ve hatalı kod yapısının kullanıcı tarafından entegresi Google AMP hatasına neden olacaktır. Yazılımlarımızın içeriğinde var olan AMP yapısı Google standartlarına göre takip edilmekte ve sürekli güncellenmektedir.

Yönetim paneli içerisinde var olan AMP reklam alanlarına eklenmesi gerekecek doğru kod yapısı buradaki bağlantı üzerinden görüleceği üzere:

<amp-ad width=300 height=250
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx">
</amp-ad>

şeklindedir. Bu yapı Google tarafından desteklenen ve istenilen kod yapı şablonudur. Çoğu kullanıcımız Google reklamlarını bu kod yapısı dışında ekleyerek hata almaktadır. AMP reklam alanlarına Google reklam kodlarından alınan AMP reklam kodu direk eklenmemeli ve belirtilen şablona göre düzenlenerek dahil edilmelidir.

AMP Hataları İçin Dikkat Edilmeli:

Ek olarak AMP alanında hata alınmaması için olarak şu maddelere dikkat edilmesi önemlidir:

  • Gooogle başta olmak üzere bizim de desteklemediğimiz kopyala-yapıştır işleminin yapılması: Farklı içeriklerin siteye direk eklenmesi kendi kod yapılarını sizin panelinize ekleyeceği için AMP olarak direk hata vermektedir. Burada bizim yaptığımız işlem direk bu kodların yazınız içerisinden temizlenmesi işlemidir. Fakat birden fazla haberin bu şekilde kopyala yapıştır ile yapılması sitenizi yoracağı gibi Google tarafında başta AMP olmak üzere puanını kötü etkileyecektir. Bu nedenle başta ve en önemli kriter olarak eklenecek kopya içeriğin basit metin editörü ile düzenlenmesi ve kod yapılarından arındırılarak ve değiştirilerek siteye entegresidir.
  • AMP – img hatası ve diğer hataların nedeni olarak site logolarının eksik bırakılmasıdır. Site logolarının özellikle “favicon” logonun eksik olması hataya neden olacaktır.
  • Site paneliniz içerisinde var olan Google SEO alanlarının eksik bırakılması keza hata almanıza neden olacaktır. Bu alanlar genellikle Site Ayarları > Tema Ayarları alanında olan site başlık ve footer metin alanının boş bırakılmasından kaynaklanmaktadır. Bu nedenle bu alanların boş olmamasına dikkat edilmelidir.
  • Embed kod yapısında hatalı kod çekilmesi: Video servis sitelerinden alınan video embed kodlarının siteye farklı şekilde eklenmesi de hataya neden olmaktadır. Bu nedenle başta Youtube olmak üzere alınacak embed kod yapısı için öncelikli olarak paylaş denilerek yerleştir alanından kodun alınması gerekir.
  • AMP tarafından desteklenmeyen bir takım kodların çekilmesi: Eski ve desteklenmeyen etiketler nedeniyle sorunlar yaşanabilir. AMP yapısı olabildiğince saf kod yapısı ile hıza önem verirken HTML içerisinde eski veya kullanılmayan kod yapılarının eklenmesi hataya neden olacaktır. Örnek olarak standart tablo yapısı içerisine genişlik ve yükseklik değerleri veya farklı kodlar eklenmesi hataya neden olacaktır. Örnek olarak tablo yapısı şu şekilde olmalı ve kod yapıları eklenmemelidir:
<table>
<tr>
<td>İçerik</td>
<td>İçerik</td>
</tr>
<tr>
<td>İçerik</td>
<td>İçerik</td>
</tr>
</table>
  • Eklenecek haberlere tablo verilmesi istenirse iletildiği şekilde sade tablo eklemesi yapılarak tablo içeriklerine genişlik, yükseklik veya kalın yazı kod yapıları veya farklı kodlar dahil edilmemelidir.
  • Panel içerisinde yer alan Site Ayarları > Kod Alanları > AMP Kod Alanları kısımlarına desteklenmeyen kodların eklenmesi hatalara yol açacaktır. Örnek olarak, bu alanlara reklam kodları veya farklı kod içeriklerinin eklenmesi gibi. Bu nedenle bu kod yapılarına sistem yapısında olmayan ve eklenmesi gereken kod yapıları haricinde sistem yapısında bulunan veya sistem yapısını bozacak nitelikte kodlar eklenmemelidir.

Bu ve benzeri olmak üzere bir takım hataların alınmasında öncelikli olarak belirtilen bu maddelerin tamamlanması halinde işlemler yapılabilmektedir. TE Bilişim olarak AMP verilerinin güncellemelerini sürekli yapıyoruz. Bu güncellemeler sadece amp alanlarına hitap etmekte olup sitenin diğer alanlarına tema – altyapı gibi alanlarına nüfus etmemektedir. Ve yapılan bu güncelleme ile sitenizin Google ile AMP üzerinden sitenizin veri eşitlenmesi sağlanmaktadır.

AMP yapılarının kontrolleri için linklere AMP yapısının eklenmesi gerekmektedir. AMP link yapılarınızın Google Search Console öncesinde hatası olup olmadığını görüntüleyebilmek adına linklerin https://search.google.com/test/amp link yapısına eklenmesi yeterli olacaktır. Alternatif olarak kullanılan tarayıcı içerisine AMP Validator eklentisinin kurulumu ile linklerin içerisinde AMP hatası olup olmadığı kontrol edilebilir.