PWA SEO Zorlukları: PWA Sitenizin Sıralanmasını Ne Durdurur?

Daha hızlı ve daha iyi UI ve UX ile PWA, Google Temel Web Verilerinizi artırabilir, böylece SEO'nuzu iyileştirebilir. Birçok teknoloji blogu ve haberi (SimiCart dahil) bunu iddia etti.

Ancak, bu resmin tamamı değil. Aslında, bazı durumlarda PWA, web sitenizin SEO'su için kötü olabilir.

10 yılı aşkın bir süredir PWA web siteleri geliştirirken, SEO performansının aslında PWA'dan olumsuz etkilendiğine dair birkaç durumla karşılaştık.

PWA faydaları hakkında zaten bir makale yazdık. Şimdi, buzdağının su altındaki kısmını görmeniz için, burada mağaza sahiplerinin PWA'yı uygularken karşılaşabilecekleri SEO için bazı büyük zorluklar var.

PWA SEO ile ilgili temel sorun

Bu, temel web sitesi geliştirme bilgisine geri döner: HTML ve Javascript. Bahse gireriz, teknoloji konusunda bilgili olmasanız bile, bu iki kodlama dilini daha önce doğru bir şekilde duymuşsunuzdur.

Kısacası HTML, web sitesi yapısı oluşturmak için kullanılan en basit kodlama dilidir.

Bu arada, Javascript daha gelişmiş ve daha özel efektlerden sorumlu.

Bu nedenle, örneğin çok sayıda dinamik içeriğe, süslü bir kaydırma efektine veya harika bir kaydırıcıya sahip bir web sayfası görürseniz, bu web sayfası Javascript'i düzgün bir şekilde kullanır.

(kredi: Reddit)

Canlı UI/UX deneyimi ile ünlü PWA, tahmin edebileceğiniz gibi çok fazla Javascript kullanıyor.

Sorun şu: Google ve diğer birçok arama motoru, Javascript web sitelerini çok iyi oluşturmuyor. Javascript tabanlı web siteleri genellikle HTML web sitelerinden daha karmaşık ve işlenmesi daha ağırdır. Aslında sadece arama motorları değil, Twitter veya Facebook gibi sosyal medya da Javascript'e pek düşkün değil.

Sonuç olarak, arama motoru botlarının PWA sitenizi dizine ekleme konusunda bazı sorunları olabilir ve bu da SEO performansının düşmesine neden olabilir.

Bu nedenle, web sitesini SEO dostu olacak şekilde optimize etmek için PWA'yı içten dışa anlayan yetenekli bir uzman gerektirir.

SEO için PWA'yı optimize ederken 6 engel.

1. Performans sorunları

"Ama PWA'nın hızlı olması mı gerekiyor?" - Sorabilirsin.

Evet, öyle, ancak bu PWA'nın bazı performans sorunları olmadığı anlamına gelmez.

PWA ile ilgili hala hızla ilgili bazı belirgin sorunlar var. Ancak, doğru şekilde optimize edilirse PWA ışık hızında olabilir.

Tıpkı Usain Bolt gibi, süper yetenekli doğmasına rağmen, yeteneğini anlayan ve onu iyi eğiten bir antrenörü yoksa şampiyon olamaz.

Her soruna daha yakından bakalım:

sorunlar

Javascript dosyaları ayrıştırma, derleme ve yürütme için birçok kaynak kullanır. Ayrıca, kötü sunucu performansı nedeniyle, arama motoru hatası Javascript dosyalarını hızlı bir şekilde oluşturamaz.

Sonuç olarak, İlk Anlamlı Boyama ve İlk İçerikli Boyama gibi bazı sayfa hızı ölçümlerini etkileyebilir. Bu iki metrik önemli sıralama faktörleri olduğundan, bu SEO için kötüdür. Ayrıca, gecikmeli bir site de kullanıcı deneyimi için asla iyi olamaz.

Bunun da ötesinde, PWA'nın hizmet çalışanı, çalışması için HTTPS ve SSL sertifikalarına ihtiyaç duyduğundan, web sitenizi HTTP sürümünden daha yavaş hale getirebilir.

Çözümler

Hızı artırmaya yönelik bazı yaygın uygulamalar, PWA ile birlikte AMP (hızlandırılmış mobil sayfalar) uygulamak ve HTTP/2 ile HTTP'leri kullanmaktır.

PWA, e-ticaret ortamında gelişmiş ve uygun bir teknoloji olduğundan, deneyimli PWA geliştiricilerinin site hızınızı optimize etmesi daha iyidir.

2. Javascript hataları

Sorun

Ayrıştırırken, Google Chrome gibi tarayıcılar, etiketleri kapatma gibi HTML sözdizimini otomatik olarak düzeltebilir. Ancak, bu Javascript hatalarıyla aynı değildir.

