Langsung ke konten utama
Buka dasbor
Tidak yakin harus mulai dari mana? Ikuti kuis singkat untuk mendapatkan rekomendasi yang disesuaikan.
Pelajaran 3 dari 5
Mempertahankan minat pengunjung dengan Data Web Inti
Mempertahankan minat pengunjung
Membuat aplikasi berita dengan Flutter (7:18)
Kursus
0% selesai
5 menit untuk diselesaikan

Mempertahankan minat pengunjung dengan Data Web Inti

webdev

Buat pengalaman pengguna yang berkualitas di situs berita Anda

webdev

Apa yang dimaksud dengan Data Web Inti?

GNI_Data_Presentation (1)

Data Web adalah inisiatif Google untuk memberikan panduan terpadu tentang hal yang penting untuk menghadirkan pengalaman pengguna yang luar biasa di web.

Data Web Inti merupakan tiga metrik dari Data Web. Riset menunjukkan bahwa jika suatu situs memenuhi target Data Web Inti, kemungkinan orang meninggalkan halaman menjadi 24% lebih rendah.

Data Web Inti berfokus pada

  • Pemuatan
  • Interaktivitas
  • Stabilitas Visual
GNI_Data_Presentation (1)

Memulai pengukuran Data Web Inti

GNI_Data_Analytics

Mengumpulkan data adalah langkah pertama untuk meningkatkan Data Web Inti Anda.

  • PageSpeed Insights mengukur dan melaporkan pengalaman pengguna di halaman pada perangkat seluler dan desktop, serta memberikan saran untuk menjadikan halaman Anda lebih baik.

  • Search Console mengukur dan melaporkan performa halaman Anda dalam memenuhi target Data Web Inti, berdasarkan cara audiens menggunakan situs Anda

  • Ekstensi Chrome Data Web mengukur dan melaporkan performa Data Web Inti secara real time untuk setiap halaman, dan merupakan alat terbaik untuk developer

💡Praktik terbaik: Bagikan saran dari alat tersebut kepada developer Anda.

GNI_Data_Analytics

Pemuatan

GNI_Audience_engagement_Blank

Waktu pemuatan yang cepat meyakinkan audiens bahwa halaman yang dibuka bermanfaat.

  • 50% orang meninggalkan situs jika waktu pemuatannya lebih dari 3 detik
  • 47% orang berharap halaman web dimuat dalam waktu kurang dari 2 detik
  • 52% orang mengatakan waktu pemuatan menentukan loyalitas terhadap brand

Pemuatan diukur berdasarkan Largest Contentful Paint (LCP), yakni lamanya waktu yang diperlukan untuk menampilkan gambar atau blok teks terbesar.

Untuk memenuhi target Data Web Inti, 75% halaman Anda harus dimuat dalam 2,5 detik atau kurang.

💡Praktik terbaik

  • Aktifkan pemuatan lambat
  • Gunakan video, bukan GIF besar
  • Hapus kode yang tidak digunakan
GNI_Audience_engagement_Blank

Interaktivitas

screenshot-2023-02-23-at-54241-pm

Kalau Pemuatan mengukur kecepatan situs Anda dalam menampilkan konten, Interaktivitas mengukur responsivitas situs Anda saat audiens mencoba memilih artikel atau melakukan tindakan lainnya.

Interaktivitas diukur berdasarkan Penundaan Input Pertama (FID), yakni waktu yang diperlukan dari saat seseorang mengklik link atau tombol hingga saat situs Anda mulai memproses tindakan.

Untuk memenuhi target Data Web Inti, 75% halaman Anda harus mulai memproses klik dalam 0,1 detik atau kurang.

💡Praktik terbaik

  • Aktifkan pemuatan lambat, yang membagi kode menjadi tugas-tugas yang lebih kecil
  • Muat kode yang diperlukan untuk halaman terlebih dahulu
  • Kurangi kode yang mengambil data
screenshot-2023-02-23-at-54241-pm

Stabilitas Visual

blue-data-screen

Pernahkah Anda kehilangan bagian yang terakhir dibaca saat sedang membaca sebuah artikel karena teksnya bergerak?

Hal tersebut sering kali hanya menjengkelkan, tetapi terkadang dapat benar-benar menyebabkan kerugian.

Stabilitas Visual diukur berdasarkan Pergeseran Tata Letak Kumulatif (CLS), yakni jumlah tertinggi pergeseran konten yang terjadi sekaligus.

Untuk memenuhi target Data Web Inti, 75% halaman Anda harus memiliki skor 0,1 atau kurang.

💡Praktik terbaik

  • Tetapkan rasio aspek atau dimensi untuk gambar dan video
  • Pilih ukuran yang paling mirip dengan iklan berdasarkan iklan sebelumnya

Jangan tampilkan iklan di bagian paling atas halaman

blue-data-screen
Bagaimana penilaian Anda untuk pelajaran ini?
Masukan Anda akan membantu kami terus meningkatkan kualitas pelajaran!
JAWAB PERTANYAAN INI UNTUK MENYELESAIKAN PELAJARAN.
Apa yang menjadi fokus Data Web Inti?
Kirim
checklist (8)
Kuis Selesai
Selamat! Anda baru saja selesai Keep visitors engaged with Core Web Vitals
Tinjau Pelajaran, lalu Coba Lagi
Sudah, sedang dalam proses
Direkomendasikan untuk Anda
Keluar dan kehilangan progres?
Dengan keluar dari halaman ini, Anda akan kehilangan semua progres pada pelajaran Anda saat ini. Anda yakin ingin melanjutkan dan kehilangan progres Anda?