Verifikasi Pembaruan SEO dengan Chrome Inspect | Seer Interaktif

Verifikasi Pembaruan SEO dengan Chrome Inspect |  Seer Interaktif

Kita semua pernah ke sana sebelumnya. Anda, sebagai SEO, memiliki rekomendasi untuk situs Anda, tetapi Anda memerlukan pengembang untuk mengimplementasikannya.

Ini adalah skenario yang sangat umum ketika bekerja dalam model agensi dan berurusan dengan klien sebagai konsultan; kita sendiri jarang membuat perubahan yang sebenarnya.

Pada titik ini, mudah-mudahan Anda akan melihat rekomendasi Anda disebarkan oleh tim pengembangan, dan di lain waktu, Anda hanya perlu menunggu dalam antrean sampai giliran Anda! Namun, katakanlah Anda salah satu yang beruntung yang bisa mendapatkan rekomendasi dengan cepat. Setelah pengembang Anda mengatakan bahwa mereka telah menerapkan rekomendasi Anda, bagaimana Anda memverifikasi bahwa itu telah dilakukan dengan benar?

Selain meminta konfirmasi lisan bahwa pekerjaan telah selesai, Anda dapat mengambilnya sendiri dan memverifikasinya sendiri!

Memverifikasi pembaruan standar yang berfokus pada SEO biasanya cukup mudah. Jika klien memperbarui salinan halaman, Anda bisa melihat halaman tersebut. Jika mereka memperbarui judul atau deskripsi halaman, Anda dapat menggunakan salah satu dari sejuta alat yang tersedia online yang menunjukkan informasi halaman dasar yang menarik bagi SEO.

Tetapi bagaimana jika Anda tidak memiliki akses ke alat tersebut? Atau alat-alatnya tidak berfungsi, atau hasil yang mereka berikan kepada Anda tampaknya tidak benar? Bagaimana cara Anda memverifikasi status halaman hanya dengan menggunakan browser web?

Menggunakan Browser Web untuk Memverifikasi Pembaruan SEO

Hampir setiap browser web modern memiliki fungsi bawaan yang memungkinkan Anda melihat isi halaman web.

Di Google Chrome, itu “Periksa”. Alat ini mengungkapkan jendela browser lain yang menunjukkan banyak hal yang terkait dengan halaman web yang Anda lihat, tetapi yang paling penting bagi kami — ini menunjukkan DOM atau “Model Objek Dokumen”.

Dengan menggunakan alat ini dan melihat DOM, kita dapat melihat seluruh HTML halaman, memungkinkan kita melihat apa yang sebenarnya ada di halaman dan tidak bergantung pada alat yang tidak selalu 100% akurat.

Mari kita lihat DOM untuk seerinteractive.com:

Langkah-langkah berikut akan menampilkan DOM halaman web:

  1. Buka halaman web, klik kanan di suatu tempat di halaman dan klik Inspect.
  2. Sebuah jendela akan muncul mengungkapkan DOM halaman, bersama dengan sekelompok tab lain yang memungkinkan Anda memeriksa halaman yang Anda lihat.
  3. Dengan menggunakan jendela ini, Anda bisa mendapatkan ide yang lebih baik tentang apa yang mungkin dilihat bot, dikombinasikan dengan fungsi “sumber tampilan:”, Anda bisa mendapatkan tampilan yang bagus dari apa yang dilihat Google.

Jadi, bagaimana ini berguna? Kami baru-baru ini mengalami masalah di mana kami perlu memperbarui metadata situs dalam skala besar tetapi tidak memiliki cara untuk melakukannya secara terprogram atau dengan tangan. Ini akan membutuhkan 1000-an+ halaman yang tag-nya perlu di-hard-code oleh seseorang. Ini adalah pengurasan sumber daya utama pada klien dan sesuatu yang ingin mereka hindari; benar-benar bisa dimengerti.

Mereka mencoba mengubah tag menggunakan JavaScript di browser pengguna, dalam upaya memanfaatkan kode yang sudah mereka miliki. Dalam praktiknya, ini berarti halaman akan memuat HTML awal dengan judul halaman placeholder, deskripsi, dan tag kanonik di tempat, dan kemudian skrip JavaScript akan mengubah metadata pada halaman setelah dijalankan.

