Password instructions will be e-mailed to you
Confirmation will be e-mailed to you
Lost Password
Register
Dismiss
Dismiss

Share This Post

wordpress

How to build a structured data-powered FAQ page using Yoast SEO

Many, many sites have an FAQ page. This is a page where a lot of frequently asked questions get the appropriate answer. It is often a single page filled to the brim with questions and answers. While it’s easy to add one, it’s good to keep in mind that not all sites need an FAQ. Most of the times all you need is good content targeted at the users’ needs. Here, I’ll discuss the use of FAQ pages and show you how to make one yourself with Yoast SEOs new structured data content blocks for the WordPress block editor. You won’t believe how easy it is.

For more information on our Schema structured data implementation, please read our Schema documentation.

What is an FAQ?

FAQ stands for frequently asked questions. It is a single page collecting a series of question and its answers on a specific subject, product or company. An FAQ is often seen as a tool to reduce the workload of the customer support team. It is also used to show that you are aware of the issues a customer might have and to provide an answer to that.

But first: Do you really, really, really need an FAQ?

Usually, if you need to answer a lot of questions from users in an FAQ, that means that your content is not providing these answers and that you should work on that. Or maybe it is your product or service itself that’s not clear enough? One of the main criticisms of FAQs is that they hardly ever answer the questions consumers really have. They are also lazy: instead of figuring out how to truly answer a question with formidable content — using content design, for instance –, people rather throw some random stuff on a page and call it an FAQ.

That’s not to say you should never use an FAQ. Numerous sites successfully apply them — even we use them sparingly. In some cases, they do provide value. Users understand how an FAQ works and are quick to find what they are looking for — if the makers of the page know what they are doing. So don’t make endless lists of loosely related ‘How can I…’ or ‘How to…’ questions, because people will struggle to filter out what they need.

It has to be a page that’s easy to digest and has to have real answers to real questions by users. You can find scores of these if you search for them: ask your support team for instance! Collect and analyze the issues that come up frequently to see if you’re not missing some pain points in your products or if your content is targeting the wrong questions.

So don’t hide answers to pressings questions away on an FAQ page if you want to answer these in-depth: make an article out of it. This is what SEO deals with: provide an answer that matches your content to the search intent.

Questions and answers spoken out loud?

Google is trying to match a question from a searcher to an answer from a source. If you mark up your questions and answers with FAQ structured data, you tell search engines that this little sentence is a question and that this paragraph is its answer. And all these questions and answers are related to the main topic of the page.

Paragraph-based content is all the rage. One of the reasons? The advent of voice search. Google is looking for easy to understand, block-based content that it can use to answer searchers questions right in the search engine — or by speaking it out loud. Using the Schema property speakable might even speed up this content discovery by determining which part of the content is fit for text-to-speech conversion.

How to build an FAQ page in WordPress via Yoast SEO content blocks

The best way to set up a findable, readable and understandable FAQ page on a WordPress site is by using the structured data content blocks in Yoast SEO. These blocks for the new block editor — formally known as Gutenberg –, make building an FAQ page a piece of cake.

All the generated structured data for the FAQ will be added to the graph Yoast SEO generates for every page. This makes it even easier for search engines to understand your content. Yoast SEO automatically adds the necessary structured data so search engines like Google can do cool stuff with it. But, if nothing else, it might even give you an edge over your competitor. So, let’s get to it!

  1. Open WordPress’ new block editor

    Make a page in WordPress, add a title and an introductory paragraph. Now add the FAQ structured data content block. You can find the Yoast SEO structured data content blocks inside the Add Block modal. Scroll all the way down to find them or type ‘FAQ’ in the search bar, which I’ve highlighted in the screenshot below.yoast seo structured data content blocks FAQ

  2. Add questions and answers

    After you’ve added the FAQ block, you can start to add questions and answers to it. Keep in mind that these questions live inside the FAQ block. It’s advisable to keep the content related to each other so you can keep the page clean and focused. So no throwing in random questions.yoast seo structured data content blocks faq add question

  3. Keep filling, check and publish

    After adding the first question and answering it well, keep adding the rest of your questions and answers until you’ve filled your FAQ page. In the screenshot below you see two questions filled in. I’ve highlighted two buttons, the Add Image button and the Add Question. These speak for themselves.

    Once you are done, you’ll have a well-structured FAQ page with valid structured data. Go to the front-end of your site and check if everything is in order. If not, make the necessary changes.

