Cara Mudah Membuat Plugin FAQ di Postingan Blogger.com
Jenis KontenBlogspot Plugin
Lisensi GambarStock Foto Premium Canva
Lisensi KontenDaily Blogger Pro
HargaGratis
Dukung KreatorDukung kami agar bisa terus membuat fitur web lainnya untuk kamu via Lynk ID:
Support now
Support now
Tujuan Konten:Membantu pembaca daily blogger pro agar bisa memiliki fitur FAQ yang berguna untuk halaman postingan / artikel
Pernah lihat fitur FAQ saat membeli produk / layanan jasa? Well, halaman tersebut biasanya berisi list pertanyaan beserta jawabannya untuk konsumen.
Kamu juga bisa membuat fitur FAQ tersebut lho. Kalau biasanya fitur FAQ ada di halaman web landing page, kali ini sedikit berbeda, kita bisa memasang plugin collapsible / accordion ini di halaman postingan blogger.com. Kira-kira begini demo atau ilustrasinya;
Apa itu plugin post collapsible?
Plugin post collapsible adalah fitur yang memungkinan kamu menampilkan dan menyembunyikan isi konten ketika judul dari konten tersebut diklik
Apa fungsi plugin post collapsible?
Plugin post collapsible sering digunakan untuk halaman tanya jawab (FAQ) untuk berbagai kebutuhan; bisnis, layanan, produk, atau sekedar edukasi
Apakah plugin post collapsible support blogger.com?
Ya, fitur ini mendukung platform blogger.com dan semua platform web karena dibuat dengan html dan css saja.
Cara Memasang Fitur FAQ Collapsible / Accordion di Postingan Blogger
Fitur ini akan ditempatkan di halaman post artikel, untuk penempatan kode css-nya bisa dipasang di template langsung atau di halaman artikel. Kita bahas satu persatu.1. Pertama, yang jelas kamu harus menyalin kode css siap pakai yang sudah saya buat ini;
/* Daily Blogger Pro FAQ Collapsible Start */
#dailybloggerpro-collapsible{
position:relative;
margin:15px 0;
padding:20px;
box-sizing:border-box;
border:1px solid #eee;
box-shadow:0 3px 5px #eee;
border-radius:10px}
/* Daily Blogger Pro FAQ Collapsible END */
Install CSS di Template Langsung+Buka dasrbor blogger.com, pilih menu tema, buka edit html, dan letakkan kode css diatas kode:
+Klik simpan.
]]></b:skin>
Install CSS di Postingan Langsung+Buka dasrbor blogger.com, postingan baru, buka tampilan html, dan letakkan kode css ditengah kode style:
3. Pasang kode html berikut ini dan sesuaikan isi plugin FAQ collapsible-nya sesuai kebutuhan kamu;
<style>
/* Taruh Kode CSS Disini */
</style>
<!--DBP Collapsible #1-->
<details id="dailybloggerpro-collapsible">
<summary>Pertanyaan 1</summary>
<p>Jawaban 1</p>
</details>
<!--DBP Collapsible #2-->
<details id="dailybloggerpro-collapsible">
<summary>Pertanyaan 2</summary>
<p>Jawaban 2</p>
</details>
<!--DBP Collapsible #3-->
<details id="dailybloggerpro-collapsible">
<summary>Pertanyaan 3</summary>
<p>Jawaban 3</p>
</details>
Penutup
Plugin Collapsible / Accordion di Postingan Blogger ini sangat berguna jika kamu ingin membuat section FAQ untuk beragam kebutuhan, baik itu untuk bisnis maupun edukasi. Semoga konten ini bermanfaat, share jika suka, komentar jika ada yang ingin ditanyakan, dan kamu juga bisa dukung kreator via Lynk ID.Support Daily Blogger Pro
9 komentar
Fitur FAQ ini seringnya dipakai untuk memberi tahu pengunjung atau customer mengenai jasa atau produk kita.
Ada yang nempatin fitur FAQ ini di halaman utama website-nya, karena jenis website miliknya landing page. Untuk kebutuhan ini, kode ditempatkan di file template langsung.
Berbeda kalau kamu nampilin produk atau jasanya di halaman postingan, ya tinggal tempatkan file html dan css-nya di editor html postingan.
Kode yang saya buat hanya menggunakan html dan css saja, tidak memberatkan karena tidak menggunakan kode javascript.
Dan setiap template website berbeda struktur kodenya, mau itu igniplex, median ui, dll.
Mungkin pertanyaan yang lebih tepat, apakah memberatkan pagespeed website yang menjadi indikator penilaian SEO, kalau kamu tanyakan ini, dari segi komposisi kode yang hanya html dan css, ya tidak akan memberatkan loading page ketika diakses.
Mau pasang kode untuk fitur web-nya dikembalikan kembali kepada keputusan pengunjung. Kalau butuh ya pasang, kalau nggak butuh ya tidak usah dipasang.
Fitur FAQ di halaman postingan ini ditujukan untuk halaman produk, jasa, atau halaman bantuan untuk pengunjung supaya tau informasi tentang halaman / situs yang ia kunjungi.
Kalau yang dimaksud FAQ ini bisa muncul di menu "People also asked" di halaman penelurusan google yang berisi list pertanyaan dan jawaban dengan rujukan link postingan web, jelas fitur FAQ ini tidak bisa muncul disitu karena struktur data FAQ "People also asked" google tidak ada kaitannya dengan plugin FAQ post blogspot ini.
Lagian, GSC itu bakalan indeks semua halaman di website kita, fitur FAQ ini kan isinya cuma html dan css ringkas, ya udah jelas "URL link postingan akan terindeks" baik itu kita submit url manual ke gsc atau terindeks otomatis.
Data yang "Kebaca" dan "Dibaca" sama GSC itu data trafik, kenaikan dan penurunan trafik berdasar kueri kata kunci, tren, jumlah klik dan view di SERP, CTR, halaman error yang harus diperbaiki, dll.
Jadi karena pertanyaan mas nya "Kurang spesifik mau minta gsc baca fitur FAQ ini buat apa", jadi ya saya jawab sesuai yang saya tahu aja.
Kalau mau pasang dan perlu, ya pasang aja, kalau nggak perlu bisa di skip, karena nggak semua halaman postingan, produk, jasa, dukungan, dll, butuh fitur FAQ, opsional aja, ini fitur pendukung buat pengguna, bukan fitur buat optimasi seo secara cepat.