How to Add FAQ Schema ( Frequently Asked Question) in Blogger Website?
সর্বপ্রথমে নিচের CSS Code
টি Copy করে নিন । AndThan Edit HTML এ গিয়ে Close </head> tag এর উপর । নিচের Copy করা CSS
Code টি Past করুন ।
<style>
summary { font-size: 1.25rem; font-weight: 600; background-color: #fefefe; 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 > summary::after { position: absolute; content: "+"; right: 20px; } details[open] > summary::after { position: absolute; content: "-"; right: 20px; } details > summary::-webkit-details-marker { display: none; } details[open] summary ~ * { animation: sweep .5s ease-in-out; animation: sweep .5s ease-in-out; box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6, 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #ffffff inset; isolation: isolate; margin-bottom: 1rem; background-color: #fefefe; padding: 1rem; } @keyframes sweep { 0% {opacity: 0; margin-top: -10px} 100% {opacity: 1; margin-top: 0px} }
</style>
এরপর নিচের HTML Code টিকে
Copy করুন এবং Post এর যে জায়গায় FAQ লাগাতে চান । ওই জায়গায় নিচের Copy করা
HTML Code টি Past করুন ।
<details>
<summary>FAQ 1 : What is Lorem Ipsum?</summary>
<div class="$(function(AT-FAQ)">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</div>
</details>
<details>
<summary>FAQ 2 : What is Lorem Ipsum?</summary>
<div class="$(function(AT-FAQ)">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</div>
</details>
<details>
<summary>FAQ 3 : What is Lorem Ipsum?</summary>
<div class="$(function(AT-FAQ)">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</div>
</details>
আপনার FAQ Google এ Saw
করার জন্য আপনার FAQ এর Schema Post এর মধ্যে FAQ এর নিচে ADD করতে হবে ।
আপনি FAQ Schema কিভাবে
বানাবেন ?
Google এ গিয়ে Search করুন
Schema Markup Generator এবং প্রথমের Website টি Open করুন ।
> Click on Dropdown Menu and Choose FAQ Page
আপনি কিভাবে Check করবেন । আপনার FAQ Google
Search এ Saw করবে কিনা ?
Google এ গিয়ে Search করুন
Schema Markup Testing Tool > প্রথমের Google for Developers Link টি Open করুন
। Schema Markup Validator এ ক্লিক করুন ।
আপনার Post এর url টি Past
করুন এবং Run Test এ ক্লিক করুন ।