What does an FAQ rich result look like?

We have an FAQ page for our Yoast Diversity Fund and that page was awarded an FAQ rich result by Google after we added an FAQ structured data content block. So, wondering what an FAQ looks like in Google? Wonder no more:

An example FAQ rich result for a Yoast page

Keep in mind that an FAQ rich result like this might influence the CTR to that page. It might even lead to a decrease in traffic to your site since you are giving away answers instantly. It is a good idea, therefore, to use it only for information that you don’t mind giving away like this. Or you have to find a way to make people click to your site. Do experiment with it, of course, to see the effects. Maybe it works brilliantly for you, who knows?

What does this look like under the hood?

Run your new FAQ page through Structured Data Testing Tool to see what it looks like for Google. Yoast SEO automatically generates valid structured data for your FAQ page. Here’s a piece of the Yoast Diversity Fund page, showing one particular question and its answer:

The first question and answer from the structured data graph

It’s basically built up like this. The context surrounding the questions is an FAQPage Schema graph. Every question gets a Question type and an acceptedAnswer with an answer type. That sounds hard, but it’s not. All you have to do is fill in the Question and the Answer and you’re good to go!

This translates to the code below as generated automatically by the Yoast SEO structured data content blocks. Now, Google will immediately see that this piece of content contains a question with an accepted answer. It will also see how this FAQ fits in with the rest of the page and the entities within your site. If you’re lucky, this might eventually lead to a featured snippet or another type of rich result.