Pada pemeriksaan awal halaman, hanya melihatnya di browser biasa, judul halaman tampak benar karena JS bekerja sangat cepat sehingga elemen yang diperlukan diperbarui dengan sangat cepat. Namun, kami memperhatikan bahwa berbagai alat SEO yang kami jalankan halamannya melaporkan berbagai hasil termasuk:

  • Tidak ada judul halaman yang dilaporkan
  • Judul halaman akan menjadi judul placeholder
  • Judul halaman akan benar

Tentu saja, ini tidak ideal untuk SEO. Kami ingin metadata halaman benar saat halaman dikirimkan ke pengguna dan saat bot merayapinya, yang biasanya berarti tidak memerlukan JavaScript tambahan untuk memperbaikinya. Bahkan satu atau dua detik antara pemuatan halaman dan perbaikan Javascript terlalu lama ketika bot merayapi situs.

Ini tidak jelas pada pemeriksaan awal – ini adalah masalah yang cukup langka dan Anda mungkin hanya mengerti setelah menemukannya untuk pertama kalinya. Inspeksi visual halaman tampak baik-baik saja, dan alat tidak memberi kami jawaban yang konsisten. Pada titik ini, sudah waktunya untuk tidak bergantung pada alat eksternal apa pun dan hanya menyelami kode halaman.

Dengan menggunakan alat Inspect, kami dapat melihat dengan tepat apa yang terjadi dan kapan selama proses pemuatan.

Lapisan tambahan wawasan dan kemampuan untuk QA memungkinkan kami untuk mengidentifikasi masalah dengan bagaimana rekomendasi kami diterapkan, membuat rencana, dan memberikan umpan balik kepada pengembang sehingga mereka dapat memperbaiki masalah tersebut. Tanpa memverifikasi perubahan ini lebih dari sekadar pemeriksaan visual, kami mungkin tidak menyadari bahwa metadata yang salah sedang dirayapi hingga lebih jauh lagi.

Kiat untuk Menggunakan Pemeriksaan Chrome untuk Memverifikasi Perbaikan SEO

Berikut adalah beberapa kasus penggunaan umum di mana Anda mungkin ingin mempertimbangkan untuk menyelami kode halaman dan memverifikasi hal-hal sebagaimana mestinya.

Memverifikasi Metadata

  • Buka halaman web yang dimaksud, klik kanan pada area halaman web yang tidak dapat diklik dan klik Inspect. Ketika jendela terbuka klik pada tab Elemen dan Anda akan melihat HTML halaman tersebut.
  • Dari sini Anda dapat menekan control + F untuk membuka bilah pencarian. Gunakan bilah ini untuk menemukan elemen meta yang ingin Anda verifikasi.
  • Untuk judul halaman, Anda dapat mencari “
  • Setelah Anda menemukan apa yang Anda cari, verifikasi bahwa itu memang benar.

Memeriksa UX/Elemen Visual

Anda dapat memeriksa UX atau elemen visual apa pun pada halaman dengan mengklik kanan elemen tersebut dan mengklik Inspect. Alat pengembang chrome akan muncul kembali dengan elemen yang Anda klik kanan disorot di DOM.

Memverifikasi Google Analytics atau Google Pengelola Tag di Halaman Dengan Alat Pengembang Chrome

Sama seperti elemen meta lainnya, klik pada bagian halaman yang tidak dapat diklik untuk membuka alat dev chrome.

Cari dom untuk “analytics.js”, “ua-“, atau “gtm” atau cuplikan kode lain yang terkait dengan rangkaian analitik Anda yang mungkin ada di halaman.

Kesimpulannya

Kami baru saja membahas apa yang dapat Anda lakukan dengan alat Chrome Dev dan DOM.

Dari sini Anda dapat sepenuhnya menjelajahi halaman web hingga tingkat yang sangat rendah. Jadi, maju dan jelajahi dan verifikasi!


Mendaftar untuk buletin kami untuk lebih banyak posting seperti ini di kotak masuk Anda: