How to Add FAQ schema in Blogger

How to Add FAQ schema in blogger

In this article, I will show you how you can add an accordion FAQ block to your Blogger website. Just follow the steps as shown below.

But, before that let’s understand what is FAQ schema and why you should use it in your Blogger website.

FAQ schema is a markup language that helps the search engine identify FAQs (Frequently asked questions) on a page and show it in Search engine result pages. (SERPs).

You can check the below screenshot to know what the FAQ rich result looks like.

FAQ rich result in search engine results

By adding the FAQ schema your website will be eligible for the rich result like this. So, you will get better visibility in search and the click through rate (CTR) will increase. So, the chances of getting more traffic from Google increase.

Ok, Now you know the benefits of using FAQ schema, let’s understand how you can add FAQ schema to your Blogger website.

Steps to add FAQ schema in Blogger

To Add FAQ schema in Blogger, follow the below steps.

  • Log in to your Blogger dashboard and open the post where you want to add the schema.
  • Now you need to add the Questions in plain text or in accordion block (as discussed below)
  • Now search for FAQ schema generator in Google and use an online Schema generator.
  • Here, put the Questions and answers and generate the FAQ schema code.
  • Now open the post in HTML view and paste the schema code at the end.

Congratulations, the FAQ schema is now added to your Blogger website.

How to add Accordion FAQ block in Blogger

As we discussed above you can either use the FAQs in plain text or accordion block. This is for actual visitors of the website whereas the schema code is only used by search engines and is hidden from the readers.

So, to showcase the FAQs in an accordion format, just follow the below steps.

1. Log in to your Blogger dashboard and open the post in HTML view.

  /* Accordion FAQ Section */ 
  .FAQ-container{margin:1.7em 0;font-size:19px;font-family:system-ui;line-height:1.7em; color: black;} 
  details.FAQ-Question{padding:18px 0;border-bottom:1px solid black;} 
  details.FAQ-Question:first-child{border-top:1px solid black;} 
  details.FAQ-Question summary{font-weight:700;cursor:pointer; display:flex;align-items:baseline}
  details.FAQ-Question summary:hover{color:#dd277b;}
  details.FAQ-Question summary::before{content:'\203A'; flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px; font-weight:400;font-size:1.33rem;color:inherit} 
  details.FAQ-Question[open] summary{color:#dd277b;} 
  details.FAQ-Question:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center} 
  details.FAQ-Question.alt summary::before{content:'\002B'; padding:0 2px} 
  details.FAQ-Question.alt[open] summary::before{content:'\2212'} 
  details.FAQ-Question .FAQ-Answer{padding:0 25px;opacity:.9}

<div class='FAQ-container'>
  <!--[ Accordion line 1 ]-->
  <details class='FAQ-Question'>
    <summary>Can beginners do affiliate marketing?</summary>
    <div class='FAQ-Answer'>
      <p>Fortunately, all it takes is some simple guidance and research. Once you understand the basics of affiliate marketing for beginners and how it works, you can use it to your advantage and increase the income you earn through your website</p>
  <!--[ Accordion line 2 ]-->
  <details class='FAQ-Question'>
    <summary>How do affiliates get paid?</summary>
    <div class='FAQ-Answer'>
      <p>Affiliate marketing involves referring a product or service by sharing it on a blog, social media platform, podcast, or website. The affiliate earns a commission each time someone makes a purchase through the unique affiliate link associated with their recommendation.</p>
  <!--[ Accordion line 3 ]-->
  <details class='FAQ-Question'>
    <summary>How do I become an affiliate with no money?</summary>
    <div class='FAQ-Answer'>
      <p>The only way to start affiliate marketing with no money is to get an affiliate link and start sending it to people you know. While this is possible, it's not scalable and won't make you much money unless you're constantly networking.</p>
  <!--[ Accordion line 4 ]-->
  <details class='FAQ-Question'>
    <summary>Is affiliate marketing very hard?</summary>
    <div class='FAQ-Answer'>
      <p>Being an affiliate marketer requires skill, experience, and work. It is not a quick or easy road to success, but when done properly, it can generate impressive income. Here are some of the qualities you will need to be a successful affiliate marketer: An interest or expertise in a certain niche.</p>

2. Now Copy the below code and paste it into the post editor.

3. Change the questions and answer in the code and the Accordion FAQ block is added to your blogger website.

Here, i have added 4 FAQ blocks. If you want to add more blocks then you can copy the below code and paste it just before the </div> tag.

<!--[ Accordion line 4 ]-->
  <details class='FAQ-Question'>
    <summary>Write your FAQ question here?</summary>
    <div class='FAQ-Answer'>
      <p>Write your Answer here.</p>

I hope you have successfully added an Accordion FAQ block and the FAQ schema to your Blogger website. If you have any doubts, do let me know in the comment section.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *