Cara memeriksa kesehatan situs web Anda setelah mendesain ulang

Proses desain ulang itu rumit dan melibatkan banyak orang dan waktu. Desainer ingin membuat situs menjadi indah, pengembang ingin mengkodekannya dengan cepat, dan SEO ingin mengoptimalkannya – ketiga niat tersebut tidak selalu saling melengkapi.

Desain ulang dapat dilakukan dengan berbagai cara: menggunakan CMS, kode kustom, kerangka kerja, pembuat halaman, dll. Namun tidak semua cara ramah SEO, jadi disarankan untuk menerapkan desain ulang menggunakan praktik terbaik SEO. Pada artikel ini, kita akan melihat cara melakukan desain ulang situs web SEO dan langkah-langkah untuk memeriksa kesehatan situs web setelah selesai.

Masalah SEO apa yang mungkin muncul setelah mendesain ulang situs web?

Jika pengembangan situs web tidak dipandu oleh praktik terbaik, banyak masalah juga dapat terjadi dalam hal SEO. Masalah pengindeksan, halaman rusak, kecepatan situs web, pengoptimalan media yang buruk, masalah responsivitas, dan banyak lagi. Semua masalah ini pasti akan berdampak pada peringkat, menghasilkan penurunan lalu lintas organik.

Periksa situs web sebelum mendesain ulang

Hal hebat yang dapat Anda lakukan sebelum menerbitkan desain baru Anda adalah menjalankan pemeriksaan kesehatan situs web sehingga Anda akan memiliki sesuatu untuk dibandingkan nanti. Pertama, jelajahi dan simpan daftar semua halaman untuk memvalidasinya agar ditampilkan di situs baru. Selain URL, Anda perlu menyimpan data penting yang terkait dengannya: tag meta, konten, dll., untuk memvalidasi bahwa tidak ada hal penting yang hilang di situs yang diperbarui. Mengumpulkannya secara manual bisa jadi sulit, terutama untuk situs web besar, tetapi ada cara yang lebih mudah – menggunakan perangkat lunak pemeriksaan kesehatan situs web otomatis. Misalnya, alat audit situs web Peringkat SE memeriksa dan menyimpan statistik pada setiap halaman situs Anda sehingga Anda dapat melihat kondisi saat ini dan riwayat perubahan – Anda dapat membandingkan seluruh situs web atau setiap halaman dengan perayapan sebelumnya, yang persis seperti apa kita butuh. Kami akan menggunakan alat ini untuk mendemonstrasikan proses saat memeriksa situs web dengan lebih dari 120 kriteria sekaligus, sehingga Anda memiliki semua data yang diperlukan di satu tempat.

Cara memeriksa kesehatan situs web dan mendeteksi masalah setelah mendesain ulang

Cara terbaik untuk memeriksa kesehatan situs setelah memublikasikan versi situs baru adalah dengan membandingkannya dengan versi lama. Untuk melakukannya, Anda perlu menjalankan dua perayapan dengan Audit Situs Web Peringkat SE: satu sebelum perubahan dan satu setelahnya. Dengan menggunakan dua perayapan tersebut, Anda dapat memastikan hal-hal penting masih tersedia dan masalah lama telah diperbaiki. Mari kita periksa secara detail.

Perayapan dasar dan masalah terkait kemampuan indeks

Setelah mendesain ulang, salah satu hal pertama yang harus diperiksa adalah semua halaman dapat diakses dan dapat diindeks ulang pada versi baru. Masalah utama yang memengaruhi perayapan dan pengindeksan halaman adalah:

• Kode respons non-200 (1)
  Jika tidak ada URL seperti itu di situs web, kode responsnya adalah 4xx; jika halaman dialihkan, kode responsnya adalah 3xx; jika ada beberapa kesalahan sisi server, kode responsnya adalah 5xx. Dalam semua kasus ini, halaman tidak dapat dimuat dan ditampilkan kepada pengguna, sehingga tidak dapat dirayapi atau ditambahkan ke indeks Google – pastikan semua halaman penting memiliki kode respons 200.
• Halaman diblokir di robots.txt (2)
• Halaman tersebut berisi tag meta robots “noindex” (3)
• URL kanonik merujuk ke halaman lain (4)

