Cara Menambahkan Skema FAQ di Blogger

Pada artikel kali ini, saya akan membahas mengnai bagaimana  menambahkan  Skema FAQ di blogger. Tentunya untuk menambah Skema FAQ pada  di blogger disini  kita megguakan bantuan HTML CSS.

Nah, sebelum membahas lebih lajut mengenai Skema FAQ, sering sekali kita melihat fitur semacam ini sebagian besar di WordPress, karena Di wordpress anda tinggal memanfaatkan plugin seperti plugin all in seo ataupun plugin rank math.

Kode markup Skema FAQ pada penggunaanya membantu search engine untuk memahami pertanyaan yang sering diajukan di situs web. Sehingga ketika anda meambahkan Skema FAQ kedalam blog atau web anda, tentunya akan berdampak besar pada peringkat web atau blog karena sebagian besar search engine seperti Google memberi peringkat pada situs web atau posting blog yang sama dimana  skema FAQ  yakni dari jawaban pertanyaan diberikan.

Sekilas mengenai Skema FAQ

Skema FAQ  merupakan sebuah halaman yang berisi pertanyaan dan jawaban terkait topik, produk, dan layanan perusahaan  yang sering diajuakan di sebuah website Pengunjung biasanya tidak akan melihatnya. Seperti jenis markup skema lainnya, skema FAQ tersimpan di dalam sebuah kode halaman.

Ketika bot dari search engine Google merayapi suatu halaman web, Google akan mencari berbagai markup skema tertentu, termasuk Skema FAQ. Pada Pengaplikasiannya Skema FAQ mengidentifikasi berbagai pertanyaan dan jawaban pada sebuah halaman. Google akan dapat dengan mudah mengenali berbagai pertanyaan dan jawaban pada suatu halaman jika halaman tersebut mempuyai fitur skema FAQ.

Pada kenyataanya Google tidak mendukung semua jenis skema. Akan tetapi, pada tahun 2019, Google telah  mengumumkan dukungannya terhadap skema FAQ. Google saat ini mendukung skema FAQ yang dibuat dengan format JSON-LD atau microdata.

Cara Menambahkan Skema FAQ di Blogger

• Pertama – tama, Anda harus  pergi  ke dashboard blogger
• Setelah itu, klik tema dan klik Edit HTML
• Kemudian Anda harus menyalin kode CSS yang diberikan di bawah ini dan menempelkannya di bawah kode head, atau Anda juga dapat meletakkanya  diatas tag </head> .

<style>summary {
    font-size: 19px;
    font-weight: 600;
    background-color: #F1F1F1;
    color: #333;
    isolation: isolate;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
    border-radius: 0.25rem;
    text-align: left;
    cursor: pointer;
    position: relative;
}
details &gt; summary::after { position: absolute; content: &quot;+&quot;; right: 20px; } details[open] &gt; summary::after { position: absolute; content: &quot;-&quot;; right: 20px; } details &gt; summary::-webkit-details-marker { display: none; } details[open] summary ~ * { animation: sweep .5s ease-in-out; isolation: isolate; margin-bottom: 1rem; background-color: #EEEEEE; padding: 1rem; } @keyframes sweep { 0% {opacity: 0; margin-top: -10px} 100% {opacity: 1; margin-top: 0px} }
</style>

• Jika sudah menempelkan kode, maka klik save pada tema atau template blog.
• Kemudian klik ke menu dashboard blogger, lalu klik halaman ataupun postingan baru Di mana anda ingin meletakkan skema FAQ
• Setelah itu klik ikon pensil dan mengklik HTML dan Anda harus menyalin HTML yang diberikan di bawah ini, kemudian  menambahkan skema FAQ sebanyak yang Anda inginkan.

<details>
  <summary>What is the FAQ page?</summary>
  <div>
    <p>A FAQ page, short for Frequently Asked Questions, is a space on an ecommerce store where important information about a business is shared to clarify questions and uncertainties on the part of shoppers.
</p>
  </div>
</details>
<details>
  <summary>What does FAQ mean?</summary>
  <div>
    <p>frequently asked question, frequently asked questions —used to refer to a list of answers to typical questions that users of a Web site might ask.
</p>
  </div>
</details>
<details>
  <summary>What is schema in HTML?</summary>
  <div>
    <p>Schema.org (often called Schema) is a semantic vocabulary of tags (or microdata) that you can add to your HTML to improve the way search engines read and represent your page in SERPs.</p>
  </div>
</details>

• jika sudah. tinggal klik ‘terbitkan’ jika anda ingin mempostingya atau simpan draf jika anda tidak ingin langsung mempostingnya.

Mungkin sekian menambahkan  Skema FAQ ke situs web ataupu blogger, diharapkan dengan cara ini Anda dapat menambahkan skema FAQ di bloger dengan mudah. Jika Anda memiliki komentar untuk kami, tinggalkan di kolom komentar di bawah, kami akan menjawab Anda sesegera mungkin.