Cara Menciptakan Daftar Isi Table Of Contents (Toc) Di Blog Seo Friendly
Table Of Contents (TOC) - Table Of Contents (TOC) merupakan daftar isi pada sebuah artikel yang berfungsi memudahkan pembaca untuk mengetahui point-point penting yang dibahas dalam artikel. Tapi daftar isi di blog ini bukan sekedar daftar isi biasa, lantaran pas kau klik akan otomatis melompat ke sajian yang dipilih atau jump link. Salah satu pola penggunaan TOC pada blog ialah situs Wikipedia.
Dengan adanya daftar isi pada artikel blog sanggup memudahkan pembaca untuk sanggup eksklusif menuju topik yang dicari. Terlebih lagi kalau artikel yang dibaca sangat panjang dan bikin capek kalau di scroll terus. Kamu sanggup menciptakan daftar isi menyerupai Wikipedia di blogger, dan ini bukan sekedar hiasan untuk menciptakan tampilan blog menjadi lebih menarik.
TOC yang akan kita buat mempunyai manfaat besar dari sisi SEO (Search Engine Optimization). Dimana daftar isi ini nantinya akan terindex dan tampil dalam hasil pencarian google. Script yang akan dipakai sanggup diaplikasi di semua template blogger. Kemudian script ini sangatlah ringan lantaran dibentuk dengan CSS dan HTML saja. Kaprikornus tidak ada penambahan JavaScript yang menciptakan beban saat page loading.
Kamu sanggup melihat artikel dengan judul Hukum Archimedes, dimana disana terdapat table of content untuk blogspot menyerupai di wikipedia. Kamu sanggup melihat gambar dibawah ini, penampakan hasil penelusuran google sebagai pola blog yang menggunakan TOC.
Cara Membuat Table of Contents (TOC) di Blogger
Disini script akan membaca id heading yang terdapat pada struktur HTML dan eksklusif loncat ke bab heading yang dipilih. Bagi yang mengerti koding, ini sama halnya dengan memanggil ID yang ada di HTML. Supaya tidak tambah bingung, eksklusif saja kita praktekkan.1. Pertama, kita menciptakan tampilan TOC nya terlebih dahulu dengan arahan CSS.
2. Kemudian edit template blogger dengan cara klik sajian tema > klik tombol Edit HTML.
3. Silahkan kau copy script dibawah ini pada bab atas tag epilog </style> atau ]]></b:skin>. Biasanya pada beberapa template blogger terdapat lebih dari satu tag </style> atau ]]></b:skin>, jadi kau coba saja satu persatu sampai tampil CSS nya.
Perhatikan deret arahan terakhir :target::before. Jika kau menggunakan sajian sticky header / navigasi, ubah height dan margin-top sesuai dengan ukuran header / navigasi yang dipasang. Misal ukurannya 50px, maka ubah menjadi height:50px dan margin-top:-50px4. Setelah di pastekan, klik simpan template (save template).
Sekarang kita masuk ke bab pembuatan daftar isi table of content di dalam artikel blog. Berikut cara membuatnya:
1. Buat postingan baru,
2. Kemudian kau pilih mode HTML bukan yang COMPOSE.
3. Copy script dibawah ini pada bab paragraf awal atau bab yang ingin disisipi TOC nya.
Note: #toc1, #toc2, dst itu merupakan arahan unik atau ID untuk memanggil elemen yang ada di artikel nantinya. Kamu sanggup menambah dan menguranginya sesuai kebutuhan.4. Kemudian kita masukkan ID tadi ke heading, subheading atau judul di artikel yang sama dengan table off contents diatas. Contohnya menyerupai ini
Bila berhasil, akibatnya akan menyerupai dibawah ini:
Cara Mengatasi Tombol ‘Sembunyikan / Tampilkan’ Tidak Muncul
Pada sebagian perkara hal ini kerap terjadi. Apalagi saat kau berpindah dari mode HTML ke mode COMPOSE. Kaprikornus aku sarankan untuk menciptakan TOC ini saat seluruh artikel sudah selesai. Untuk memperbaikinya, pastikan tidak ada arahan line break (spasi) <br/> di bab header TOC. Script yang benar seharunya menyerupai ini:Berikut pola yang salah:
Bagaimana? Sekarang blog kau sudah menyerupai Wikipedia atau blog wordpress bukan? Demikianlah tutorial cara menciptakan daftar isi table of contents di blogger. Semoga artikel ini bermanfaat dan sanggup dengan gampang kau terapkan di dalam postingan kamu. Terimakasih sudah berkunjung.
Sumber:
https://lokermanfaat.blogspot.com/search?q=cara-membuat-daftar-isi-table-toc
Sumber https://bacacoding.blogspot.com/
