Özet (TL;DR) @ 2018-02-24T00:00:00.000Z: Konuk yazarımız Oktay Çomak, Türkiye’de haber sitelerine SEO danışmanlığı ve eğitimler vermektedir. Google tarafından geliştiricileri/yayıncıları AMP teknolojisi hakkında...

---

Konuk yazar ımız Oktay Çomak, Turkiye'de haber sitelerine SEO danışmanlığı ve eğitimler vermektedir.

Google tarafından geliştiricileri/yayıncıları AMP teknolojisi hakkında bilgilendirmek amacıyla son 2 senedir duzenlenen AMP konferansı geçtiğimiz yıl mart ayında New York'da yapılmıştı. Bu yıl avrupa ulkelerinin katılımını kolaylaştırmak amacıyla Amsterdam'da duzenlendi. Konferansa katılma şansı yakaladığım bu etkinlikten one çıkan notları sizlerle paylaşmak istiyorum.

AMPHTML

Google AMP teknolojisini sadece Accelerated Mobile Pages (Hızlandırılmış Mobil Sayfa) olarak gormek istemiyor AMP için uretilen yeni yazılım dilinin AMPHTML olarak tum web dilinde kullanılabilir olmasını sağlamak istiyor. Bu durum için en iyi orneği tasty.co olarak gosteriyor tum desktop / mobil versiyonları ile tamamen AMPHTML olarak kodlanmış bir site.

Geliştirilen componentlar sayesine sadece yayıncılar değil e-ticaret siteleri de amp formatında hazırlanmaya başlandığını şuanda dunya genelinde 31 milyon alan adının amp olarak kullanıcılara hizmet vermeye başladı. En iyi ornekleri ise alibaba.com - booking.com  olarak gorebiliriz.

AMP Stories (Hikaye)

İçerik tuketimi mobilde hızlı bir şekilde değişmeye başladı uzun makaleler mobilde artık okunmuyor. Desktop versiyona gore mobilde içerik okunma suresi yarı yarıa duşmuş durumda. Buna çozum için Google Insta storiler gibi makale resmi uzerine descriptionların yer aldığı hızlı tuketim sayfaları ile kullanıcı ve yayıncılar arasındaki ekosistemi daha sağlamlaştırmak istiyor. AMP Stories için şuanda beta denemelerini Washington Post - CNN - Mashable ile yapmaya başlamış durumda.

AMP Stories: Gorsel açıdan zengin yeni mobil içerik tuketimi,kullanıcılar tarafından daha fazla katılım sağlaması için hazırlandı.(desktop içinde çalışabiliyor olacak)

Hızlı bir deneme yaparak Google yazılım geliştiricilerinden Jon Newmuis yaklaşık 30 dk içinde ornek bir amp story sayfası hazırlayarak bu işin ne kadar kolay yapılabildiğini gosterdi. CMS uzerinde uretilen her turlu bilgiyi amp story kodlarına bağlayarak kullanabiliyoruz.Wordpress gibi yaygın içerik ureticilerinin atanmış gorseli - başlığı - spotu otomatik ekleterek rahat bir şekilde amp hikaye ozelliğinde sayfalar uretebiliyoruz. AMP hikaye ozelliğine normal amp / web uygulamalarında olduğu gibi paylaşım butonları - google analytics kodlarınızı ekleyebiliyorsunuz bu sayede kullanıcılar hikayeleriniz ile etkileşime girebilir ve sayım yapabilirsiniz.

Dinamik E-mail (Gmail + AMP)

AMPHTML kodlama diliyle hazırlanabilen sayfalar ile dinamik,interaktif mailler atılabiliyor hale geldi. E-postaları amp-bind ve amp-list gibi bileşenleri kullanarak son verilerinize bağlı olarak dinamik olarak tutabilirsiniz. Boylece kullanıcı ilettiğiniz epostayı gonderdiğiniz tarihten 5 gun sonra açmış olsa bile son verilerinize ait datalar ile epostanızı goruntuleyebilecek. Henuz Gmail dışında çalışmayan bu sistemi diğer mail sağlayıcılarında olması için çalışma başlattıklarını da bildirelim.

Gmail'de AMP formatında eposta iletebilmek için kayıtları toplamaya başladı tum geliştiricilere açmadan once buradan beta versiyona dahil olabilirsiniz.

Konferansa ait aşağıdaki videoda ornek çalışmaları ve nasıl hazırlanacağını inceleyebilirsiniz.

AMP + Analytics

Özellikle bizim gibi yayıncılar ile uğraşan insanların AMP sayfalarının analytics uzerinde yaşadığı sıkıntıları tarif bile edemem. AMP çıktığı gunden bu yana herhalde en çok burada ki trafiğin doğru olçulememesi / organik saymaması gibi çeşitli sıkıntılar çektik.