Sonuç olarak, Javascript'teki herhangi bir hata, arama motoru örümceklerinin web sayfalarınızı taramasını ve dizine eklemesini durdurabilir.

Çözümler

Daha sonra zaman alan birçok düzeltmeden kaçınmak için geliştiricilerin siteniz için temiz ve iyi yapılandırılmış Javascript kodları yazması önemlidir.

Site herhangi bir Javascript hatasıyla karşılaşırsa, geliştiricilerin bunları manuel olarak temizlemesi ve düzelttikten sonra arama motorlarını bilgilendirmesi gerekir.

3. İçeriğin gizlenmesi nedeniyle köprü/resim taranmadı

Gizleme içeriği, insan gözüyle görülenlerdir, ancak arama motorları tarafından görülmez. Örneğin, "daha fazlasını göster" düğmesinin arkasına gizlenmiş metin veya geç yüklenen menü bağlantıları. Bunlar genellikle Javascript ile yazılmış dinamik içerik ve bağlantılardır.

Sorun

Google'ın Javascript'i anlamada hala bazı güçlükleri olduğundan, Google tarafından erişilemeyecek bazı PWA Javascript içeriği olabilir.

İçeriğiniz (örneğin önemli bir bağlantı, bir ürün resmi) arama motorları tarafından görülmüyorsa, dizine ekleyemezler. Bu, sonuç olarak SEO sıralamanız üzerinde kötü bir etkiye sahip olacaktır.

Çözüm

Web sayfanızın gizlenmiş içerik içerip içermediğini görmek için her zaman Sitechecker veya Small SEO aracı gibi araçlara güvenebilirsiniz. Kullanıcılarınıza gönderilen metinler, resimler ve bağlantılar gibi tüm önemli içeriğin Googlebot'a sunulanlarla eşleştiğinden emin olun.

4. Modül uyumluluğu

Sorun

Nispeten yeni bir teknoloji olarak, PWA genellikle en yeni modüllerden yararlanır. Bu, genellikle daha az modern modüllere dayanan Google veya diğer tarayıcılarla çakışabilir. Bunun bazı dikkate değer örnekleri ES6, Fetch API veya yeni sözdizimleri veya yöntemlerdir.

Çözüm

Uygulamadan önce uyumluluklarını kontrol etmelisiniz. PWA'nızın bazı modüllerinin Googlebot ile çalışmaması büyük bir sorun değildir, çünkü bunu düzeltecek araçlar veya çoklu dolgular vardır.

Polyfill, eski tarayıcıların bu özellikleri yerel olarak desteklemeseler bile modern özellikleri kullanmasına izin verebilen bazı Javascript kod satırlarıdır.

Googlebot'un hangi modüllerle çatıştığına bağlı olarak, bunun için de bir aktarma aracı olabilir.

Bilginize, aktarma (çevir + derleme), bir programlama dilini diğerine çevirmek ve yorumlamak anlamına gelir. Örnek olarak ES6 modülünü ele alalım, Babel gibi hizmetler modern C6 Javascript dosyalarını ES5'e aktarabilir ve bu da eski tarayıcıların onunla sorunsuz çalışmasına olanak tanır.

5. Sunucu tarafı oluşturma ile ilgili sorun

Javascript tabanlı web sitelerini daha iyi hale getirmek için Googlebot, hem sunucu tarafı hem de istemci tarafı oluşturmayı kullanır.

Kısacası, oluşturma işlemi şöyledir:

1. Googlebot, bağlantıları ve içeriği bulmak için web sitenizi ilk kez tarar
2. Sunucu, 1. taramadan sonra bulunan bağlantıları ve içeriği oluşturacaktır. Bu bağlantılar ve içerikler kısa süre sonra dizine eklenecektir.
3. Google, web sitesini ikinci, üçüncü kez vb. taramaya devam ediyor
4. Şu andan itibaren, kalan bağlantılar ve içerikler istemci tarafından oluşturulacak, yani kullanıcılarınızın cihazlarında oluşturulacaklar.
5. Oluşturma işlemi tamamlandıktan sonra Google web sayfalarınızı dizine ekler.

Sorun

İlk başta, Googlebot'un oluşturma akışı oldukça makul görünüyor, ancak bazı önemli dezavantajlar var:

• Daha düşük İndeksleme hızı :

Google, sunucu tarafı oluşturma ile HTML dosyalarını hızlı bir şekilde dizine ekleyebilir, ancak Javascript dosyalarını istemci tarafında oluşturma ile dizine eklemek günler alabilir

• Yanlış sayfalara öncelik verin :

