Aşamalı Web Uygulamaları (PWA'lar) SEO'ya Fayda Sağlar mı? (İstatistikler ve Örneklerle)

Yayınlanan: 2019-05-04

Google Alex Russell'da kıdemli bir yazılım mühendisinin dediği gibi, "web içeriği ve uygulamalar arasındaki çizgiyi bulanıklaştırmayı" amaçlayan deneyimler oluşturmak, mobil cihazlarına ve bunlara eşlik eden uygulamalara giderek daha fazla bağlı hale gelen bir dünyada yalnızca anlamlıdır.

Son birkaç yıl, birkaç şeyi çok net bir şekilde ortaya koydu: Çevrimiçi bir işletmeniz varsa, önce mobil olmak için işletmeniz yapmanız gerekir . İkincisi, dolara çevrilmesini istiyorsanız, mobil deneyiminizin sorunsuz ve sorunsuz olması gerekir. Son olarak, akıllı telefon kullanıcıları son derece kararsız ve 2018'de 113 milyardan fazla uygulama indirmelerine rağmen, kullanıcılar hala günde yalnızca yaklaşık 9 uygulama kullanıyor.

Yani mobilde olmanız gerekiyor. Mobilde harika olmanız gerekiyor. Ve insanlar muhtemelen uygulamanızı düzenli olarak indirmeyecek ve kullanmayacaktır.
Evet, aşamalı web uygulamalarından veya PWA'lardan bahsediyorum .

Progresif web uygulamaları, çevrimiçi pazarlama için büyük vaatler sundukları için arama motoru optimizasyonu kalabalığı arasında popülerdir.

Yukarıdaki soruyla ilgili olarak, EVET, Aşamalı Web Uygulamaları SEO'ya fayda sağlar . Ancak PWA'lar SEO için nasıl iyidir? Bu makalede öğrenelim.

İçindekiler

PWA nedir?

Mümkün olan en basit ifadeyle, bir PWA, bir uygulama gibi davranan, ancak kullanılması için indirilmesi gerekmeyen, mobil uyumlu bir web sitesidir. Kullanıcılar, telefonlarına bir PWA kaydetme ve onu tıpkı bir uygulama gibi başlatma seçeneğine sahiptir, ancak bu tamamen isteğe bağlıdır.

Starbuck Aşamalı Web Uygulaması örneği

PWA'ların aynı anda hem bir mobil site hem de bir mobil uygulama oluşturmanın ve sürdürmenin doğal dezavantajlarının üstesinden gelirken beraberinde getirdiği çok sayıda avantaj vardır.

Bu makale aracılığıyla bir PWA' tanımına ve fantezi özelliklerine daha derinden inebilirsiniz: “PWA Nedir? Progresif Web Uygulamaları Hakkında Bilmeniz Gereken Her Şey”

Bir PWA'nın Dört Temel Teknolojisi

Tüm bunlar, bir PWA'nın çalışması için gerekli olan dört teknolojinin kullanımı sayesinde mümkündür:

  1. Web uygulaması bildirim dosyası (ana ekran erişimine izin verir)
  2. Servis çalışanı (çevrimdışı destek için)
  3. Taşıma katmanı güvenliği (TLS) (gizlilik ve veri bütünlüğünü sağlar)
  4. Uygulama kabuğu mimarisi (hızlı yükleme sürelerine izin verir)

Yerel bir uygulama ve duyarlı bir web sitesinin aksine, aşamalı bir web uygulaması çok sayıda avantaj sunar:

Karşılaştırmak
Kaynak: Bir Kuzey

Google, PWA Sitelerini Tarıyor mu?

Aşamalı Web Uygulamaları, JavaScript'in esnekliğinden yararlanır; bu, Google'ın yayınlanan tek sayfayı bir JavaScript sitesi olarak gördüğü anlamına gelir. PWA için yeni bir URL oluşturulabilir, bu nedenle Googlebot, web'de yayınlanan diğer herhangi bir sayfada olduğu gibi sayfayı tarayacak ve tarayacaktır.

Google, PWA sitelerini tıpkı bir AJAX veya JavaScript sitesini tarar gibi tarar, ancak 'taranabilirliği' etkileyebilecek bazı sorunlar vardır - bu nedenle geliştiricilerin, sayfanın uygun şekilde dizine eklenmesini sağlamak için siteyi nasıl optimize edeceklerini bilmeleri gerekir.

Google'ın Aşamalı Web Uygulamaları için Önerilen SEO En İyi Uygulamaları

Google'dan John Mueller, Mart 2016'da Google'ın PWA'ları ve JavaScript sitelerini genel olarak nasıl ele aldığı hakkında ayrıntılı bir güncelleme sağladı.

Yazısında şunları vurguluyor:

  • Googlebot'a gizlenmeyin. Tüm kullanıcıların içeriğe erişebilmesi için geliştiricinin özellik algılama ve aşamalı geliştirme tekniğini kullanması önemlidir. Desteklenmeyen bir tarayıcı sayfasına yönlendirme yapmak da iyi bir fikir değildir.
  • Birden çok URL'den içerik sunarken, yinelenen içerik ihlallerinden suçlu olmamak için rel=canonical kullanın.
  • Yeni sitelerde AJAX-Tarama şemasından kaçının.
  • Googlebot, içinde "#" bulunan URL'leri dizine eklemez. Çoğu Aşamalı Web Uygulaması, URL yapılarında karma sembolünü kullanır; bu, arama motorlarının # işaretinin ötesindeki her şeyi bırakacağı anlamına gelir. Bunu aşmanın tek yolu, geleneksel SEO kurallarını kullanarak bir URL yapısı uygulamaktır. Bu, bazı siteler ve şirketler için zor olabilir, ancak ilerlerken gerekli bir adımdır.
  • Googlebot'un sayfayı nasıl gördüğünü test edin. Sitenizi tam olarak Google'ın gördüğü şekilde görmek için Google Arama Konsolunun Getir ve Oluştur aracını kullanabilirsiniz.
  • Gerekli kaynakların robots.txt tarafından engellenmediğinden emin olun.
  • Sayfadaki gömülü kaynakların sayısını (özellikle sayfayı oluşturmak için gereken JavaScript dosyalarının sayısını) azaltın, çünkü bunlar tam olarak yüklenmeyebilir.
  • Accelerated Mobile Pages (AMP) kullanırken web sitenizdeki değişiklikleri bildirmek için doğru bir site haritası dosyası kullanın.
  • İçeriğe erişen bazı arama motorlarının ve web hizmeti sağlayıcılarının JavaScript'i desteklemeyebileceğini veya farklı bir alt kümeyi destekleyebileceğini unutmayın.

Ayrıca Lighthouse, PWA'lar söz konusu olduğunda Google'ın sunduğu kullanışlı bir araçtır. Bu araç, web uygulamalarının kalitesini artırmak için Google tarafından oluşturulmuştur. Bu araç, web uygulamanızın PWA olmaya hazır olup olmadığını size gösterecektir. Web sitenizi bu uygulamaya eklediğinizde, Lighthouse onu dört kriter üzerinden ölçer ve web uygulamanızın oranını artırmak için çözmeniz gereken sorunları gösterir.

deniz feneri

İşte Progresif Web Uygulamaları SEO'ya Nasıl Yardımcı Olur?

PWA'ların organik arama profilinizi önemli ölçüde iyileştirebileceği doğrudur.

Nasıl?

Kullanıcı deneyiminizi rakiplerinizden daha iyi hale getirerek. En azından aşamalı bir web uygulamasına yükseltmeden öncekinden daha iyi. Harika bir kullanıcı deneyimi sunduğunuz zaman, insanlar rakip seçenekler yerine sitenizi ziyaret etmek isterler. Sonuçlarda markanızı gördüklerinde, onlara istediklerini verdiğinizi ve deneyimin olumlu olduğunu hatırlayacaklardır.

SEO'lar, tıklama oranının arama konumunu etkilediğini biliyor. Bir sonuç için arama yapanlar tarafından daha fazla tıklama veya oy ve zaman içinde yükselir.

Ancak bu, ölçebileceğiniz yalnızca bir ölçüdür. Sitenizi en iyi hale getirmek için yaptığınız tüm küçük şeyler, bilgilerin üzerinde yükselen bir deneyim yaratır. Bu, SERPS'nizi dolaylı ve doğrudan ve tipik olarak olumlu yönde etkileyecektir.

Daha Hızlı Site Hızı

Bu, şüphesiz PWA'ların en heyecan verici özelliklerinden biridir. İşletmeler, içeriği önceden önbelleğe alma, sıkıştırma ve daha fazlası gibi mobil geliştirme en iyi uygulamalarını kullanarak yavaş veri bağlantısı olan veya hatta bir PWA ile çevrimdışı olan kullanıcıları hedefleyebilir.

Site hızına neden önem vermelisiniz? SEO'nuzu doğrudan etkilediği için

Google'ın Hız Testlerinin bir aydan kısa sürede yürürlüğe girmesiyle, PWA'ların muhtemelen en büyük avantajı, diğer mobil platformlar ve yerel uygulamalarla karşılaştırıldığında daha yüksek hızlarıdır. Daha hızlı siteler talep eden sadece Google değil, SİZİN KULLANICILARINIZ! Çoğu kullanıcı, yüklenmesi üç saniyeden uzun sürerse bir mobil siteyi terk eder. (Kendinize bir iyilik yapın ve site hızınızı buradan kontrol edin!) Ve siteniz güncel değilse, gitmiş olurlar.

Forbes, PWA'lara geçtiklerinde büyük bir hız artışı gördü ve mobil yük hızlarını 3-12 saniyeden 0,8 saniyeye kadar düşürdü! Bu nedenle, markanızın Google'ın arama listesinde olabildiğince üst sıralarda yer almasını sağlamak için, mobil strateji için PWA'ları markalarınızın ilk tercihi haline getirmenin zamanı geldi.

Forbes Örneği
Forbes PWA sitesi

Daha İyi Katılım

Google, bir web sitesinin aşamalı bir web uygulaması olarak nitelendirilmesi için yerine getirmesi gereken temel gereksinimleri belirler. Kolay gezinme, zamanında push bildirimleri, tarayıcılar arası uyumluluk, tüm cihazlarda duyarlı sayfalar dahil olmak üzere sorunsuz bir kullanıcı deneyimi, etkileşimde büyümeye yol açan birkaç önemli gereksinimdir.

PWA'lar gerçek mobil uygulamaları inanılmaz bir şekilde taklit edebilir. Bir PWA ile, cihazınızda tıpkı bir uygulama gibi bir simge olarak görüneceği ana ekranınıza kaydetme seçeneğine hala sahip olacaksınız, ancak uygulama mağazası indirme işleminden geçmeniz gerekmeyecek. İndirme olmadığından PWA'lar yerel mobil uygulamalardan önemli ölçüde daha az depolama gerektirir. Starbucks, kendi yerel uygulamasının yüzde 0,4 büyüklüğünde bir PWA oluşturdu! Ve içerik güncellemeleri, yenilemenin ardından otomatik olarak gerçekleşir ve kullanıcıların en son özelliklere, işlevlere ve güvenlik güncellemelerine parmaklarını bile kaldırmadan (veya o can sıkıcı "Güncellemeyi Yükle" düğmesine dokunmadan) erişmelerini sağlar.

 Önerilen okuma: PWA ve Yerel Uygulama: Hangisi Size Daha Çok Yakışıyor?

Uygulamanın artık cep telefonlarında olmasıyla, Forbes dergisinin kendi PWA'larını piyasaya sürdüklerinde deneyimlediği gibi, etkileşim ve katılım şansı katlanarak artıyor. Kullanıcılar, push bildirimleri aracılığıyla her yeni içerik kullanıma sunulduğunda bilgilendirildi. Işık hızında sayfa yükleme süreleri, hızlı geçişler ve hafif sayfa tasarımı ile Forbes'un PWA'sı aşağıdakileri başardı:

  • Kaydırma derinliğini 3 kat artırın
  • Kullanıcı başına oturumları %43 oranında iyileştirin
  • Makaleleri tamamlayan okuyucularda 6 kat artış elde edin
  • Etkileşim oranlarını ikiye katlayın, bu da etkileşimde %100 artış anlamına gelir

Forbes gibi bir yayın sitesi söz konusu olduğunda, yeni PWA'ları sayesinde yüksek etkileşim, yüksek dönüşümlere eşittir.

Oturum süresi, tıklama oranları ve hemen çıkma oranları gibi web sitesi katılım metriklerinin arama sıralamaları üzerinde doğrudan etkisi olduğunu biliyoruz. Larry Kim'in burada gösterdiği gibi, sitede geçirilen süre, organik arama sıralamalarınızla kesin bir korelasyona sahiptir. Oturum süresi ne kadar yüksek olursa, Google'daki olası sıralamanız o kadar yüksek olur.

Sitede geçirilen süre ve Organik konum

PWA'lar ve üstün web sitesi katılım oranları sayesinde Google'da birinci sayfaya merhaba diyebilirsiniz.

Her Şey URL'lerle İlgili

Aşamalı web uygulamaları, terimin her anlamıyla SEO'nun en iyi uygulamalarını gerçekten benimsiyor. Site verilerinin arama botları tarafından daha iyi indekslenmesi ve ayrıştırılması için net ve özlü meta açıklamalardan Schema.org verilerinin eklenmesine kadar; arama için optimize edilmiş bir web sitesinin PWA kesintisi yapma olasılığı diğerlerinden daha yüksektir.

PWA'lar, mobil cihazlarda harika bir deneyim sunmak için farklı türde "mobile.site.com" URL'leri gerektirmez. Cihaz ne olursa olsun tutarlı bir deneyim sağlamak için otomatik olarak yapılandırılırlar.

Başka bir bonus, PWA'ların mutlaka HTTPS'nin etkin olmasıdır. Bu, sitenizi yalnızca organik arama sonuçlarında yükseltmekle kalmaz, aynı zamanda kullanıcılara sitenizdeki güvenlik konusunda güvence vererek daha düşük hemen çıkma oranlarına, daha yüksek tıklama oranlarına ve muhtemelen daha yüksek dönüşüm oranlarına neden olur.

Her sayfanın kendi benzersiz URL'si ile birlikte gelir ve derinlere gömülü sayfaları bile arama motorları tarafından kolayca taranabilir ve keşfedilebilir hale getirir. Her sayfa için benzersiz URL'ler, sosyal medyada ve diğer sitelerde sayfaları paylaşmayı çok daha kolay hale getirir ve daha şeffaf bir şekilde izlenebilir olduğundan bahsetmez.

Servis çalışanları kullanılarak yerinde ön önbelleğe alma ile, PWA'lardaki tüm URL'ler, cihazınız çevrimdışı olduğunda bile yüklenir. Bu, eski cihazlarda veya zayıf ağ bağlantılarında çalışan kullanıcıları güçlendirir.

Sarmalamak

Aşamalı Web Uygulamaları, en iyi web deneyimlerini sunmayı amaçladıkları için SEO için mükemmeldir. Ancak diğer her şey gibi, geliştiriciler ve pazarlamacılar da işleri karıştırabilir.

Web'in en iyi uygulamalarını takip edin ve harika organik arama trafiğinin avantajlarından yararlanın. Bu, sitenizi ilk önce mobil, mobilde hızlı, tüm ekran boyutlarında kullanılabilir ve sayfa SEO'sunda sesli hale getirmek anlamına gelir.

PWA'lar, müşterilerle uzun süreli ilişkiler kurmanıza yardımcı olur. Bu harika bir ödül, ancak siteniz kullanıcı deneyimini ilk sıraya koyduğu için organik arama gibi evrensel bir artış da yaşayacaksınız.

Tüm bu en iyi uygulamaları takip ederseniz, organik arama trafiğini hedeflemeseniz bile başarılı olursunuz.

Bu ipuçlarını yakalama ve mobil web'in kolaylığını bir mobil uygulamanın hızı ve kullanım kolaylığı ile birleştiren PWA'lara yatırım yapma zamanı. PWA'lar ile bir fiyatına iki tane alırsınız. Peki seninkini ne zaman inşa edeceksin?

SimiCart PWA'yı keşfedin