Penomoran halaman dengan rel="next" dan rel="prev"

Kamis, 15 September 2011

Mirip dengan rel="canonical" yang berperan sebagai petunjuk kuat untuk konten duplikat, Anda kini dapat menggunakan elemen link HTML rel="next" dan rel="prev" untuk menunjukkan hubungan antara URL komponen dalam rangkaian dengan penomoran halaman. Di seluruh web, rangkaian konten dengan penomoran halaman dapat berupa banyak bentuk—rangkaian ini dapat berupa artikel yang terbagi menjadi beberapa halaman komponen, atau kategori produk dengan item yang tersebar di beberapa halaman, atau rangkaian pesan forum yang terbagi menjadi URL berurutan. Sekarang, jika Anda memilih untuk menyertakan markup rel="next" dan rel="prev" di halaman komponen dalam rangkaian, Anda memberi Google petunjuk kuat bahwa Anda ingin agar kami:

  • Menggabungkan properti pengindeksan, seperti link, dari URL/halaman komponen ke rangkaian sebagai satu keseluruhan (yaitu, link tidak boleh tersebar antara page-1.html, page-2.html, dll., tetapi dikelompokkan sesuai urutannya).
  • Mengarahkan pengguna ke halaman/URL yang paling relevan—biasanya halaman pertama dari rangkaian tersebut.
Halaman yang cocok untuk anotasi rel=prev dan rel=next
Hubungan antara URL komponen dalam suatu rangkaian kini dapat ditunjukkan ke Google melalui rel="next" dan rel="prev".

Ada pengecualian untuk penerapan rel="prev" dan rel="next": Jika, bersamaan dengan rangkaian konten, Anda juga menawarkan halaman lihat semua kepada pengguna atau sedang mempertimbangkannya, harap lihat postingan kami tentang Lihat semua di hasil penelusuran untuk mengetahui informasi selengkapnya. Karena halaman lihat semua biasanya lebih disukai oleh penelusur, kami berupaya sebaik mungkin untuk memunculkan versi ini jika sesuai di hasil penelusuran daripada halaman komponen (halaman komponen lebih cenderung muncul dengan rel="next" dan rel="prev").

Jika Anda tidak memiliki halaman lihat semua atau tidak ingin Google menampilkan halaman lihat semua, Anda dapat menggunakan rel="next" dan rel="prev" seperti yang dijelaskan dalam postingan ini.

Contoh halaman yang memiliki versi lihat semua
Untuk mengetahui informasi mengenai konfigurasi dengan penomoran halaman yang mencakup halaman lihat semua, harap lihat postingan kami mengenai Lihat semua di hasil penelusuran.

Menguraikan opsi Anda

Berikut tiga opsi untuk rangkaian:

  1. Jangan ubah apa pun. Konten dengan penomoran halaman tersedia di seluruh web dan kami akan terus berupaya untuk memberi penelusur hasil terbaik, terlepas dari adanya markup HTML rel="next"/rel="prev" di halaman atau tidak.
  2. Jika Anda memiliki halaman lihat semua atau sedang mempertimbangkannya, lihat postingan kami mengenai Lihat semua di hasil penelusuran.
  3. Berikan petunjuk ke Google tentang hubungan antara URL komponen rangkaian Anda dengan rel="next" dan rel="prev". Hal ini membantu kami mengindeks konten Anda dengan lebih akurat dan menayangkan halaman yang paling relevan kepada pengguna (biasanya halaman pertama). Detail penerapan dapat dilihat di bawah.

Jika Anda memilih opsi 3 (di atas) untuk situs, mari kita mulai. Misalkan Anda memiliki konten yang diberi nomor halaman di URL: 

https://www.example.com/article?story=abc&page=1
https://www.example.com/article?story=abc&page=2
https://www.example.com/article?story=abc&page=3
https://www.example.com/article?story=abc&page=4

Di halaman pertama, https://www.example.com/article?story=abc&page=1, di bagian <head>, Anda perlu menyertakan: 

<link rel="next" href="https://www.example.com/article?story=abc&page=2" />

Di halaman kedua, https://www.example.com/article?story=abc&page=2: 

<link rel="prev" href="https://www.example.com/article?story=abc&page=1" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3" />

Di halaman ketiga, https://www.example.com/article?story=abc&page=3: 

<link rel="prev" href="https://www.example.com/article?story=abc&page=2" />
<link rel="next" href="https://www.example.com/article?story=abc&page=4" />

Lalu di halaman terakhir, https://www.example.com/article?story=abc&page=4: 

<link rel="prev" href="https://www.example.com/article?story=abc&page=3" />

Beberapa hal yang perlu disampaikan:

  • Halaman pertama hanya berisi markup rel="next" tanpa rel="prev".
  • Halaman dua sampai halaman kedua dari terakhir harus ditautkan dua kali dengan markup rel="next" dan rel="prev".
  • Halaman terakhir hanya berisi markup untuk rel="prev", bukan rel="next".
  • Nilai rel="next" dan rel="prev" dapat berupa URL relatif atau absolut (seperti yang diizinkan oleh tag <link />). Lalu, jika Anda menyertakan link <base/> di dokumen, jalur relatif akan diselesaikan sesuai dengan URL dasar.
  • rel="next" dan rel="prev" hanya perlu dideklarasikan di bagian <head>, bukan di dokumen <body>.
  • Kami mengizinkan rel="previous" sebagai varian sintaksis link rel="prev".
  • rel="next" dan rel="previous" di satu sisi dan rel="canonical" di sisi lain merupakan bagian dari konsep independen. Kedua deklarasi dapat disertakan di halaman yang sama. Misalnya, https://www.example.com/article?story=abc&page=2&sessionid=123 dapat berisi: 
    <link rel="canonical" href="https://www.example.com/article?story=abc&page=2" />
<link rel="prev" href="https://www.example.com/article?story=abc&page=1&sessionid=123" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3&sessionid=123" />
  • rel="prev" dan rel="next" berfungsi sebagai petunjuk bagi Google, bukan perintah mutlak.
  • Jika salah diterapkan, seperti menghapus penetapan rel="prev" atau rel="next" yang diharapkan dalam rangkaian, kami akan terus mengindeks halaman dan mengandalkan heuristik kami sendiri untuk memahami konten Anda.

Informasi selengkapnya dapat ditemukan di Pusat Bantuan kami, atau bergabunglah dalam percakapan di Forum Bantuan Webmaster kami.

Ditulis oleh Benjia Li dan Joachim Kupke, Software Engineer, Tim Pengindeksan