Cara Membuat Table Of Content atau Daftar Isi Otomatis Di Blogspot!

cara membuat daftar isi di blog – Pernah kah kamu berfikir bahwa membuat daftar isi atau table of content di blog sangat berguna untuk kelangsungan SEO Onpage Yang mampu mendorong blog kamu masuk ke dalam Page one google.

Sebenarnya hal itu relatif tergantung dari seberapa berkualitas nya kamu menulis artikel jadi percuma saja kamu memasang daftar isi atau table of content di blog kalau artikelmu mengandung 300 kata dan tanpa Heading 1 pun. Kalau kamu ingin mengetahui lebih lanjut tentang SEO On-page bisa baca artikel berikut ini: Optimasi SEO Onpage Pentingkah?

Nah kita lanjutkan pembahasan kita yaitu cara buat toc di blogspot. Kenapa tidak wordpress? Karena di wordpress sudah otomatis ada hanya dengan menambahkan plugin tertentu jadi lebih mudah ya.

Atau kamu masih bingung dalam memilih 2 platform blogging ini? Silahkan bisa pahami artikel yang sudah saya tulis mengenai perbedaan blogger dan wordpress.

Nah memasang table of content di blogspot ini sebenarnya agak sedikit rumit ya, karena kita harus paham html untuk membuat nya. tetapi bakal saya kasih cara mudahnya hanya dengan sekali tempel saja!

Tetapi tenang karena barusan saya membuat sebuah script daftar isi yang simpel, keren, dan elegan untuk blog. Baik sebelum lebih jauh mari kita bahas sedikit mengenai Tabel Of Content ini.

Pengertian Daftar Isi atau Table Of Content Di Blog

Pernah tidak kalian memikirkan apa itu daftar isi pada blog? Jadi pengertian Table of content pada blog adalah suatu Kumpulan atau daftar link yang biasanya ditempatkan di awal postingan dan mengarah ke bagian-bagian pembahasan penting dalam sebuah artikel.

Sama hal nya dengan buku, jika kamu ingin mencari suatu informasi yang ada di buku otomatis kamu akan mengecek daftar isi nya terlebih dahulu.

Lalu jika tidak ada Daftar Isi nya bagaimana? Pasti bukunya kamu taruh lagi di rak kan?.

Berbeda dengan Blog jika tidak memiliki daftar isi tidak terlalu berpengaruh karena jenis-jenis paragraf nya sangat mudah ditemukan dan dibaca.

hanya saja akan mempermudah navigasi pengunjung!.

Apa manfaat table of content atau daftar isi di blog?

Menurut kamu kegunaannya apa sih? Apa sebagai hiasan saja atau supaya terlihat lebih profesional?.

Iya 2 jawaban itu relatif dan siapapun pasti memikirkan jawaban itu termasuk saya.

pada umumnya kegunaan Daftar Isi adalah memudahkan para pengguna yang mencari informasi terkait yang terdapat di dalam blog tersebut, jadi jika seseorang mencari sesuatu akan lebih mudah ditemukan.

Nah setelah kamu paham pembahasan Mengani toc atau daftar isi ini lebih baik kita lanjutkan saja supaya mempercepat waktu.

Cara Mudah Membuat Table Of Content atau Daftar Isi Otomatis Pada postingan blog

Setelah tadi saya gabut ya saya coba buat script kode html CSS untuk membuat sebuah daftar isi, dan hasilnya work dan elegan sekali. Tampilannya seperti ini.

See the Pen Tombol Download HTML dan CSS by Trikusuma Yulianto (@trikusuma-yulianto) on CodePen.

Cara ini cukup simpel! karena kamu akan menambahkan daftar isi di blog tanpa melakukan edit html.

jadi kamu tidak perlu repot-repot untuk mengubah kode yang ada pada tema,

Step by step menambahkan toc atau daftar isi di blog

1. Pertama silahkan kamu Login ke akun blogspot dan buat postingan baru lalu pilih mode HTML seperti ini

memasang table of content di blog
Mode Html Posting Blog

Buatlah beberapa paragraf sampai akhirnya kamu ingin menentukan heading pertama pada artikel yang kamu tulis. Kenapa saya mencontohkan nya kedalam mode HTML? karena supaya lebih mudah ketika mengatur Table of content yang akan kita pasang di blog nantinya.

