Show FAQ Schema Underneath Search Result

Google support the new How-To & FAQ within the search result. This will allow webmasters to further enhance their SERP real estate, along with providing more ways for users to access content from websites.

It look something like this:

Showing the FAQ may not lead to higher ranking positions, but it can lead to capturing more visual real estate within your target SERP, leading to a higher click-through rate, giving you a competitive edge against your rivals.

In this module, you’ll going to learn how to add, test and validate FAQ schema code on any web page.

How to Add FAQ Schema

Step 1: Ensure Your On-Page Content Structure Meets Google Guidelines

The first step is to ensure your on-page content structure needs to meet Google’s guidelines for FAQ rich snippet results to be shown within SERPs for your website.

Google has a clearly defined list when it comes to FAQ structured data:

To validate FAQ schema correctly, the content needs to be in within the source code of the HTML page, but also accessible by users.

Step 2: Create the Necessary JSON-LD

Second step is to create the code needed for the FAQs to appear within SERPs.

JSON-LD is a scripting language that allows publishers to communicate vital information to search engines and is Google’s preferred markup for structured data.

Overall the code for FAQ schema is super easy to create; you just need to ensure the copy is the exact same as it appears on the webpage.

Here is the example of schema code:

<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [{
“@type”: “Question”,
“name”: “INSERT QUESTION TEXT HERE”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “INSERT ANSWER TEXT HERE”
}
}, {
“@type”: “Question”,
“name”: “INSERT QUESTION TEXT HERE”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “INSERT ANSWER TEXT HERE”
}
}, {
“@type”: “Question”,
“name”: “INSERT QUESTION TEXT HERE”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “INSERT ANSWER TEXT HERE”
}
}, {
“@type”: “Question”,
“name”: “INSERT QUESTION TEXT HERE”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “INSERT ANSWER TEXT HERE”
}
}, {
“@type”: “Question”,
“name”: “INSERT QUESTION TEXT HERE”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”:”INSERT ANSWER TEXT HERE”}
}]
}
</script>

When creating your own JSON-LD code you will have to change the above elements to adhere to your on page FAQ copy.

By default, Google shows the first three FAQs within SERPs. Google displays a maximum of ten FAQs, followed by a read more link into the web page.

Step 3: Google Tag Manager Setup & Testing

This step is crucial to implementing the markup correctly on the desired web page.

1. First, open up Google Tag Manager and head over to variables on the left-hand menu, click configure and ensure you have “page path” selected.
2. Next step, click back to the overview and select “Add a new tag”.
3. Name the tag something relevant that will make sense to you in the future. Then select the custom HTML tag and paste in the code you have generated.
4. Then we need to make sure this code only fires on the correct landing page; to do this, we need to create a trigger.
5. Call the trigger something you can easily recognize in further, for example, “SEO Pageview”, then choose the Page View trigger from the list options.
6. Once selected, make sure you click “some page views”, which will give you further options.
7. Choose “page path” and select “equals” and enter in the URL slug.
8. Click save and save again, and that is how you create the relevant code setup. However, we need to test this before publishing it to a live environment.
9. Now comes the exciting part, testing, and validation! Click “Preview” on the top right, which will bring up an orange bar.
10. Then in a different tab, load up your website, and you should see the tag that you created appear under “Tags Fired On This Page”. You can then click into the tag and see the relevant code you added along with the trigger.
11. Once you are happy with the tags firing on the correct pages, you should publish your workspace, so the tags are deployed into the live tag manager on your website.

FAQ Schema Testing

Head over to Google’s Rich Results tool and enter the URL(s) you have added FAQ schema: https://search.google.com/test/rich-results

If you have done everything correctly, you will see a green tick next to “FAQ” and be able to preview what the page would look like within SERPs.