<script type='application/ld+json' class='yoast-schema-graph yoast-schema-graph--main'> {
    "@context":"https://schema.org",
    "@graph":[ {
        "@type": "Organization", "@id": "https://yoast.com/#organization", "name": "Yoast", "url": "https://yoast.com/", "sameAs": ["https://www.facebook.com/yoast", "https://www.instagram.com/yoast/", "https://www.linkedin.com/company/1414157/", "https://www.youtube.com/yoast", "https://www.pinterest.com/yoast/", "https://en.wikipedia.org/wiki/Yoast", "https://twitter.com/yoast"]
    }
    ,
    {
        "@type":"WebSite",
        "@id":"https://yoast.com/#website",
        "url":"https://yoast.com/",
        "name":"Yoast",
        "publisher": {
            "@id": "https://yoast.com/#organization"
        }
        ,
        "potentialAction": {
            "@type":"SearchAction",
            "target":"https://yoast.com/?s={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    ,
    {
        "@type": ["WebPage", "FAQPage"], "@id": "https://yoast.com/yoast-diversity-fund/apply/#webpage", "url": "https://yoast.com/yoast-diversity-fund/apply/", "inLanguage": "en-US", "name": "How to Apply for the Yoast Diversity Fund • Yoast", "isPartOf": {
            "@id": "https://yoast.com/#website"
        }
        ,
        "image": {
            "@type": "ImageObject", "@id": "https://yoast.com/yoast-diversity-fund/apply/#primaryimage", "url": "https://yoast.com/app/uploads/2018/03/Yoast_diversity_fund_FI__1_-1.jpg", "width": 1200, "height": 628
        }
        ,
        "primaryImageOfPage": {
            "@id": "https://yoast.com/yoast-diversity-fund/apply/#primaryimage"
        }
        ,
        "datePublished":"2019-05-03T11:12:29+00:00",
        "dateModified":"2019-06-07T09:51:36+00:00",
        "breadcrumb": {
            "@id": "https://yoast.com/yoast-diversity-fund/apply/#breadcrumb"
        }
    }
    ,
    {
        "@type":"BreadcrumbList",
        "@id":"https://yoast.com/yoast-diversity-fund/apply/#breadcrumb",
        "itemListElement":[ {
            "@type":"ListItem",
            "position":1,
            "item": {
                "@type": "WebPage", "@id": "https://yoast.com/", "url": "https://yoast.com/", "name": "Home"
            }
        }
        ,
        {
            "@type":"ListItem",
            "position":2,
            "item": {
                "@type": "WebPage", "@id": "https://yoast.com/yoast-diversity-fund/", "url": "https://yoast.com/yoast-diversity-fund/", "name": "Yoast Diversity Fund"
            }
        }
        ,
        {
            "@type":"ListItem",
            "position":3,
            "item": {
                "@type": "WebPage", "@id": "https://yoast.com/yoast-diversity-fund/apply/", "url": "https://yoast.com/yoast-diversity-fund/apply/", "name": "How to Apply for the Yoast Diversity Fund"
            }
        }
        ]
    }
    ,
    [ {
        "@type":"ItemList",
        "mainEntityOfPage": {
            "@id": "https://yoast.com/yoast-diversity-fund/apply/#webpage"
        }
        ,
        "numberOfItems":5,
        "itemListElement":[ {
            "@id": "https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800785311"
        }
        ,
        {
            "@id": "https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800831879"
        }
        ,
        {
            "@id": "https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800847830"
        }
        ,
        {
            "@id": "https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800862202"
        }
        ]
    }
    ],
    {
        "@type":"Question",
        "@id":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800785311",
        "position":0,
        "url":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800785311",
        "name":"What type of costs are reimbursed?",
        "answerCount":1,
        "acceptedAnswer": {
            "@type": "Answer", "text": "Our goal is to reimburse those costs that would keep you from speaking at tech conferences. If you, for whatever reason, have costs, such as child-care or specialized transport, for example, we invite you to share those with us and we'll look at those on a per-case scenario. Examples of costs we're happy to reimburse are:u2013 Travel and transportation, e.g. gas, car rental, taxis or flights.u2013 Accommodation, hotel, AirBNB or similar. u2013 Child-care costs.u2013 Sign language interpreter.u2013 Visa costs."
        }
    }
    ,
    {
        "@type":"Question",
        "@id":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800831879",
        "position":1,
        "url":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800831879",
        "name":"How many times can I apply for the Yoast Diversity Fund?",
        "answerCount":1,
        "acceptedAnswer": {
            "@type": "Answer", "text": "Our goal is to assist in increasing speaker diversity as much as possible. This means we'll focus on first-time applications mostly. However, there is no limit to the number of times you can apply."
        }
    }
    ,
    {
        "@type":"Question",
        "@id":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800847830",
        "position":2,
        "url":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800847830",
        "name":"Is the fund available to all?",
        "answerCount":1,
        "acceptedAnswer": {
            "@type": "Answer", "text": "Yes. With the exception of Yoast employees, former Yoast employees, and contractors."
        }
    }
    ,
    {
        "@type":"Question",
        "@id":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800862202",
        "position":3,
        "url":"https://yoast.com/yoast-diversity-fund/apply/#faq-question-1556800862202",
        "name":"When should I apply?",
        "answerCount":1,
        "acceptedAnswer": {
            "@type": "Answer", "text": "Applicants should apply at least one month before the event."
        }
    }
    ]
}

</script>

Structured data is so cool

Structured data is hot. It is one of the foundations on which the web is built today and its importance will only increase with time. In this post, I’ve shown you one of the newest Schema additions, and you’ll increasingly see this pop up in the search results.

For more information on our Schema structured data implementation, please read our Schema documentation.

The post How to build a structured data-powered FAQ page using Yoast SEO appeared first on Yoast.

Share This Post