Untuk memvalidasi semua masalah ini secara bersamaan, buka Audit Situs Web → Halaman yang di-crawl dan pilih kolom yang sesuai untuk melihat masalah crawlability dan indexability pada satu layar.

struktur URL

Desain ulang tidak selalu tentang ujung depan. Kadang-kadang juga mempengaruhi back end dan/atau konfigurasi server. Jika Anda pindah ke CMS lain atau perubahan memengaruhi struktur URL, Anda perlu memastikan URL baru sama dengan yang lama atau mengonfigurasi pengalihan yang sesuai. Jika Anda tidak melakukannya, URL lama akan memiliki 404 kode respons, dan halaman baru tidak akan mewarisi kepercayaan dari halaman lama karena akan diperlakukan sebagai halaman baru.

Selain itu, beberapa masalah dapat terjadi terlepas dari jalur halaman:

• Tebas di akhir
  “…/example-url” tidak sama dengan “…/example-url/”. Jika URL kanonik tidak memiliki garis miring di bagian akhir, mengunjungi URL yang diakhiri dengan garis miring akan menghasilkan kode respons 404 yang tidak baik untuk SEO. Anda perlu memastikan semua URL baru Anda berakhir sama dengan yang lama atau mengonfigurasi kanonik dan mengarahkan ulang yang sesuai.
• HTTP(S)
  Seperti masalah sebelumnya, mengaktifkan/menonaktifkan koneksi SSL juga memengaruhi struktur URL dan dapat menyebabkan masalah serius jika dikonfigurasi dengan tidak benar.
• www
  "www.example.com" tidak sama dengan "example.com". Awalan ini biasanya digunakan pada usia awal world wide web untuk menunjukkan bahwa sumber daya web dimaksudkan untuk diakses secara publik.
  Secara teknis, "www." adalah subdomain, dan Google memperlakukan subdomain sebagai domain yang berbeda, bukan folder. Jika Anda mencoba mengakses domain atau subdomain yang tidak dikonfigurasi dengan benar, Anda akan mendapatkan kesalahan, dan begitu juga bot pencarian. Untuk menghindari masalah seperti itu, pastikan untuk menyiapkan pengalihan atau menambahkan tag rel=canonical yang menunjuk ke versi situs web pilihan Anda.

Tag meta

Saat memublikasikan versi baru situs web, Anda perlu memastikan bahwa semua tag meta yang dioptimalkan dari halaman lama sudah ada. Jika tidak, judul dan deskripsi yang hilang atau salah dapat mengakibatkan penurunan peringkat dan lalu lintas yang signifikan. Untuk memeriksa kesehatan situs web dan bahwa Anda tidak memiliki halaman dengan tag meta yang hilang atau salah, buka bagian Judul dan Deskripsi di Laporan Masalah audit situs web.

Untuk memastikan bahwa judul dan deskripsi meta sama seperti sebelum mendesain ulang, gunakan laporan Laman Perayapan dan aktifkan kolom yang sesuai. Kemudian, bandingkan dengan apa yang ada sebelum desain ulang.

Isi

Jika beberapa halaman memiliki konten yang sama, Google akan kesulitan mencari tahu halaman apa yang harus ditampilkan di SERP, yang mengakibatkan penurunan peringkat untuk semua halaman duplikat.

Mungkin sulit untuk membandingkan konten, terutama jika Anda memiliki situs web yang besar. Kabar baiknya adalah dimungkinkan untuk mendeteksi masalah seperti itu secara otomatis.

Halaman duplikat

Halaman duplikat adalah halaman dengan konten yang identik. Kadang-kadang mungkin sulit ditemukan karena mereka dapat memiliki URL yang berbeda, tetapi ada parameter yang dapat membantu Anda mengidentifikasinya. Mengaktifkan kolom “Hash Konten” akan menampilkan hash unik dari konten halaman – konten yang setara dengan kriptografi. Jika hashnya sama untuk dua halaman, itu berarti mereka 100% identik – lihat melalui kejadian-kejadian itu dan tinggalkan hanya satu salinan halaman.

Tag meta

Skenario duplikasi lainnya adalah meta tag yang identik. Judul dan deskripsi meta memiliki dampak yang signifikan ketika mesin pencari mengevaluasi relevansi halaman. Jangan bingung Google dengan halaman dengan meta tag yang identik karena tidak satupun dari mereka akan berperingkat tinggi.