Dan juga menulis di dalam mode html dapat membuat struktur artikel kita lebih rapi tanpa ada tag <br />. memangnya tag itu kenapa min? jadi tag itu adalah tag enter atau new space.

kamu mau kalau enter juga terbaca oleh google? ini adalah salah satu tips yang bermanfaat bagi saya karena akan membuat artikel kita lebih terstruktur di mata google dan alhasil artikel kita bisa masuk ke dalam page one google!.

2. Masukkan Kode Script dibawah ini seperti di gambar

cara membuat daftar isi table of content keren di blogspot
mode html posting blog2

berikut ini adalah kode script untuk menambahkan daftar isi atau table of content kedalam postingan blog:

Sebenarnya terserah kamu ingin meletakkannya di awal Artikel atau setelah paragraf. Letakkan sesuai seperti gambar di atas supaya tidak terjadi kesalahan saat kembali ke mode tulis dalam postingan blog.

tapi ingat ketika meletakkan harus sesuai atau letakkan script daftar isi nya di space baru jangan di gabung langsung nanti jadinya aneh, dan kalau kita ingin merapikan juga cukup sulit.

3. Ubah tulisan GANTI Sesuai Heading Pada Artikel mu

daftar isi blog

Langkah Selanjutnya untuk memasang daftar isi atau table of content dalam postingan blog adalah mengubah Tulisan yang ada pada Script, Ubahlah tulisan GANTI Sesuai dengan Heading yang ada pada Artikel mu.

Gunakan seperlunya, Apabila Heading yang kamu pakai dalam artikel blog mu tidak sampai Delapan, Silahkan hapus sisanya sesuai garisnya jangan sampai menghapus akhiran </li> </ul> dan </div>.

Karena akan menyebabkan kegagalan CSS membentuk fungsi yang sudah di sebutkan. sehingga tampilan Daftar isi atau Table of content di blog tidak sesuai atau berantakan.

4. Ubah setiap Heading pada Artikel blog mu dan tambahkan Kode id=”toc1″ dan seterusnya

memasang table of content di dalam postingan blog

Jangan lupa untuk mengubah setiap heading atau judul yang ada pada artikel mu, Supaya ketika pengunjung mengklik Judul yang ada pada table of content atau daftar isi tadi langsung mengarah ke Judul.

Tambahkan Kode id=”toc1″ dan seterusnya setelah. jadi Heading yang ada pada artikel kamu memiliki atribut seperti ini <h2 id=”toc1″>.

5. Cek apakah Semua Step diatas sudah kamu lakukan dengan benar

Jika semua cara diatas sudah kamu ikuti dengan baik dan benar. seharusnya Table of content atau daftar isi di dalam postingan blog kamu sudah muncul dan bisa di gunakan.

Untuk contoh yang telah saya buat kamu bisa lihat di codepen di bawah ini, seharusnta Judul pada Daftar isi sudah bisa di klik dan langsung mengarah ke heading yang di inginkan:

DISINI

Penutup

Menurut saya sendiri table of content atau daftar isi yang terdapat pada sebuah artikel sangat membantu, karena kita bisa langsung to the point dan tidak ber tele-tele untuk mencari sesuatu yang kita cari di dalam postingan blog.

Nah tadi itu adalah cara menambahkan atau membuat daftar isi atau table of content di blogspot lebih tepatnya, Karena jika di wordpress sudah ada plugin tambahan sehingga lebih mudah.

Jadi kalau artikel ini bermanfaat dan membantu jangan lupa di share, Mungkin ada teman atau kenalan kalian yang memulai blogging dan ingin membuat daftar isi bisa mencoba cara ini.

FAQ

Apakah Membuat Table of content Atau daftar isi di blog berguna?

Pada umumnya kegunaan daftar isi adalah memudahkan para pengguna mencari informasi terkait yang terdapat di dalam blog tersebut. Jadi jika seseorang mencari sesuatu akan lebih mudah di temukan.

Apakah membuat table of content atau daftar isi bisa membuat artikel page one google?

Sebernarnya hal itu relatif tergantung dari seberapa berkualitas artikel yang kamu tulis. jadi percuma saja jika kamu memasang daftar isi atau table of content di blog kalau artikel mu mengandung 300 kata tanpa menggunakan heading.

Apakah Daftar isi termasuk kedalam SEO On-Page?

Iya! Karena Daftar isi yang kamu buat akan mempermudah google untuk melakukan proses crawling yang akan membantu artikel mu menuju Page One!

Tinggalkan komentar