AMP ve PWA'lara Yönelik Bir Kılavuz

AMP ve PWA'lar, önümüzdeki yıl boyunca en çok tartışılan içerik pazarlama konularından ikisi olacağı kesin. Bu kılavuzda, size AMP ve PWA'ların kısa tanımları ve bunları içerik sunmak için nasıl kullanabileceğiniz dahil olmak üzere her ikisi hakkında da temel bilgiler vereceğiz. Ayrıca, özellikle SEO ile ilgili olarak, pazarlama hedeflerine ulaşmaya yardımcı olmak için AMP ve PWA'ların kullanılabileceği farklı yolları tartışacağız.

AMP Projesi (Hızlandırılmış Mobil Sayfalar Projesi) Nedir?

AMP , hızlandırılmış bir mobil sayfa anlamına gelir ve temelde size bunu verir.

AMP sayfaları, çevrimiçi bir makale gibi mevcut bir web sayfasıyla temelde aynı içeriği sunar. İçerik, mobil kullanıcılara, HTML ve CSS'nin basit öğelerini birleştiren ve JavaScript kullanımını kısıtlayan AMP HTML adlı benzersiz bir dile dayalı olarak basitleştirilmiş bir biçimde sunulur. Bu, AMP sayfalarının, genellikle dayandıkları orijinal web sayfalarından çok daha hızlı yüklendiği anlamına gelir.

Mobil arama kullanıcıları, AMP içeriğine ilk kez Google'ın arama sonuçlarında web sayfalarının AMP sürümlerini sunmaya başladığı Şubat 2016'da erişebildi. Yazma sırasında, mobil arama sonuçları sayfalarındaki AMP içeriği, hem atlıkarınca hem de öne çıkan hikaye biçimlerinde sunulur ve her durumda, kullanıcının birden çok kaynaktan ilgili içeriği kaydırmasına olanak tanır. İçerik, Google arama sonuçlarında mavi bir daire içinde beyaz bir şimşek olarak gösterilen bir AMP simgesiyle belirtilir.

Google AMP arama özelliklerinde yayınlanmaya uygun AMP içeriği üretmenin en kolay yolu, mevcut içeriğin HTML'sini AMP HTML'de düzenlemek, ardından sayfayı doğrulamak ve keşfedilebilirlik için hazırlamaktır. Amp.dev, geliştiricilere bir HTML sayfasının bir AMP HTML sayfasına nasıl dönüştürüleceği konusunda basit bir eğitim sunar.

AMP sayfaları neredeyse her zaman diğer sayfalarla kurallı olarak ilişkilidir. Bu, URL'lerinin, arama motorlarına sayfanın web sitenizdeki bir sayfayla aynı olduğunu söyleyen bir 'standart' rel etiketine sahip olduğu anlamına gelir. Sayfanın AMP olmayan sürümü, SEO açısından önceliğe sahiptir.

Bu kuralın, şu anda bazı çevrimiçi yayıncılar tarafından oluşturulmakta olan yalnızca AMP web siteleri biçiminde önemli bir istisnası vardır.

Google Web Yöneticisi Eğilimleri Analisti John Mueller, web yöneticilerine yalnızca AMP içeren web sitelerinin iyi bir şey olabileceğini tavsiye etti:

"Yalnızca AMP içeren bir site kullanmakla ilgili bir sorun görmüyorum - nispeten kolay hızlı siteler oluşturmak için harika bir çerçeve. Esasen HTML olduğundan, diğer HTML sayfalarıyla aynı şekilde çalışır. Yalnızca AMP'ye yönelik daha fazla sitenin açıldığını görmek harika, her bir içerik parçası için yalnızca tek bir URL'ye sahip olduğunuzda (tarama, dizine ekleme ve genel olarak SEO için) işleri çok daha kolay hale getirebilir!"

Yalnızca AMP içeren bir sitenizi test etmek istiyorsanız, onu WordPress'te kurmanızı ve AMP for WP – Hızlandırılmış Mobil Sayfalar eklentisini kullanmanızı öneririz.

AMP, web içeriğinin yanı sıra e-posta ve reklamlardaki uygulamalarla devam eden, açık kaynaklı bir projedir. Projeyle ilgili eksiksiz, güncel bilgiler için Amp.dev'i ziyaret edin.

PWA'lar nedir ve neden bunları kullanmaya başlamalıyım?

Aşamalı bir web uygulaması (PWA), bir web sayfasını, geleneksel olarak çoğunlukla yerel uygulamalarda bulunan özellikler ve kullanıcı deneyimi (UX) öğeleriyle zenginleştiren bir web uygulamasıdır. Başka bir deyişle, web içeriğinin uygulama içeriği gibi davranmasını sağlarlar.

