Tantangan SEO PWA: Apa yang Menghentikan Peringkat Situs PWA Anda?

Dengan kecepatan yang lebih cepat & UI & UX yang lebih baik, PWA dapat meningkatkan Google Core Web Vitals Anda, dengan demikian, meningkatkan SEO Anda. Banyak blog & berita teknologi (termasuk SimiCart) telah mengklaim hal ini.

Namun, ini bukan gambaran keseluruhan. Bahkan, dalam beberapa kasus, PWA bisa berdampak buruk bagi SEO website Anda.

Lebih dari 10 tahun mengembangkan situs web PWA, kami telah menemukan beberapa kasus di mana kinerja SEO sebenarnya dipengaruhi secara negatif oleh PWA.

Kami telah menulis artikel tentang manfaat PWA. Nah, bagi Anda untuk melihat bagian bawah laut dari gunung es, berikut adalah beberapa tantangan besar untuk SEO yang mungkin dihadapi pemilik toko saat menerapkan PWA.

Masalah utama dengan PWA SEO

Ini kembali ke pengetahuan dasar pengembangan situs web: HTML & Javascript. Kami yakin bahwa meskipun Anda sama sekali tidak paham teknologi, Anda pernah mendengar dengan baik tentang kedua bahasa pengkodean ini sebelumnya.

Singkatnya, HTML adalah bahasa pengkodean paling sederhana, yang digunakan untuk membuat struktur situs web.

Sementara itu, Javascript adalah yang lebih maju, yang bertanggung jawab untuk lebih banyak efek khusus.

Oleh karena itu, jika Anda melihat halaman web dengan banyak konten dinamis, efek gulir mewah, atau penggeser keren, misalnya, halaman web tersebut memanfaatkan Javascript dengan baik.

(kredit: Reddit)

PWA, yang terkenal dengan pengalaman UI/UX yang semarak, seperti yang Anda duga, menggunakan banyak Javascript.

Inilah masalahnya: Google & banyak mesin pencari lainnya tidak merender situs web Javascript dengan baik. Situs web berbasis Javascript seringkali lebih kompleks dan lebih berat untuk diproses daripada situs web HTML. Bahkan, tidak hanya mesin pencari, media sosial seperti Twitter atau Facebook juga tidak begitu menyukai Javascript.

Akibatnya, bot mesin pencari dapat memiliki beberapa masalah dengan pengindeksan situs PWA Anda, yang menyebabkan kinerja SEO yang buruk.

Oleh karena itu, dibutuhkan seorang ahli yang ahli dan mengerti PWA luar dalam untuk mengoptimalkan website agar SEO friendly.

6 kendala saat mengoptimalkan PWA untuk SEO.

1. Masalah kinerja

“Tapi PWA seharusnya cepat?” - Anda mungkin bertanya.

Ya, tetapi bukan berarti PWA tidak memiliki masalah kinerja.

Masih ada beberapa masalah terkait kecepatan yang menonjol dengan PWA. Namun, PWA bisa secepat kilat jika dioptimalkan dengan benar.

Sama seperti Usain Bolt, meski terlahir super-duper berbakat, dia tidak bisa menjadi juara jika tidak memiliki pelatih yang memahami kemampuannya & melatihnya dengan baik.

Mari kita lihat lebih dekat setiap masalah:

Masalah

File Javascript menggunakan banyak sumber daya untuk penguraian, kompilasi & eksekusi. Selain itu, karena kinerja server yang buruk, bug mesin pencari tidak dapat merender file Javascript dengan cepat.

Akibatnya, ini dapat memengaruhi beberapa metrik kecepatan halaman seperti First Meaningful Paint & First Contentful Paint. Karena kedua metrik ini merupakan faktor peringkat yang penting, ini buruk untuk SEO. Selain itu, situs yang tertinggal juga tidak akan baik untuk pengalaman pengguna.

Selain itu, karena pekerja layanan PWA memerlukan sertifikat HTTPS & SSL untuk berfungsi, ini dapat membuat situs web Anda lebih lambat daripada versi HTTP-nya.

Solusi

Beberapa praktik umum untuk meningkatkan kecepatan adalah menerapkan AMP (halaman seluler yang dipercepat) bersama dengan PWA, serta menggunakan HTTP/2 dengan HTTPs

