Penayangan dinamis

Penayangan dinamis adalah penyiapan yang membuat server merespons menggunakan HTML (dan CSS) yang berbeda pada URL yang sama tergantung pada agen-pengguna yang meminta halaman (seluler, tablet, atau desktop).

Karena pengubahan HTML untuk agen-pengguna seluler oleh situs tidak langsung terlihat dalam penyiapan ini, (konten seluler “disembunyikan” saat di-crawl dengan agen-pengguna desktop), sebaiknya server mengirimkan petunjuk yang meminta agar Googlebot untuk smartphone juga meng-crawl halaman sehingga dapat menemukan konten selulernya. Petunjuk ini diimplementasikan dengan header HTTP Vary.

Penyajian dinamis menyajikan kode yang berbeda ke tiap perangkat, tetapi di URL yang sama.

TL;DR

  • Menggunakan header HTTP Vary untuk memberi sinyal perubahan yang bergantung pada agen-pengguna.
  • Mendeteksi string agen pengguna dengan benar.

Header HTTP Vary

Header HTTP Vary memiliki dua implikasi yang penting dan bermanfaat:

  • Memberikan sinyal pada server cache yang digunakan di ISP dan di tempat lain agar mempertimbangkan agen-pengguna saat memutuskan untuk menayangkan halaman dari cache atau tidak. Tanpa header HTTP Vary, cache mungkin salah menayangkan cache halaman HTML desktop pada pengguna seluler atau sebaliknya.
  • Membantu Googlebot lebih cepat menemukan konten yang dioptimalkan untuk seluler, karena header HTTP Vary yang valid adalah salah satu sinyal yang bisa kami gunakan untuk meng-crawl URL penayang konten yang dioptimalkan untuk seluler.

Header HTTP Vary adalah bagian dari respons server atas permintaan, seperti ini:

HTTP/1.1 200 OK
Content-Type: text/html
Vary: User-Agent
Content-Length: 5710
(... rest of HTTP response headers...)

Header HTTP Vary memberi tahu browser bahwa konten respons bervariasi menurut agen-pengguna yang meminta halaman. Jika server Anda sudah menggunakan header HTTP Vary, Anda bisa menambahkan User-Agent ke daftar yang sudah ditayangkan.

Mendeteksi agen-pengguna dengan benar

Mendeteksi agen-pengguna (terkadang disebut "sniffing" agen-pengguna) secara umum merupakan teknik yang rawan akan kesalahan. Ada banyak alasan yang untuknya, tetapi berikut adalah tiga jenis kegagalan yang umum terjadi:

  1. Deteksi agen-pengguna bergantung pada adanya daftar string (atau substring) agen-pengguna untuk dicocokkan satu sama lain. Daftar ini perlu pemeliharaan dan pembaruan rutin, dan tidak mencocokkan agen-pengguna baru. Nyatanya, banyak daftar seperti ini yang tidak dipelihara sebagaimana mestinya dan sudah tertinggal sehingga memberikan pengalaman yang buruk bagi pengguna Anda.
  2. Saat mencocokkan agen-pengguna, sangat umum terjadi ketidakcocokan, seperti mendeteksi agen-pengguna desktop sebagai agen-pengguna seluler atau sebaliknya. Demikian pula, kesalahan umum bagi situs adalah secara tidak sengaja memperlakukan perangkat tablet sebagai smartphone. Jika Anda ingin mendeteksi agen-pengguna browser yang mengakses situs, pastikan pendeteksian mencari string spesifik smartphone (seperti memeriksa kata "Android" dan "Seluler"), bukan string seluler generik (hanya memeriksa "Android"). Pelajari selengkapnya dalam entri blog kami.

  3. Hati-hati dengan penyelubungan saat mendeteksi agen-pengguna. Ketika mendeteksi agen-pengguna, situs mendeteksi kelas atau jenis perangkat dengan mencari nama perangkat pada string agen-pengguna; situs seharusnya tidak mencari Googlebot secara spesifik. Semua agen-pengguna Googlebot mengidentifikasi dirinya sebagai perangkat seluler spesifik, dan Anda harus memperlakukan agen-pengguna Googlebot ini sama persis seperti perangkat ini.