PWA kullanıcı deneyimi aşağıdaki adımları içerir:

1. Kullanıcı, mobil cihazı aracılığıyla PWA sayfasını açar. Normal bir web sayfası gibi davranır;
2. Kullanıcı, sayfayı cihazının ana ekranına eklemesi için bir istem alır;
3. Kullanıcı istemi kabul eder. Sayfa daha sonra görünecek ve ana ekranlarında bir uygulama gibi davranacaktır.
4. Web sitesinin/PWA'nın devam eden UX'i, yerel uygulama UX'ine özgü öğelere sahiptir.

Web içeriğini PWA'ya dönüştürmek, web geliştiriciniz için HTML ve JavaScript'te yetkinlikler gerektiren bir iştir.

Google'ın "Temel" PWA'yı veya "Örnek" PWA'yı nelerin oluşturduğu konusunda kapsamlı kriterleri vardır.

Temel PWA'lar:

• HTTPS üzerinden sunulur
• Tabletlerde ve mobil cihazlarda duyarlı
• Tamamı çevrimdışı yüklenecek URL'ler içerir
• 'Ana ekrana ekle' için meta veri sağlayın
• 3G'de bile hızlı yükleyin
• Çapraz tarayıcıda çalışın (Chrome, Edge, Firefox ve Safari dahil)
• Sayfalar arasında hızlı geçiş sağlayın
• Her sayfa için özel bir URL'ye sahip olun

Bu kriterlerin karşılanması, bir PWA'nın (veya PWA olması muhtemel) Google Chrome'daki uygulanabilirliği ve potansiyel erişimi için çok önemlidir.

Örnek PWA'lar için kriterler daha ayrıntılıdır. Tam bilgi için Google'ın Aşamalı Web Uygulamaları Kontrol Listesine bakın.

PWA'lar bir dizi avantaj sunar. İlk yüklemeden sonra, içeriği genellikle çoğu geleneksel web sayfasının yükleyebileceğinden daha hızlı yüklerler. Bu, içeriğin yavaş yüklenmesi nedeniyle kaybolabilecekleri zaman aralığını daralttığı için, birden çok içerik öğesi arasında gezinirken kullanıcının dikkatinin korunmasına yardımcı olur. Kullanıcıları art arda bir dizi içerik öğesi tüketmeye teşvik etmek istiyorsanız, bu içeriği bir PWA aracılığıyla sunmak akıllıca bir bahis olacaktır.

Diğer bir önemli avantaj, PWA'ların markalara kullanıcının mobil cihazının ana ekranında sürekli bir varlık sunabilmesidir. Pek çok yayıncı, 90 günden sonra uygulamayı elde tutmanın %4 kadar düşük olduğu ve kullanıcıların toplam uygulama kullanım süresinin %77'sini ilk 3 uygulamasında harcadığı kalabalık bir yerel uygulama pazarında rekabet etmek için mücadele ettiğinden, bu fırsat tam zamanındadır (kaynak: Uygulama İndirme ve Kullanım İstatistikleri (2019) – Uygulama İşi).

PWA'lar, kullanıcı çevrimdışıyken içerik yükleyebildiklerinden, jet sosyete sahiplerini veya kırsal kesimdeki okuyucuları hedefleyen yayıncılar için potansiyel bir oyun değiştiricidir.

PWA'ların olası bir dezavantajı, bazen Google arama sonuçlarında öngörülemez bir performans sergiliyor gibi görünmeleridir.

Ignite Visibility'ye göre, SEO amaçları için PWA'lar tarafından indekslenen içerik elde etmeyi amaçlayan siteler "ya bir HTML tabanına sahip olmalı ve bunun üzerine aşamalı web uygulamasını yüklemeli, [veya] prerender.io ve/veya pushstate gibi bir araç kullanmalıdır."

Topluluk odaklı web sitesi PWA Stats, Tinder'ın azaltılmış yükleme sürelerinden Best Western için artan gelire kadar, markaların PWA'ya geçerek ürettiği sonuçlar hakkında canlı bir istatistik listesi tutar.

AMP ve PWA arasındaki fark nedir?

AMP ve PWA'nın aynı amaca hizmet eden rakip teknolojiler olduğuna dair yaygın bir yanılgı var.

Her iki teknolojinin de kilit rolünün kullanıcı için içeriği daha hızlı yüklemek olduğu doğru olsa da, AMP ve PWA'nın pazarlamacının bakış açısından farklı güçlü, zayıf yönleri ve taktiksel kullanımları vardır.