Diğer bazı sayfalara bağlantı veren bir web sayfanız olduğunu hayal edin. Bunlara iç bağlantılar denir. Google, bağlantılar arasındaki ilişkiyi ve hangi bağlantılara öncelik vermeleri gerektiğini anlamak için bu dahili bağlantıların yapısına güvenir.

Ancak, Javascript eklenmiş bağlantılar için, Google'ın dizine eklemeye başlayabilmesi için istemci tarafı oluşturma işleminin bitmesini beklemesi gerekir. Başka bir deyişle, Google, web sitesinin dahili bağlantı yapısını ancak istemci tarafı oluşturma tamamlandıktan sonra tam olarak değerlendirebilir.

Sonuç olarak, istemci tarafında oluşturma gerektirmeyen çok önemli olmayan bazı bağlantılar önce ve daha sık taranabilir. Böylece Google, küçük sayfanıza öncelik verebilir ve satış sayfalarını görmezden gelebilir.

• Sunucu tarafı oluşturma ve İstemci tarafı oluşturma arasındaki çakışma:

Sunucu tarafı oluşturma ve istemci tarafı oluşturma arasında genellikle sorunlar vardır. Örneğin, bazı önemli sayfa öğeleri (meta etiketler, kurallı etiketler) dizine eklenmez. Ayrıca, iki aşama Google'a bazı karışık sinyaller gönderebilir, bu nedenle arama motoru sayfalarınızla nasıl devam edeceğini bilemez.

Çözüm

Daha verimli bir sunucu, bu sorunlar için önemli bir düzeltmedir. Geliştiricilerin, derin bağlantı isteklerine anında yanıt vermesi için sunucuyu optimize etmesi gerekebilir. Ayrıca, özellikle gezinme, bağlantılar, içerik, meta etiketler ve resimler gibi önemli sayfa öğeleri için iyi oluşturulmuş HTML dosyaları için çalışmaları gerekir.

Modern teknoloji, Javascript ve web tarayıcıları arasındaki çatışmayı da çözmemize yardımcı olabilir. Örneğin, izomorfik teknik, tarayıcıların Javascript dosyalarını oluşturmasını kolaylaştırabilir.

6. SEO ortak hataları

200'den fazla SEO sıralama faktörü vardır, bunlardan bazıları kanonik etiketler, rebot.txt vb. gibi oldukça tekniktir. Bu nedenle, tüccarlar bu yapılandırmaları kolayca görmezden gelebilir ve bu nedenle web sitelerinin SEO'suna zarar verebilir.

PWA SEO'nuzu düzeltmeye başlamadan önce, mevcut sitelerinizin en iyi SEO uygulamalarını takip ettiğinden emin olmak en iyisidir.

>> Daha fazlasını görün: En iyi Magento SEO uygulamaları

Gelelim en can alıcı soruya:

PWA'ya yükseltmeli miyim?

… Web sitemin SEO'suna zarar vermek istemiyorsam.

Özellikle organik aramalar hayati bir web sitesi trafik kanalı olduğunda, PWA'yı uygulamayı düşünen tüccarlar için çok kafa karıştırıcı olmalı.

Ancak bu zorluklar, Google botlarının PWA sitelerini tarayamayacağı veya programlama dilleri nedeniyle PWA sitelerini farklı sıralamadıkları anlamına gelmez.

Sadece tüccarların SEO dostu bir PWA sitesi uygularken bazı teknik zorlukların farkında olmaları gerekir.

Aslında, PWA web siteleri, PWA olmayan eşdeğer web sitelerinden daha iyi olmasa bile, arama motorlarında kesinlikle iyi sıralanabilir. Daha önce de belirtildiği gibi, web uygulaması SEO'nun Temel Web Verilerini geliştirir.

Peki, SEO açısından PWA bir kahraman mı yoksa sıfır mı? Bu, geliştiricilerinin PWA teknolojisini ve web sitesi geliştirmeyi derinlemesine anlayıp anlamadıklarına bağlıdır.

Götürmek

PWA, web sitenizin SEO sıralaması için çift bıçaklı bir bıçak olabilir. Öte yandan, gelişmiş hızı ve müşteri deneyimi, SEO'nun temel web hayati değerlerini artırmaya yardımcı olabilir. Karanlık tarafta, zengin Javascript içeriği ile PWA, Google gibi arama motorlarının çalışması için daha karmaşıktır. Bu nedenle, derin PWA anlayışı olmadan zayıf uygulama, sıralamada düşüşe neden olabilir.

SEO dostu bir PWA web sitesi oluşturmak tamamen mümkündür. Anahtar, bu zorluklara aşina olan ve bunları nasıl hızlı bir şekilde çözeceğini bilen PWA geliştiricileri bulmaktır.

Magento için 10 yıllık başsız PWA yaratmaya sahibiz