Karena PWA adalah teknologi canggih & khusus dalam lanskap eCommerce, lebih baik jika pengembang PWA berpengalaman mengoptimalkan kecepatan situs Anda.

2. Kesalahan Javascript

Masalah

Saat parsing, browser seperti Google Chrome dapat secara otomatis memperbaiki sintaks HTML seperti tag penutup. Namun, ini tidak sama dengan kesalahan Javascript.

Akibatnya, setiap kesalahan dalam Javascript dapat menghentikan spider mesin pencari merayapi & mengindeks halaman web Anda.

Solusi

Sangat penting untuk memiliki pengembang yang menulis kode Javascript yang bersih & terstruktur dengan baik untuk situs Anda untuk menghindari banyak perbaikan yang memakan waktu di kemudian hari.

Jika situs mengalami kesalahan Javascript, pengembang harus membersihkannya secara manual & memberi tahu mesin pencari setelah memperbaikinya.

3. Hyperlink/gambar tidak dirayapi karena konten penyelubungan

Konten penyelubungan adalah yang terlihat oleh mata manusia, tetapi tidak oleh mesin pencari. Misalnya, teks yang tersembunyi di balik tombol “tampilkan lebih banyak” atau tautan menu pemuatan lambat. Ini sering merupakan konten & tautan dinamis yang ditulis dalam Javascript

Masalah

Karena Google masih kesulitan memahami Javascript, mungkin ada beberapa konten Javascript PWA yang tidak dapat diakses oleh Google.

Jika konten Anda (misalnya tautan penting, gambar produk) tidak terlihat oleh mesin pencari, mereka tidak dapat mengindeksnya. Ini akibatnya akan berdampak buruk pada peringkat SEO Anda.

Larutan

Anda selalu dapat mengandalkan alat seperti Sitechecker atau alat SEO Kecil untuk melihat apakah halaman web Anda berisi konten terselubung. Pastikan semua konten utama seperti teks, gambar, dan tautan yang dikirimkan ke pengguna Anda cocok dengan apa yang disajikan ke Googlebot.

4. Kompatibilitas modul

Masalah

Sebagai teknologi yang relatif baru, PWA sering memanfaatkan modul-modul terbaru. Ini mungkin bertentangan dengan Google atau browser lain, yang biasanya mengandalkan modul yang kurang modern. Beberapa contoh penting dari hal ini adalah ES6, Fetch API, atau sintaks atau metode baru.

Larutan

Sebelum menerapkan, Anda harus memeriksa kompatibilitasnya. Bukan masalah besar jika beberapa modul PWA Anda tidak bekerja dengan Googlebot, karena ada alat atau polyfill untuk memperbaikinya.

Polyfill adalah beberapa baris kode Javascript yang memungkinkan browser lama menggunakan fitur modern meskipun mereka tidak mendukung fitur tersebut.

Berdasarkan modul mana yang bertentangan dengan Googlebot, mungkin ada alat transpiling untuk itu juga.

Sekadar informasi, transpiling (translate + compile) berarti menerjemahkan & menginterpretasikan satu bahasa pemrograman ke bahasa pemrograman lainnya. Mari kita ambil modul ES6 sebagai contoh, layanan seperti Babel dapat mengubah file Javascript C6 modern ke ES5, yang memungkinkan browser lama berjalan lancar dengannya.

5. Masalah dengan rendering sisi server

Dalam upaya untuk membuat situs web berbasis Javascript lebih baik, Googlebot menggunakan rendering sisi server & sisi klien.

Singkatnya, proses renderingnya seperti ini:

1. Googlebot merayapi situs web Anda untuk menemukan tautan & konten untuk pertama kalinya
2. Server akan merender tautan & konten yang ditemukan setelah perayapan pertama. Tautan & konten ini akan segera diindeks
3. Google terus merayapi situs web untuk kedua, ketiga kalinya, dll
4. Mulai sekarang, tautan & konten yang tersisa akan dirender oleh klien, yang berarti akan dirender di perangkat pengguna Anda.
5. Setelah rendering selesai, Google mengindeks halaman web Anda.

Masalah

Pada awalnya, aliran rendering Googlebot tampaknya cukup masuk akal, tetapi ada beberapa kelemahan utama:

• Kecepatan pengindeksan lebih rendah :

Google dapat mengindeks file HTML dengan rendering sisi server dengan cepat, tetapi butuh waktu berhari-hari untuk mengindeks file Javascript dengan rendering sisi klien