AMP sayfaları, ilk tıklamada rakipsiz derecede hızlı yükleme süreleri sunar. Bu, kullanıcıların yavaş yükleme nedeniyle sıçrama olasılığı azaldığından, onları yeni okuyucuları çekmek için ideal hale getirir. Ayrıca, Google arama sonuçlarında mükemmel keşfedilebilirliğe sahiptirler. Ancak AMP, dinamik içerik ve anında iletme bildirimleri gibi gelişmiş platform özelliklerini desteklemez.

PWA sayfaları ilk yüklemede nispeten yavaş yüklenir, ancak daha sonra ikinci yüklemeden sonra çok hızlı yüklenir, bu da okuyucu ile içeriğiniz arasındaki süregelen ilişkide daha iyi yükleme süreleri ve daha düşük hemen çıkma oranı sağlayabilir. Ayrıca, PWA'lar dinamik içerik, çevrimdışı tarama ve anında iletme bildirimleri gibi gelişmiş platform özelliklerini destekleyebilir ve böylece pazarlamacılara kullanıcı yolculuklarını etkilemek ve dönüşümleri artırmak için daha fazla yol sunar.

Çevrimiçi yayıncılar, iki teknolojiyi birlikte kullanarak AMP ve PWA'ların avantajlarını birleştirebilir. Instapage, PWA'lara karşı AMP hakkındaki makalesinde böyle bir yaklaşımı açıklar:

“AMP sayfanızın web sitenizin kancası olduğunu düşünün. Kullanıcıyı anlık bir yük ile yakalar ve ardından onları aşamalı web uygulamanıza çeker. Bu, hızlı yüklenen AMP sayfalarını bir [..] dinamik PWA ile birleştirmenizi sağlar.”

Başka bir seçenek de, bir AMP sayfasındaki PWA özelliklerini etkinleştirmektir.

Alternatif olarak, AMP kullanarak bir PWA geliştirmeyi seçebilirsiniz. Bu yöntem, AMP HTML'de bir PWA yazmaya ve gelişmiş PWA işlevlerini etkinleştirmek için amp-install-serviceworker adlı bir bileşen kullanmaya dayanır.

SEO ve arama sıralamaları için hangi seçenek daha iyidir: AMP veya PWA'lar?

AMP ve PWA'ların her ikisi de SEO'ya farklı şekillerde yardımcı olduğundan, bizim görüşümüze göre cevap her ikisinden de biraz.

PWA'lar site içeriğini daha ilgi çekici hale getirir ve bu nedenle kullanıcıların içerik tüketimi düzeyini artırabilir. Bu arada AMP, mobil sayfa yükleme hızını büyük ölçüde artırarak hemen çıkma oranını düşürür.

Her iki durumda da, Google'a, arama sıralamalarını belirlemede ve sayfa ve etki alanı için genel arama görünürlüğünü belirlemede rol oynayan önemli web sayfası sıralama faktörleri hakkında geri bildirimde bir gelişme vardır.

Bu nedenle, SEO açısından en iyi yaklaşım, bu makalenin önceki bölümünde tartışıldığı gibi AMP ve PWA'yı birlikte kullanmak olabilir.

AMP'yi çevreleyen tartışmalar hakkında duyduğum tüm bunlar nedir?

Hiç şüphe yok ki AMP, web içeriğini dağıtmak ve daha hızlı yüklenmesini sağlamak için güçlü bir araç olsa da, projeyi çevreleyen önemli tartışmalar olduğunu unutmamalısınız.

Bazı yorumcular, AMP'yi Google'ın çevrimiçi yayıncıların web sitelerini reddetmesinin ve içeriklerini gasp etmesinin, kullanıcıları Google için optimize edilmiş ve Google'a dayalı bir deneyime kilitlemesinin bir yolu olarak görüyor.

The Register yazarı Scott Gilbertson'ın dediği gibi:

“Aslında hız ile ilgili değil. Kendi değiştirilmiş versiyonu için standartlardan kaçınan her şeyde olduğu gibi, kilitlenme ile ilgilidir. Google AMP işaretlemesindeki tonlarca sayfa, özellikle Google için optimize edilmiş ve öncelikle Google tarafından dizine eklenen ve öncelikle Google kullanıcılarına gösterilen tonlarca sayfa anlamına gelir. Google'ın Facebook'un platformuna uyma girişimi. Ve evet, Facebook AMP'den çok daha kötü, ancak bu Google AMP'yi iyi bir fikir yapmaz. En azından Facebook açıkmış gibi davranmaya çalışmıyor.”

Ayrıca, AMP sayfaları, yayıncının kendi URL'si ve kendi marka öğeleri olmadan gösterilir ve içeriğin yayıncısından etkin bir şekilde ayrılması sağlanır.

