Apa Itu Mercusuar Google dan Bagaimana Cara Menggunakannya?

Sebagai pemilik situs web, memaksimalkan Search Engine Optimization (SEO), aksesibilitas, dan kinerja situs Anda adalah yang paling penting. Namun, untuk mengatasi faktor-faktor ini seefisien mungkin, sangat penting untuk mengadopsi alat dan teknik yang tepat. Salah satu solusi paling inovatif yang saat ini dapat Anda manfaatkan adalah Google Lighthouse.

Dalam posting ini, kami akan memperkenalkan Anda ke Google Lighthouse dan cara kerjanya. Kemudian kami akan menjelaskan bagaimana Anda dapat menggunakannya untuk meningkatkan situs Anda.

Ayo masuk!

Berlangganan Saluran Youtube Kami

Apa itu Mercusuar Google?

Google Lighthouse adalah alat sumber terbuka gratis yang dapat membantu Anda meningkatkan kecepatan, kinerja, dan pengalaman situs web Anda secara keseluruhan. Membuat laporan Lighthouse mempermudah peningkatan kualitas halaman web Anda.

Ada beberapa cara berbeda untuk menggunakan alat ini. Anda dapat menjalankannya melalui:

• Alat Pengembang Chrome
• Ekstensi Chrome
• Sebuah modul Node
• Antarmuka Pengguna (UI) web

Setelah Anda mengirimkan URL ke alat otomatis, itu akan menjalankan beberapa audit halaman dan membuat laporan yang merinci bagaimana kinerja halaman. Anda kemudian dapat menggunakan saran dari hasil untuk meningkatkan situs web Anda.

Mercusuar bukan hanya untuk pengembang. Alat ini cocok untuk setiap pemilik situs yang tertarik untuk mempelajari lebih lanjut tentang kinerja situs web mereka dan langkah nyata untuk mengoptimalkannya.

Bagaimana Halaman Audit Lighthouse

Fokus utama dari audit Lighthouse adalah Data Web Inti Google. Jika Anda tidak terbiasa, ini adalah metrik penting yang digunakan Google untuk mengukur kecepatan halaman web dan Pengalaman Pengguna (UX) secara keseluruhan. Mereka terdiri dari Largest Contentful Paint (LCP), First Input Delay (FID), dan Cumulative Layout Shift (CLS).

Dengan kata lain, menggunakan Lighthouse membantu Anda melihat situs web Anda dengan cara yang sama seperti Google. Anda dapat menggunakan wawasan yang dapat ditindaklanjuti yang diberikannya untuk mengoptimalkan halaman Anda untuk hasil peringkat mesin pencari yang lebih baik.

Laporan Lighthouse terdiri dari lima kategori:

• Pertunjukan
• Aksesibilitas
• SEO
• Praktik terbaik
• Aplikasi web progresif

Ini juga menggunakan sistem penilaian 1 hingga 100 dan menguji situs terhadap koneksi 3G yang disimulasikan. Namun, skor dapat bervariasi dari waktu ke waktu karena Google sering memperbarui kriteria peringkatnya. Oleh karena itu, Anda mungkin ingin tetap mengikuti pembaruan Lighthouse apa pun.

Selain itu, meskipun agak mirip dengan PageSpeed ​​Insights, Lighthouse tidak sama. Lighthouse menawarkan gambaran yang lebih holistik daripada sekadar kinerja halaman (seperti yang dilakukan PageSpeed ​​Insights).

Cara Menggunakan Mercusuar Google

Seperti yang kami sebutkan, Anda dapat menggunakan beberapa alur kerja untuk Lighthouse. Jika Anda tidak ingin menginstal ekstensi atau menjalankan perintah, Anda dapat menggunakan web.dev atau DevTools. Di bawah ini, kami akan memandu Anda melalui petunjuk langkah demi langkah untuk setiap opsi.

Cara Menjalankan Mercusuar Google Dengan Chrome DevTools

Untuk memulai, Anda harus mengunduh Google Chrome terlebih dahulu (jika Anda belum melakukannya). Setelah terinstal, Anda dapat membuka tab browser baru di Chrome dan menavigasi ke halaman web yang ingin Anda audit.

Selanjutnya, klik kanan pada halaman dan pilih Inspect. Anda juga dapat mengeklik tiga titik vertikal di pojok kanan atas browser, lalu menavigasi ke Alat lainnya > Alat pengembang .

Ini akan membuka panel DevTools di kanan atau atas halaman. Dari bilah alat, (1) klik Mercusuar :