AMP sayfalarının tracking sorunu için anlaytics için yayınlanan fix'le giderilmiş olduğunu amp client ID kurarak sorunsuz takip edilebileceğinin mujdesini verdiler. Tum kurulum işlemlerini amp ve analytics developers sayfalarından erişebilirsiniz.

Javascript Desteklenmeye Başlanacak

Google, geliştiricilerden aldığı feedbackler de development ekibinin yazdıkları javascript kodlarının çalışmamasının ve AMP verify hatası vermesinin olduğundan bahsetti. Yakın zamanda AMPHTML içinde JS kodlarına izin verileceğini paylaştılar tabi burada kontrollu gitmeye devam ediyorlar. React desteklemeyecek fakat 30kb ile çalışan Preact JSi destekleyecek.  Temel amacı hız olan AMP'nin yavaşlatacağını duşunduğu her turlu kutuphanenin dışarıda tutulacak olması biraz baskıdan dolayı kabul ettiği bir geliştirme gibi duruyor.

Reklam (Adversting)

AMP sayfalarının yuksek donuşum oranlarından faydalanabilmek için Adwords de reklamlar veriliyor, şu an pilot uygulama olarak PLA'de de deneniyor, başvuru yaparak burada yer alabiliyorsunuz.

AMPHTML reklam alanları malware'i %90 engelleyip sağlamış olduğu %30 daha hızlı reklam yuklemesiyle yuksek viewability ve CTR getiriyor, RPMleri ise %40 oranında artııyor.

Google Web Designer ile AMPHTML formatındaki reklam alanlarına Mart ayında rich media serve edilebilecek.

Doubleclick harici adnetworkler de bu alanlarda yer alabilmek için yayıncılara her turlu yardımı sağlıyor.

AMP Optimizasyon ve SEO

SEO danışmanı Aleyda Solis tarafından gerçekleştirilen sunumda optimizasyon aşamasında yapılan olumlu/olumsuz ornekler paylaşıldı.

• Dunya genelinde yayıncıların %70'i AMP sayfaları hatalı kullanıyor. (USA: %72 - ES: %78 - UK: %79 - IT: %75 - BR: %73)
• AMP url şemanız desktop versiyondan bağımsız olsun.
• AMP sayfanıza desktop gelen kullanıcıya desktop sayfanızı verin amp değil!
• Search Console AMP bolumu yol haritanız olsun,en ufak hataları bile onemseyin.
• Valid edilmemiş sayfaları google cache almadan once mutlaka duzeltin.
• AMP components takibi yapın,çunku amp çok fazla kod değişikliği yapıyor.
• AMP sayfanız ile mobil sayfanız aynı olsun,bir birinden farklı dizayn ve içerik sunmayın.
• Desktop versiyonunuz ile amp versiyonuz arasında canonical ve amphtml ile iki versiyonu belirtmeyi unutmayın.
• AMP pozisyonlarınızı takip edin,normal pozisyonlar ile farklıar ayırt edin.
• AMP olan sayfalarınızın status kodlarını takip edin 200 haricinde status dondurmeyin.

Sunumda ornek olarak ilettiği kullanabileceğiniz SEO Toolları: sistrix.com, semrush.com, sitebulb.com, rankranger.com.

Kullanıcı Analizleri

Konferansa bir çok farklı kesimden site yoneticileri katılarak elde ettikleri başarılı / başarısız sonuçları bizler ile paylaştı. Elde ettiğim bazı notları sizlere aktarmak isterim.

• Dunya genelinde 31 milyon AMP kullanan domain oldu.
• India Today reklam alanlarını AMPHTML formatına geçirerek daha az reklamla %23 daha fazla gelir elde etti
• Normal sayfalara gore 2 kat daha hızlı.
• Alibaba: Daha iyi bir kullanıcı deneyimi ve yuksek conversion için amp tercih ediyoruz. Yuklenme hızı %40 artış sağlarken, %4.3 conversition rate artışı oldu.
• Airbnb UX açısından search kullanıcısına hitap ettiğini duşunerek tum detay sayfalarını AMP formatına çevirdik.
• carved.com AMP + PWA teknolojisini kullanarak tum sayfa turlerimizi AMP formatına çevirdik. Check-out sayfamızda %9 artış sağladı.

Toolbox

Konferans boyunca google ekibi tarafından iletilen tool adreslerini not aldım,ornek olarak verdikleri tum toolları inceledim. AMP geliştiricileri için faydalı olabileceğini duşunuyorum.