Pernahkah Anda membuka sebuah website WordPress yang memiliki banyak artikel, tetapi pengunjung harus scroll sangat panjang untuk menemukan konten lama? Tampilan seperti itu tidak hanya mengganggu pengalaman pengguna, tetapi juga bisa berdampak pada SEO. Di sinilah pagination berperan penting. Pagination membantu membagi konten menjadi beberapa halaman sehingga lebih rapi, ringan, dan mudah dinavigasi.<\/p>\n
Artikel ini akan membahas secara lengkap dan detail tentang cara membuat pagination di WordPress dengan mudah, baik menggunakan fitur bawaan, tanpa plugin, maupun dengan bantuan plugin tambahan. Panduan ini cocok untuk pemula maupun pengguna tingkat lanjut yang ingin meningkatkan kualitas website mereka.<\/p>\n
Pagination adalah fitur navigasi yang membagi daftar konten menjadi beberapa halaman terpisah. Biasanya ditampilkan dalam bentuk angka halaman seperti:<\/p>\n
1 | 2 | 3 | Next \u00bb<\/em><\/p>\n Pada WordPress, pagination umum digunakan pada:<\/p>\n Halaman blog (post archive)<\/p>\n<\/li>\n Halaman kategori<\/p>\n<\/li>\n Halaman tag<\/p>\n<\/li>\n Hasil pencarian<\/p>\n<\/li>\n Custom post type<\/p>\n<\/li>\n<\/ul>\n 1. Pagination Default (Older Posts \/ Newer Posts)<\/strong><\/p>\n Biasanya berupa link sederhana:<\/p>\n Older Posts<\/p>\n<\/li>\n Newer Posts<\/p>\n<\/li>\n<\/ul>\n 2. Numeric Pagination<\/strong><\/p>\n Menampilkan angka halaman seperti: 1, 2, 3, 4, 5<\/em><\/p>\n 3. Infinite Scroll<\/strong><\/p>\n Konten otomatis muncul saat scroll ke bawah.<\/p>\n Jika Anda menggunakan theme yang mendukung pagination, biasanya fitur ini sudah tersedia. Namun jika belum, Anda bisa menambahkannya secara manual.<\/p>\n Langkah 1: Edit File Theme<\/strong><\/p>\n Masuk ke: Appearance \u2192 Theme File Editor \u2192 index.php atau archive.php<\/em><\/p>\n Langkah 2: Tambahkan Kode Pagination<\/strong><\/p>\n Tambahkan kode berikut di bawah loop WordPress:<\/p>\n Kode ini menggunakan fungsi bawaan WordPress yang modern dan SEO friendly.<\/p>\n Penjelasan Kode:<\/em><\/p>\n mid_size \u2192 Jumlah angka halaman di sekitar halaman aktif<\/p>\n<\/li>\n prev_text \u2192 Teks tombol sebelumnya<\/p>\n<\/li>\n next_text \u2192 Teks tombol selanjutnya<\/p>\n<\/li>\n<\/ul>\n Simpan perubahan, lalu cek hasilnya di halaman blog Anda.<\/p>\n Jika tidak ingin mengedit kode, Anda bisa menggunakan plugin.<\/p>\n Plugin yang Direkomendasikan<\/strong><\/p>\n WP-PageNavi<\/p>\n<\/li>\n WP Paginate<\/p>\n<\/li>\n Pagination by BestWebSoft<\/p>\n<\/li>\n<\/ol>\n Tutorial Menggunakan WP-PageNavi<\/strong><\/p>\n Langkah 1: Install Plugin<\/strong><\/em><\/p>\n Masuk ke Dashboard WordPress<\/p>\n<\/li>\n Klik Plugins \u2192 Add New<\/p>\n<\/li>\n Cari \u201cWP-PageNavi\u201d<\/p>\n<\/li>\n Install dan Activate<\/p>\n<\/li>\n<\/ul>\n Langkah 2: Tambahkan Kode ke Theme<\/strong><\/em><\/p>\n Ganti kode pagination lama dengan:<\/p>\n Simpan dan cek hasilnya.<\/p>\n Plugin ini memberikan tampilan pagination yang lebih modern dan bisa dikustomisasi.<\/p>\n Pagination akan lebih efektif jika jumlah post per halaman diatur dengan tepat.<\/p>\n Langkah Mengatur:<\/strong><\/p>\n Masuk ke Settings \u2192 Reading<\/p>\n<\/li>\n Pada bagian \u201cBlog pages show at most\u201d<\/p>\n<\/li>\n Tentukan jumlah artikel (misalnya 10)<\/p>\n<\/li>\n Klik Save Changes<\/p>\n<\/li>\n<\/ol>\n Idealnya antara 6\u201312 artikel per halaman agar tidak terlalu berat.<\/p>\n Jika Anda menggunakan WP_Query untuk custom loop, tambahkan parameter berikut:<\/p>\n $args = array( $query = new WP_Query($args);<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n Kemudian tambahkan:<\/p>\n Ini memastikan pagination tetap berjalan pada custom query.<\/p>\n 1. Gunakan URL Struktur yang Rapi<\/strong><\/p>\n Contoh: namadomain.com\/page\/2\/<\/p>\n Hindari URL yang terlalu panjang atau berisi parameter tidak perlu.<\/p>\n 2. Gunakan Internal Linking<\/strong><\/p>\n Pastikan setiap halaman pagination tetap terhubung dengan struktur internal link yang baik.<\/p>\n 3. Hindari Konten Duplikat<\/strong><\/p>\n Gunakan canonical tag jika diperlukan.<\/p>\n 4. Optimalkan Kecepatan Website<\/strong><\/p>\n Gunakan caching plugin agar loading tetap cepat.<\/p>\n 1. Kelebihan:<\/strong><\/p>\n SEO lebih stabil<\/p>\n<\/li>\n Struktur URL jelas<\/p>\n<\/li>\n Mudah dinavigasi<\/p>\n<\/li>\n<\/ul>\n 2. Kekurangan:<\/strong><\/p>\n Pengguna harus klik halaman berikutnya<\/p>\n<\/li>\n<\/ul>\n 1. Kelebihan:<\/strong><\/p>\n User experience modern<\/p>\n<\/li>\n Interaksi lebih tinggi<\/p>\n<\/li>\n<\/ul>\n 2. Kekurangan:<\/strong><\/p>\n Jika tidak dikonfigurasi dengan benar bisa berdampak pada SEO<\/p>\n<\/li>\n<\/ul>\n Untuk blog berbasis konten, pagination numeric masih lebih direkomendasikan.<\/p>\n Tidak menambahkan parameter ‘paged’ pada WP_Query<\/p>\n<\/li>\n Konflik dengan plugin cache<\/p>\n<\/li>\n Tema tidak mendukung pagination<\/p>\n<\/li>\n Struktur permalink belum diatur<\/p>\n<\/li>\n<\/ol>\n Pastikan permalink sudah diatur ke format SEO seperti:<\/p>\n Post name (\/%postname%\/)<\/p>\n Sebuah blog dengan 200 artikel tanpa pagination mengalami:<\/p>\n Bounce rate tinggi<\/p>\n<\/li>\n Waktu loading lama<\/p>\n<\/li>\n Pengunjung sulit menemukan artikel lama<\/p>\n<\/li>\n<\/ul>\n Setelah menerapkan pagination:<\/p>\n Bounce rate turun 20%<\/p>\n<\/li>\n Page view meningkat<\/p>\n<\/li>\n Struktur konten lebih rapi<\/p>\n<\/li>\n<\/ul>\n Ini membuktikan pentingnya pagination dalam pengelolaan website.<\/p>\n 8\u201310 artikel per halaman<\/p>\n<\/li>\n Gunakan numeric pagination<\/p>\n<\/li>\n Aktifkan caching<\/p>\n<\/li>\n Gunakan tema yang responsif<\/p>\n<\/li>\n<\/ul>\n Dengan kombinasi ini, website akan lebih optimal dari sisi UX dan SEO.<\/p>\n Pagination adalah elemen penting dalam pengelolaan website WordPress, terutama bagi blog dengan banyak konten. Fitur ini tidak hanya meningkatkan pengalaman pengguna, tetapi juga membantu optimasi SEO dan kecepatan website.<\/p>\n Anda dapat membuat pagination dengan mudah menggunakan fungsi bawaan WordPress seperti the_posts_pagination(), menambahkan kode custom pada WP_Query, atau menggunakan plugin seperti WP-PageNavi untuk hasil yang lebih fleksibel.<\/p>\n Pastikan Anda mengatur jumlah artikel per halaman dengan tepat, menggunakan struktur URL yang SEO friendly, serta menghindari kesalahan konfigurasi yang dapat menyebabkan error. Dengan penerapan yang benar, pagination akan membuat website Anda terlihat lebih profesional, terstruktur, dan siap bersaing di mesin pencari.<\/p>\n\n\n\n
Mengapa Pagination Penting?<\/h2>\n
\n
\n<\/strong>Pengunjung dapat dengan mudah menelusuri artikel lama tanpa harus scroll terlalu panjang.<\/li>\n
\n<\/strong>Konten yang dibagi dalam beberapa halaman mengurangi beban loading.<\/li>\n
\n<\/strong>Pagination membantu mesin pencari mengindeks halaman dengan lebih terstruktur.<\/li>\n
\n<\/strong>Website terlihat lebih rapi dan terorganisir.<\/li>\n<\/ul>\nJenis Pagination di WordPress<\/h2>\n
\n
Cara Membuat Pagination di WordPress Tanpa Plugin<\/h2>\n
\nthe_posts_pagination<\/span>( array<\/span>(
\n‘mid_size’<\/span> => 2<\/span>,
\n‘prev_text’<\/span> => __<\/span>( ‘\u00ab Sebelumnya’<\/span>, ‘textdomain’<\/span> ),
\n‘next_text’<\/span> => __<\/span>( ‘Selanjutnya \u00bb’<\/span>, ‘textdomain’<\/span> ),
\n) );
\n?><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
Cara Membuat Pagination dengan Plugin<\/h2>\n
\n
\n
Cara Mengatur Jumlah Post per Halaman<\/h2>\n
\n
Membuat Pagination pada Custom Query<\/h2>\n
\n‘post_type’ => ‘post’,
\n‘paged’ => $paged
\n);<\/p>\n
\n‘total’ => $query->max_num_pages
\n));<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\nTips Optimasi Pagination Agar SEO Friendly<\/h2>\n
Infinite Scroll vs Pagination: Mana Lebih Baik?<\/h2>\n
Pagination Tradisional<\/h3>\n
\n
\n
Infinite Scroll<\/h3>\n
\n
\n
Kesalahan Umum Saat Membuat Pagination<\/h2>\n
\n
Contoh Studi Kasus<\/h2>\n
\n
\n
Rekomendasi Pengaturan Ideal<\/h2>\n
\n
Kesimpulan<\/h2>\n