Perhatikan bahwa jika Anda tidak melihat opsi Mercusuar di bilah alat, Anda mungkin perlu mengeklik dua panah di bagian akhir. Setelah alat Lighthouse terbuka, pastikan kelima kategori dipilih, lalu (2) pilih Hasilkan laporan .

Setelah Lighthouse selesai menjalankan audit, itu akan membawa Anda ke layar hasil. Laporan itu akan terlihat seperti ini:

Anda akan menemukan skor dan bagian untuk setiap kategori. Anda dapat mempelajari lebih lanjut tentang masing-masing dengan mengklik skor di bagian atas halaman.

Skor yang baik dianggap antara 50 dan 89. Skor yang sangat baik adalah antara 90 dan 100. Tujuannya adalah untuk mencetak skor di suatu tempat di kisaran 90 dan 100 untuk setiap kategori.

Cara Menggunakan Mercusuar Google Dengan web.dev

Cara cepat dan mudah lainnya untuk mengaudit halaman web dengan Lighthouse adalah menggunakan web.dev. Navigasikan ke halaman ini, lalu masukkan URL halaman yang ingin Anda audit:

Selanjutnya, klik tombol Jalankan Audit . Setelah satu atau dua menit, Lighthouse akan selesai menganalisis situs dan membawa Anda ke laporan. Di sini Anda dapat mempelajari lebih lanjut tentang skor Anda dan peluang untuk peningkatan di setiap kategori:

Anda dapat mengeklik setiap bagian yang diciutkan untuk meluaskannya dan mempelajari lebih lanjut. Anda juga dapat mengakses informasi rinci tentang setiap kategori dengan memilih nama kategori dan skor di bagian atas laporan.

Cara Menggunakan Mercusuar Google Dengan Ekstensi Chrome

Atau, Anda dapat mengunduh dan memasang Ekstensi Chrome untuk Mercusuar. Ini bisa menjadi pilihan yang solid jika Anda berencana untuk sering menggunakan Lighthouse.

Sekali lagi, Anda harus menginstal browser Chrome. Selanjutnya, Anda dapat menavigasi ke Toko Web Chome dan menginstal ekstensi Lighthouse:

Setelah add-on diinstal, mulai ulang browser Anda. Anda sekarang akan melihat simbol mercusuar di akhir bilah alamat Anda. Kunjungi halaman web yang ingin Anda audit, klik simbol mercusuar, lalu pilih Hasilkan laporan :

Tindakan ini akan membawa Anda langsung ke halaman laporan, tempat Anda dapat melihat detail penilaian setiap kategori. Perhatikan bahwa mungkin diperlukan satu atau dua menit untuk menyelesaikan audit.

Cara Menggunakan Mercusuar Google melalui Node

Jika Anda mencari fleksibilitas konfigurasi dengan Lighthouse, Anda juga dapat menggunakan modul Node. Ini adalah solusi yang lebih maju, tetapi memberikan kontrol yang lebih besar.

Pertama, Anda harus menginstal versi dukungan Jangka Panjang dari Node:

Selanjutnya, Anda dapat menjalankan baris perintah untuk menginstal Lighthouse:

 npm install -g mercusuar
# atau gunakan benang:
#benang global tambahkan mercusuar

Terakhir, Anda dapat melakukan audit dengan menggunakan perintah berikut:

 mercusuar <url>

Tentu saja, Anda ingin mengganti <url> dengan alamat web dari halaman web yang Anda coba audit. Anda dapat merujuk ke GitHub untuk mempelajari lebih lanjut tentang kode sumber.

Kesimpulan

Mengaudit situs web WordPress Anda secara teratur sangat penting untuk memberikan pengalaman yang baik bagi pengunjung dan mesin pencari. Berkat alat seperti Google Lighthouse, Anda dapat dengan cepat menilai kinerja, SEO, dan aksesibilitas situs Anda dalam beberapa langkah sederhana.

Seperti yang kita bahas dalam posting ini, Lighthouse adalah alat otomatis gratis untuk mendapatkan wawasan berharga tentang kinerja halaman web Anda dan pengalaman keseluruhan. Anda dapat menggunakannya dengan memasang ekstensi Chrome atau menggunakan DevTools langsung di dalam browser Anda. Kemudian Anda dapat memanfaatkan laporan tersebut untuk mempelajari cara meningkatkan situs Anda.

Apakah Anda memiliki pertanyaan tentang penggunaan Google Lighthouse? Beri tahu kami di bagian komentar di bawah!

Gambar Unggulan melalui Cienpies Design/shutterstock.com