Untuk menemukan halaman tersebut, aktifkan kolom "Judul Duplikat" dan "Deskripsi Duplikat" dalam laporan Halaman yang Dirayapi dari alat Audit Situs Web atau buka bagian terkait dalam laporan Masalah.

Judul H1

Mirip dengan meta tag, judul halaman lebih diprioritaskan daripada header (sub) lainnya saat mesin pencari menentukan tentang halaman tersebut. Anda perlu memastikan tidak ada halaman Anda yang memiliki H1 yang identik, sehingga mereka tidak saling menjiplak. Seperti cek Meta tag, aktifkan kolom "Duplikat H1" di laporan.

Data Web Inti

Jika Anda menerapkan desain baru, Anda harus yakin bahwa itu akan meningkatkan pengalaman pengguna; jika tidak, tidak ada gunanya melakukannya. Untungnya, Google telah mengembangkan Core Web Vitals – seperangkat metrik untuk membantu pengembang mengevaluasi UX mereka.

Dengan Peringkat SE, Anda tidak perlu memeriksa setiap halaman di Web.dev atau Mercusuar Chrome karena Audit Situs Web memeriksa semua halaman untuk semua metrik pengalaman halaman yang diperlukan. Mari kita lihat melalui mereka.

Hal pertama yang harus dilakukan adalah memeriksa Core Web Vitals: LCP, FID, dan CLS. Ini adalah tiga parameter yang mencerminkan seberapa baik kinerja situs web Anda dari segi UX:

1. Cat Contentful Terbesar berarti seberapa cepat viewport pertama akan dicetak di browser pengguna. Metrik ini terkait erat dengan kecepatan pemuatan situs web, yang akan kita bahas dalam hitungan detik.
2. First Input Delay mengukur seberapa cepat pengguna dapat berinteraksi dengan halaman (misalnya, klik tautan, tombol). Parameter ini juga terkait dengan kecepatan situs.
3. Pergeseran Tata Letak Kumulatif memberi tahu seberapa stabil konten Anda selama pemuatan – sangat mengganggu ketika elemen konten mengubah ukuran dan posisinya selama pemuatan halaman.

Informasi ini dapat ditemukan di dasbor Ikhtisar atau di Laporan Masalah -> bagian Kinerja. Hal yang hebat adalah bahwa laporan ini didasarkan pada data dari pengguna nyata dan pengujian lingkungan lab. Ini adalah titik awal untuk optimasi lebih lanjut.

Kecepatan Situs Web

2 dari 3 Data Web Inti terkait dengan waktu pemuatan. Tidak hanya itu, statistik menunjukkan bahwa sepertiga pengguna tidak akan menunggu lebih dari 3 detik untuk memuat halaman. Oleh karena itu, wajar untuk mengatakan bahwa kecepatan situs web adalah parameter inti terkait pengalaman pengguna. Mari kita lihat bagaimana SE Ranking dapat membantu Anda mengidentifikasi dan memecahkan masalah waktu pemuatan.

HTML

Karena semua halaman web ditulis dalam HTML, ini adalah hal pertama yang perlu Anda validasi setelah mendesain ulang. Masalahnya cukup mendasar, namun sangat mendasar untuk penyesuaian lebih lanjut. Dalam hal ini, Anda perlu memastikan bahwa ukuran HTML tidak terlalu besar untuk mengecualikan ukuran DOM yang besar karena dapat menantang untuk dirender, yang memengaruhi waktu pemuatan secara keseluruhan. Juga, pastikan HTML Anda dikompresi dan di-cache untuk meminimalkan ukuran dokumen dan waktu pemrosesan backend.

JS dan CSS

Web modern terjalin dengan JavaScript dan CSS. Teknologi tersebut membantu membuat situs web yang indah dengan fungsionalitas yang gesit. Namun terkadang, fitur tersebut dapat membahayakan kinerja situs, jadi penting untuk memeriksa apakah sumber daya dioptimalkan saat menerapkan desain baru.

Teknik pengoptimalan untuk file JS dan CSS serupa:

1. Minifikasi
   Kecualikan semua komentar, jeda baris, spasi ekstra, dll. – tinggalkan hanya karakter yang penting.