Belki de AMP kullanımı lehindeki en güçlü argüman yayıncılar içindir. The Guardian ve Daily Mail gibi ana akım haber sağlayıcılarından Wired ve Social Media Today gibi özel ilgi alan yayıncılara kadar dünyanın önde gelen medya içeriği üreticilerinin çoğu bunu kullanıyor. Bu şu soruyu akla getiriyor: Alanınızdaki önde gelen yayıncılar AMP kullanıyorsa, yayınınız kullanmamayı karşılayabilir mi?

AMP'yi çevreleyen tartışmalar hakkında daha fazla bilgi için, Raven Tools'un kurucu ortağı Jon Henshaw ile bir röportajın yer aldığı, hızlı web sitelerinin nasıl oluşturulacağına ilişkin Dijital Pazarlama Podcast bölümümüzü inceleyin.

Aşamalı web uygulamaları (PWA'lar) uygulamaların geleceği mi?

Aralık 2019'da TechCrunch, uygulama mağazası yayıncılarının ilk %1'inin yeni indirmelerin %80'ini sağladığına dair şaşırtıcı bulguyu bildirdi.

Bu, uygulamaların getirebileceği, kullanıcıların mobil cihazlarında sürdürülebilir bir marka varlığı, artan kullanıcı katılımı, platform sahipliği, tam analitik erişim ve belki de en önemlisi optimum mobil cihazlar gibi avantajlara erişmek isteyen dijital yayıncılar için kasvetli bir tablo çiziyor. kullanıcı deneyimi

Yerel uygulama indirmelerinin azalması bağlamında, PWA'lar, en büyük çevrimiçi yayıncılar dışında herkes için bu avantajlara erişmenin açık ara en iyi yolunu sunuyor gibi görünüyor. Web kullanıcılarının, sıradan bir web sayfası deneyimi içinde bir uygulamaya geçiş yapmak yerine, bir uygulama pazarından bir uygulama yükleme isteksizliği üzerinde çalışırlar.

Yerel uygulamalar, küresel indirmeler ve kullanım süreleri açısından hala büyüyor ve bu anlamda, muhtemelen uygulamaların geleceği olmaya devam ediyorlar. Bu, büyümenin önde gelen yayıncıların güçlü bir azınlığı tarafından yönlendirildiği uyarısını da beraberinde getiriyor.

Bununla birlikte, PWA'ların, PWA'ların UX avantajlarının hem okuyucular hem de yayıncılar arasında teknolojinin daha fazla kullanılmasını sağlayabileceği bir alan olan mobil içerik tüketiminin geleceğinde büyük bir rol oynayabileceği görülüyor.

Sonuç: Pazarlamacılar AMP ve PWA'lar konusunda nasıl hareket etmelidir?

AMP ve PWA'ların içerik performansının ve UX'in özelliklerini iyileştirme konusundaki kanıtlanmış potansiyeli, bu teknolojilerin çevrimiçi yayıncıların araştırması için önemli bir yol olduğunu gösteriyor.

AMP, sınırlı bir ölçekte test etmek için ikisi arasında daha kolay olanıdır: birkaç içerik sayfasını AMP HTML'ye dönüştürebilir ve sonuçları gözlemleyebilirsiniz (Google'ın AMP yayıncıları için sağladığı nispeten sınırlı analizlerin sınırları dahilinde). Bir PWA, yayıncının okuyucularına sürekli olarak uygulama tarzı bir deneyim sağlamasını zımnen taahhüt eder ve bu nedenle hafife alınmamalıdır.

Öte yandan, PWA'lar, AMP ile karşılaştırıldığında nispeten seyreltilmemiş faydalar sunuyor gibi görünüyor. Geri dönen okuyucular, daha hızlı yükleme süreleri ve AMP'nin sahip olmadığı gelişmiş, uygulama tarzı özellikler elde eder. En önemlisi, yayıncı içeriğin daha fazla kontrolünü ve sahipliğini elinde tutar.

AMP ve PWA'ları düşünen çevrimiçi yayıncılara tavsiyemiz, AMP'yi birkaç içerik sayfasıyla test ederek başlamak ve bir PWA'yı geniş ölçekte kullanıma sunma seçeneğini kapsamlı bir şekilde araştırmaktır. İster tek başına ister birlikte kullanılsın, iki teknolojinin mobil kullanıcıların gelecek yıllarda web içeriğini nasıl tükettiğini belirlemesi muhtemel görünüyor.

şimdi ücretsiz üyeliğinizi alın - kesinlikle kredi kartı gerekmez

• Dijital Pazarlama Araç Seti
• Özel canlı video öğrenme oturumları
• Dijital Pazarlama Podcast'inin eksiksiz kütüphanesi
• Dijital beceri kıyaslama araçları
• Ücretsiz çevrimiçi eğitim kursları

ÜCRETSİZ ÜYELİK