Bagaimana Cara Menambahkan 'Daftar Isi' - TOC di Postingan Blogger pada tahun 2021?

Saat Anda menulis atau mempublikasikan posting atau artikel ke posting Anda, jika memiliki Daftar Isi alias TOC; postingan terlihat lebih profesional dan juga menciptakan nilai SEO. Pada postingan kali ini, saya akan mencoba membahas bagaimana cara menambahkan daftar isi TOC pada postingan blogger.

Daftar Isi

1Daftar Isi TOC di Posting Blogger Tahun 2021
2 Apa itu Daftar Isi - TOC ?
3 Bagaimana Cara Menggunakan Daftar Isi di Website?
4 penutup

Daftar Isi TOC di Posting Blogger Tahun 2021

Untuk peringkat Bagus, itu sangat penting dan juga Bagus untuk SEO. Menurut saya sangat penting bagi semua blogger yang memiliki blog di platform blogger. Jadi Mari kita mulai mengetahui cara menambahkan daftar isi TOC ke posting blogger Anda.

Apa itu Daftar Isi - TOC ?

Setiap kali Anda membaca paragraf ini, saya pikir Anda telah memperhatikan 'Daftar Isi TOC' di posting ini! Dan itu juga merupakan Daftar Isi yang Dapat Diklik! Benar? Omong-omong, secara umum, judul makalah di paling atas, diikuti dengan nama bab dan subjudul secara kronologis dikenal sebagai Daftar Isi. Jadi daftar isi di blogger pada dasarnya berarti tautan cepat atau tautan lompat yang membantu pembaca untuk melompat ke bagian atau judul tertentu dengan satu klik. Ini menyoroti bagian-bagian dari posting blog untuk meningkatkan pengalaman pengguna.

Bagaimana Cara Menggunakan Daftar Isi di Website?

Berdasarkan platform situs web, ada banyak cara untuk menambahkan TOC ke situs web yang berbeda. Sebagai contoh, Di platform WordPress, ada banyak plugin untuk daftar isi seperti:

sebagian besar Plugin SEO populer menawarkan Anda untuk menggunakannya.

Di platform blogger, beberapa template blogger premium memungkinkan penggunaan Daftar Isi; Namun pada postingan kali ini, saya akan menjelaskan bagaimana cara menambahkan daftar isi pada postingan blogger anda secara gratis.

SEO-Nilai TOC

Seperti yang Anda ketahui 'Konten Adalah Raja!' atau konten yang paling penting untuk SEO, mesin pencari tidak akan memiliki informasi yang cukup untuk mengindeks halaman web Anda dengan benar dan membantu Anda menentukan peringkat jika Anda tidak memiliki konten. Menambahkan daftar isi (TOC) ke posting blog blogger Anda akan meningkatkan SEO dalam banyak hal seperti peningkatan kegunaan posting Anda, setelah lebih mudah bagi pembaca untuk melihat data yang Anda liput dalam posting Anda dan memberikan jalan bagi pembaca untuk melompat ke bagian yang menarik, pembaca dapat menghabiskan lebih banyak waktu di halaman Anda.

Posting blog dengan 'Daftar Isi' memiliki tampilan yang lebih profesional, memukau, dan eye-Catching dibandingkan postingan tanpa postingan.

Daftar isi yang baik akan mudah dibaca, diformat secara akurat, dan diselesaikan paling akhir sehingga 100% akurat bagi pembaca. Jadi, saya pikir Anda tidak akan melewatkan TOC ke posting blog Anda.

Dapatkan Tautan Langsung di Google Penelusuran

Sesuai pengalaman pakar SEO profesional, Google dapat menyertakan tautan 'Langsung Ke' di SERP ketika menemukan daftar isi dalam sebuah artikel. Ini sangat membantu untuk meningkatkan RKPT. Google memperlakukannya atas kebijaksanaannya sendiri, seperti cuplikan kaya, hanya dengan menyertakan daftar isi, tidak ada jaminan bahwa Anda akan mendapatkan tautan 'Langsung Ke'. Ini sebenarnya sangat bermanfaat terutama untuk artikel besar dengan banyak judul. Pakar SEO sangat menyarankan untuk menggunakan 'Daftar Isi' dalam posting untuk pengunjung situs web Anda.

Keuntungan Menggunakan Daftar Isi TOC Di Posting Blog

Tingkatkan pengalaman pengguna ke situs web Anda.

Tampilkan konten Anda terstruktur dengan baik, dan diformat dengan baik.

