Cara Membuat Multiple Pages dengan Navigasi di Postingan Blog

  Apakah Anda pernah membaca artikel blog panjang yang terbagi menjadi beberapa halaman dengan navigasi seperti “Halaman 1,” “Halaman 2,” da...

 

Apakah Anda pernah membaca artikel blog panjang yang terbagi menjadi beberapa halaman dengan navigasi seperti “Halaman 1,” “Halaman 2,” dan seterusnya? Teknik ini dikenal sebagai multiple pages atau paginasi, dan banyak digunakan untuk meningkatkan pengalaman pembaca dan memberikan struktur pada artikel panjang.  

Artikel ini akan membahas bagaimana Anda bisa membuat multiple pages dengan navigasi di postingan blog Anda, baik menggunakan platform seperti Blogger atau WordPress.  

 Kenapa Membuat Multiple Pages di Blog?  

Sebelum membahas cara membuatnya, mari pahami keuntungan menggunakan multiple pages dalam blog:  

1. Meningkatkan Pengalaman Pembaca  

   Artikel panjang yang terbagi menjadi beberapa halaman lebih mudah dibaca dan tidak membuat pembaca merasa kewalahan.  

2. Menambah Pageviews  

   Dengan memecah artikel menjadi beberapa halaman, pembaca cenderung membuka lebih banyak halaman, meningkatkan pageviews Anda.  

3. Meningkatkan SEO  

   Paginasi memungkinkan Anda menargetkan kata kunci tambahan di setiap halaman, memberikan kesempatan untuk peringkat yang lebih baik di hasil pencarian.  

 Cara Membuat Multiple Pages di WordPress  

 1. Gunakan Tag `<!--nextpage-->`  

WordPress menyediakan cara bawaan untuk membagi artikel menjadi beberapa halaman:  

1. Buka editor WordPress untuk menulis atau mengedit artikel.  

2. Letakkan kursor di tempat di mana Anda ingin memisahkan halaman.  

3. Masukkan kode berikut di editor teks:  

   ```html

   <!--nextpage-->

   ```  

4. Simpan artikel Anda, dan WordPress akan otomatis menambahkan navigasi di bagian bawah seperti "1, 2, 3" untuk mempermudah pembaca berpindah halaman.  

 2. Gunakan Plugin Paginasi  

Jika Anda ingin kontrol lebih atau desain navigasi yang menarik, gunakan plugin seperti:  

- WP-PageNavi: Plugin ini memungkinkan Anda menyesuaikan tampilan navigasi paginasi dengan mudah.  

- Pagination by BestWebSoft: Menambahkan paginasi yang fleksibel ke blog Anda.  

 3. Kustomisasi Desain Navigasi  

Jika Anda menguasai CSS, Anda bisa mempercantik tampilan navigasi multiple pages di WordPress dengan menambahkan gaya pada file tema Anda.  

 Cara Membuat Multiple Pages di Blogger  

Blogger tidak memiliki fitur bawaan untuk multiple pages seperti WordPress, tetapi Anda dapat membuatnya secara manual:  

1. Tentunya Anda harus masuk ke halaman utama blog kamu di Blogger.com

2. Pilih menu Template kemudian pilih Edit HTML

3. Letakan kode berikut tepat di atas kode </head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src='https://cdn.rawgit.com/Brando07/share/newbe/multiple-pages-SEOCIPS.js' type='text/javascript'></script>
<style>
.post-pagination { margin:40px auto; text-align:center; width:100%; float:left; }
.button_1,.button_2,.button_3 { border:2px solid #f4655f; font-weight:900; padding:6px 36px; color:#f4655f; transition:ease 0.69s !important; }
.button_1:hover,.button_2:hover,.button_3:hover { background:none repeat scroll 0 0 #f4655f; color:#fff; text-decoration:none; }
</style>

Kode yang berwarna merah di hapus saja jika di dalam template yang anda gunakan sudah terdapat kode tersebut.

4. Selanjutnya Simpan template

5. Buat postingan baru Anda dan pilih Compose HTML

6. Masukan kode di bawah ini

<div class="content_1">
Disini Adalah Artikel Pertama Anda
</div>
<div class="content_2" style="display: none;">
Disini Adalah Artikel Kedua Anda
</div>
<div class="content_3" style="display: none;">
Disini Adalah Artikel Ketiga Anda
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

Ganti tulisan yang berwarna merah dengan artikel yang akan Anda buat.

Ingat! jangan kembali ke mode Compose.

7. Klik Publikasikan

 Tips Membuat Multiple Pages yang Efektif  

1. Beri Judul Setiap Halaman  

   Pastikan setiap halaman memiliki judul yang relevan untuk memberikan gambaran kepada pembaca tentang isi halaman tersebut.  

2. Gunakan Teks Navigasi yang Jelas  

   Gunakan teks navigasi seperti "Sebelumnya" dan "Berikutnya" untuk mempermudah pembaca memahami alur artikel Anda.  

3. Pastikan Alasan Paginasi Jelas  

   Jangan terlalu banyak memecah artikel hanya untuk meningkatkan pageviews, karena ini bisa membuat pembaca frustrasi.  

4. Optimalkan untuk Mobile  

   Pastikan navigasi multiple pages Anda mudah digunakan di perangkat mobile untuk meningkatkan kenyamanan pembaca.  

 Kesimpulan  

Membuat multiple pages dengan navigasi adalah teknik yang berguna untuk menyajikan artikel panjang secara terstruktur dan menarik. Dengan fitur bawaan di WordPress atau pendekatan manual di Blogger, Anda dapat dengan mudah menerapkan paginasi di blog Anda.  

Gunakan tips di atas untuk menciptakan pengalaman membaca yang lebih baik bagi audiens Anda. Selamat mencoba!