• Prioritaskan halaman yang salah :

Bayangkan Anda memiliki halaman web yang menautkan ke beberapa halaman lain. Ini disebut tautan internal. Google mengandalkan struktur tautan internal ini untuk memahami hubungan antara tautan & tautan mana yang harus diprioritaskan.

Namun, untuk tautan yang disisipkan Javascript, Google harus menunggu rendering sisi klien selesai sebelum dapat mulai mengindeks. Dengan kata lain, Google dapat sepenuhnya mengevaluasi struktur tautan internal situs web hanya setelah rendering sisi klien selesai.

Akibatnya, beberapa tautan yang tidak terlalu penting yang tidak memerlukan perenderan sisi klien dapat dirayapi terlebih dahulu & lebih sering. Dengan demikian, Google dapat memprioritaskan halaman minor Anda & mengabaikan halaman penjualan.

• Konflik antara rendering sisi server & rendering sisi klien:

Sering ada masalah antara rendering sisi server & rendering sisi klien. Misalnya, beberapa elemen halaman penting (tag meta, tag kanonik) tidak diindeks. Selain itu, kedua fase tersebut dapat mengirimkan beberapa sinyal campuran ke Google, sehingga mesin pencari tidak tahu bagaimana melanjutkan halaman Anda.

Larutan

Server yang lebih efisien adalah perbaikan besar untuk masalah ini. Pengembang mungkin perlu mengoptimalkan server sehingga langsung merespons permintaan tautan dalam. Juga, mereka perlu bekerja untuk file HTML yang dirender dengan baik, terutama untuk elemen halaman penting seperti navigasi, tautan, konten, meta-tag & gambar.

Teknologi modern dapat membantu kami menyelesaikan konflik antara Javascript & browser web juga. Misalnya, teknik isomorfik dapat mempermudah browser untuk merender file Javascript.

6. Kesalahan umum SEO

Ada lebih dari 200 faktor peringkat SEO, beberapa di antaranya sangat teknis seperti tag kanonik, rebot.txt, dll. Untuk alasan ini, pedagang dapat dengan mudah mengabaikan konfigurasi ini, sehingga pada akhirnya merusak SEO situs web mereka.

Sebelum memperbaiki SEO PWA Anda, sebaiknya pastikan situs Anda saat ini mengikuti praktik SEO terbaik.

>> Lihat selengkapnya: Praktik SEO Magento Terbaik

Sekarang, sampai pada pertanyaan yang paling menggelitik:

Haruskah saya meningkatkan ke PWA?

… Jika saya tidak ingin merusak SEO website saya.

Pasti sangat membingungkan bagi pedagang yang berpikir untuk menerapkan PWA, terutama ketika pencarian organik adalah saluran lalu lintas situs web yang vital.

Namun, tantangan ini tidak berarti bahwa bot Google tidak dapat merayapi situs PWA, juga tidak membuat peringkat situs PWA berbeda karena bahasa pemrogramannya.

Hanya saja pedagang perlu menyadari beberapa tantangan teknis saat menerapkan situs PWA yang ramah SEO.

Faktanya, situs web PWA benar-benar dapat berperingkat baik di mesin pencari, jika tidak lebih baik dari situs web non-PWA yang setara. Seperti disebutkan sebelumnya, aplikasi web meningkatkan Inti Web Vitals SEO.

Jadi, dari segi SEO, apakah PWA jagoan atau nol? Itu tergantung pada apakah pengembang mereka sangat memahami teknologi PWA & pengembangan situs web.

Membawa pergi

PWA bisa menjadi pisau bermata dua untuk peringkat SEO situs web Anda. Di sisi lain, kecepatan & pengalaman pelanggan yang ditingkatkan dapat membantu meningkatkan vital web inti SEO. Di sisi gelap, PWA, dengan konten Javascriptnya yang kaya, lebih rumit untuk digunakan oleh mesin pencari seperti Google. Dengan demikian, implementasi yang buruk tanpa pemahaman PWA yang mendalam dapat menyebabkan penurunan peringkat.

Sangat mungkin untuk membuat situs web PWA yang ramah SEO. Kuncinya adalah menemukan pengembang PWA yang terbiasa dengan tantangan ini & tahu cara menyelesaikannya dengan cepat.

Kami memiliki 10 tahun membuat PWA tanpa kepala untuk Magento