2. Menggabungkan
   Cobalah untuk menyajikan file sesedikit mungkin (idealnya, satu JS dan satu CSS per halaman). Setiap permintaan file membutuhkan waktu bagi server untuk merespons dan browser mengunduhnya – satu file adalah cara yang jauh lebih nyaman untuk melakukannya.
3. Caching
   Mengaktifkan caching sisi server berarti file Anda tidak akan dibuat dari awal setiap kali pengguna meminta halaman; sebagai gantinya, salinan yang disimpan akan disajikan. Ini menghilangkan banyak beban yang tidak perlu dari server dan meningkatkan waktu pemuatan.

Berikut adalah beberapa rekomendasi umum:

• Hindari menggunakan kerangka kerja dan tema
  Kerangka kerja JS dan CSS yang dibuat sebelumnya dapat menghemat waktu Anda, tetapi seringkali tidak dibuat dengan mempertimbangkan pengoptimalan kecepatan. Mereka memiliki banyak fungsi yang tidak Anda perlukan, dan semua fitur tambahan itu mungkin terlalu berat untuk dimuat.
• Hati-hati saat menggabungkan file JS
  Jika ada satu kesalahan dalam file JS, fungsi lain di dalam file mungkin tidak berfungsi. Jadi jika Anda memiliki satu file JS, mungkin semua fungsi dapat berhenti bekerja. Ini mungkin keputusan yang cerdas untuk membuat file terpisah untuk fungsionalitas inti dan keindahan front-end.

Gambar-gambar

Mengenai SEO, pengoptimalan gambar juga penting:

1. Gambar harus memiliki teks Alt, sehingga mesin telusur dan orang yang menggunakan pembaca layar dapat memahami tentang gambar tersebut – pastikan semua gambar memiliki teks Alt yang bermakna setelah didesain ulang.
2. Ukuran gambar
   Praktik terbaik adalah menyajikan gambar dalam resolusi yang sama dengan wadah induk. Namun, hampir tidak mungkin untuk membuat salinan gambar agar sesuai dengan semua wadah yang memungkinkan karena desain responsif di mana wadah dapat mengubah ukurannya. Yang dapat Anda lakukan adalah membuat beberapa variasi gambar (yaitu ukuran asli, lebar 300px, lebar 100px) untuk digunakan di berbagai tempat di situs. Misalnya, gambar unggulan pada artikel harus dalam ukuran asli, sementara lebih baik menggunakan gambar yang lebih kecil dengan lebar 300 piksel atau lebih rendah untuk gambar mini di halaman arsip.
3. Kompresi gambar
   Kompresi gambar adalah proses mengurangi jumlah warna unik yang digunakan dalam gambar. Kompresi sedang tidak akan terlihat oleh mata manusia tetapi dapat menghemat hingga 30% dari ukuran file – itu banyak, terutama mengingat gambar memiliki ukuran file yang besar dibandingkan dengan sumber halaman lainnya.

Desain responsif

Adalah wajib untuk memeriksa masalah pengoptimalan seluler karena sebagian besar lalu lintas berasal dari perangkat seluler, dan Google beralih ke pengindeksan yang memprioritaskan seluler. Peringkat SE telah mencakup ini juga.

Dengan menavigasi ke kategori Pengoptimalan Seluler di laporan Masalah, Anda akan dapat memvalidasi bahwa situs web Anda selaras dengan prinsip dasar desain responsif.

Membungkus

Mendesain ulang adalah proses yang rumit, terutama mengingat situs yang didesain ulang harus dioptimalkan untuk SEO. Cara terbaik untuk mencapainya adalah dengan mempertimbangkan SEO dan praktik kinerja.

Setelah Anda mempublikasikan perubahan Anda, Anda perlu memeriksa apakah semuanya baik-baik saja – di sinilah alat pemeriksaan kesehatan situs web berperan. Untuk memastikan bahwa situs baru Anda lebih baik atau tidak ada yang rusak dari segi SEO dan kinerja, Anda perlu membandingkannya dengan versi sebelumnya. Peringkat SE melakukan apa yang Anda butuhkan: merayapi, memeriksa, dan menyimpan data audit situs web sehingga Anda dapat dengan mudah memantau dan membandingkan hasil Anda berdasarkan tanggal. Menggunakan audit semacam itu memungkinkan Anda untuk membandingkan dan meningkatkan kesehatan situs web setelah desain ulang.