How to add FAQ Rich Snippets Structured Data to website

How to add FAQ Rich Snippets Structured Data to website and increase search engine visibility

 

Code Sample

<div class="abt_title">

<center><h2>Frequently Asked Questions</h2></center>

</div>

<div class="faq_dtls apk">

<div class="inr_wrk_dtls">

<div class="container-fluid">

<div class="row">

<div class="col-md-8 col-md-offset-2">

<div class="panel-body">

<div class="panel-group" id="accordion" itemscope itemtype="http://schema.org/FAQPage">

<div class="panel panel-default" itemscope itemprop="mainEntity" itemtype="http://schema.org/Question">

<div class="panel-heading">

<h3 class="panel-title" itemprop="name">

<a data-toggle="collapse" data-parent="#accordion" href="#collapseone">

Q?

</a>

</h3>

</div>

<div id="collapseone" class="panel-collapse collapse" itemscope itemprop="acceptedAnswer" itemtype="http://schema.org/Answer">

<div class="panel-body">

<p itemprop="text">

Answer

</p>

</div>

</div>

</div>

 

<div class="panel panel-default" itemscope itemprop="mainEntity" itemtype="http://schema.org/Question">

<div class="panel-heading">

<h3 class="panel-title" itemprop="name">

<a data-toggle="collapse" data-parent="#accordion" href="#collapsetwo">

Q?

</a>

</h3>

</div>

<div id="collapsetwo" class="panel-collapse collapse" itemscope itemprop="acceptedAnswer" itemtype="http://schema.org/Answer">

<div class="panel-body">

<p itemprop="text">

Answer

</p>

</div>

</div>

</div>

 

<div class="panel panel-default" itemscope itemprop="mainEntity" itemtype="http://schema.org/Question">

<div class="panel-heading">

<h3 class="panel-title" itemprop="name">

<a data-toggle="collapse" data-parent="#accordion" href="#collapsesix">

Q?

</a>

</h3>

</div>

<div id="collapsesix" class="panel-collapse collapse" itemscope itemprop="acceptedAnswer" itemtype="http://schema.org/Answer">

<div class="panel-body">

<p itemprop="text">

Answer

</p>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>