Membantu menavigasi dengan mudah antara bagian konten yang berbeda.

Tingkatkan RKT dari penelusuran

Memberikan peta jalan yang jelas dan mudah kepada pengunjung

Cara memasang ToC Daftar isi di postingan Blogger

panduan berikut cara mudah membuat tabel of Content .

1. Masuk akun Blogger

2. Buka Navigasi Blogger scrroll kebawah

3. Cari tema

4. Edit html

5. Cari kode CSS seperti berikut

]]></b:skin>... atau juga bisa ...</style>

6. Copy kode CSS di bawah

.toc {border:1px solid #ccc; padding:10px 12px;border-radius:5px;display:table; line-height:1.6em;}
.toc h3 {display:inline-block; margin:0 10px 0 0;font-size:20px}
.toc a {text-decoration:none}
.toc a:hover {text-decoration:underline}
.toc ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.toc ul li a {color:#0000ee;margin-left:.5em}
.toc ul li {list-style-type:none;}
.toc ul li ul {margin-left:2em}
.toctogglelabel {cursor:pointer; color:#0000ee}
:not(:checked) > .toctoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .toctogglespan:before {content:'['}
.toctoggle:not(:checked) + .toctitle .toctogglelabel:after {content:'Sembunyikan';display: inline}
.toctoggle:checked + .toctitle .toctogglelabel:after {content:'Tampilkan'}
:not(:checked) > .toctogglespan:after {content:']'}
.toctoggle:checked ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}

Letakkan kode CSS di atas kode berikut

]]></b:skin>... atau  ...</style>

7. Simpan tema

8. Selanjutnya beralih ke postingan blogger atau blogspot dengan mode html bukan teks

9. Copy kode CSS di bawah , letakkan kode di postingan yang ingin di tambahkan ToC Daftar isi.

<div class="toc">
<input type="checkbox" role="button" id="toctoggle" class="toctoggle"><div class="toctitle"><h3>Daftar Isi</h3><span class="toctogglespan"><label class="toctogglelabel" for="toctoggle"></label></span></div>
<ul>
  <li>1<a href="#toc1">judul 1</a></li>
  <li>2<a href="#toc2">judul 2</a></li>
  <li>3<a href="#toc3">judul 3</a>
    <ul>
    <li>3.1<a href="#toc3-1">Sub judul 3.1</a></li>
    <li>3.2<a href="#toc3-2">Sub judul 3.2</a></li>
    </ul>
  </li>
  <li>4<a href="#toc4">judul 4</a></li>
</ul>
</div>

10. Simpan Postingan Blogger

Cara penerapan Kode pemanggil ToC table of Content

Penerapan kode pemanggil ToC agar terhubung dengan judul , gunakan kode html berikut

Kode ToC judul 

<h3 id="toc1">... posisi isi judul...</H3>

....Letak Posisi isi Deskripsinya...

<h3 id="toc3-1">... posisi isi sub judul...</h3>

....Letak Posisi isi Deskripsinya...

Bagaimana cara mengatasi tombol ToC table of Content tidak berfungsi

Biasanya ini terjadi kesalahan memposting artikel dengan mode teks atau setelah di publikasikan dan setelah mengedit Postingan bermode teks.

Cara mengatasi tombol ToC tidak bisa di sembunyikan hapus kode berikut

<div class="toc">
<input type="checkbox" role="button" id="toctoggle" class="toctoggle"><div class="toctitle"><h3>Daftar Isi</h3><span class="toctogglespan"><label class="toctogglelabel" for="toctoggle"></label></span></div>
<ul>

ok setelah di hapus ganti kode di bawah ini

<div class="toc">

<input type="checkbox" role="button" id="toctoggle" class="toctoggle"><div class="toctitle"><h3>Daftar Isi</h3><span class="toctogglespan"><label class="toctogglelabel" for="toctoggle"></label></span></div>

<ul>

ok telah di pastikan tombol ToC table of Content [sembunyikan] berfungsi kembali.

Kesimpulan

Kesimpulannya [wajib] mempublikasikan dengan postingan blogger dengan mode html , setelah itu pastikan jangan merubah Postingan Blogger atau Blogspot , jika itu terjadi , tombol ToC table of Content , button sembunyikan tidak akan berfungsi .

Penutup

Penutup akhir , begitulah cara menambahkan toC table of Content di postingan Blogger , semoga artikel yang saya bagikan bisa menjadi manfaat , untuk pengunjung blog saya pribadi . Terimakasih