# Add FAQ section on Ghost blog

**URL:** <https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961>\
**Category:** Using Ghost\
**Created:** [April 30, 2020, 9:26am UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961 "2020-04-30T09:26:12Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Atmadeep\_Das](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/atmadeep_das/32/5423_2.png) [@Atmadeep\_Das](https://forum.ghost.org/u/Atmadeep_Das)\
**Post date:** [April 30, 2020, 9:26am UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/1 "2020-04-30T09:26:12Z")

</div>

Hello,

I am trying to add a FAQ section on my article. What I have done is used custom HTML, CSS and Javascript to make the FAQ section.

However I am not able to understand if google will mark it as a structured data.

Previously I was using WordPress and adding FAQ was very simple and easy but with Ghost I find it complex at certain times.

Could someone please let me know how to make my FAQ as a structured data, and also I am not a coder so I have no idea how to do that.

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [April 30, 2020, 2:45pm UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/2 "2020-04-30T14:45:47Z")

</div>

Hey @Atmadeep_Das,

It really depends on what you want the presentation to be, and what structured data you want to expose. FAQ pages come in many forms. For example The Ghost FAQ is structured as a [custom collection](https://ghost.org/docs/api/v3/handlebars-themes/routing/collections/) with links through to extensive solutions to those queries:  
[https://ghost.org/faq/](https://ghost.org/faq/)

Another example is a Q&A I recently did on my own blog, [which uses block quotes](https://ghost.org/faq/using-the-editor/#using-markdown) (`<blockquote>`) to contain the questions from people and answers as regular paragraphs. I also added a small piece of CSS to add spacing:

> **[Let’s Learn Ghost on the Jamstack! Livestream Q & A](https://darn.es/learnwithjason-q-and-a/)**
>
> I recently joined Jason Lengstorf on his Twitch show Learn With Jason. I didn’t get around to answering all the questions from the live chat. Thankfully with the power of Twitch Chat Reply I was able to go back in time and pull out all the questions....

Both are perfectly semantic and possible within Ghost. You could also use a definition list (`<dl>`) [within a HTML card](https://ghost.org/faq/using-the-editor/#adding-custom-html).

What approach would you like to take? 😊

---

<div class="post-metadata">

**Author:** ![Caucasus-and-Mercury](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/caucasus-and-mercury/32/2467_2.png) [@Caucasus-and-Mercury](https://forum.ghost.org/u/Caucasus-and-Mercury)\
**Post date:** [April 30, 2020, 4:30pm UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/3 "2020-04-30T16:30:50Z")

</div>

Hi, I’m pretty certain it’s not possible to create [proper FAQ structured data markup](https://developers.google.com/search/docs/data-types/faqpage) in Ghost itself.

What I would suggest you do is: write your article/post, then copy the text and paste into a separate markup creator and edit. There are a handful of free services on the web, none of them is perfect but I think [this one](https://technicalseo.com/tools/schema-markup-generator/) is great for FAQs. Then you’ll simply copy the resulting markup and paste it into the code injection thing on your post. If I were you I’d check the results with Google’s [Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool#) before you publish.

(If you’re marking up some common things like reviews or products you could use Google’s own [Structured Data Markup Helper](https://www.google.com/webmasters/markup-helper/). It’s very good but limited to a few kinds of markup).

It would be fantastic if one could one day create more granular structured data with Ghost, but I guess that won’t be soon, it seems very complex. And [the schema](https://schema.org/FAQPage) seems to be changing and evolving all the time.

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [May 1, 2020, 11:05am UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/4 "2020-05-01T11:05:59Z")

</div>

If you [switch to “Microdata” in that Google developer doc](https://developers.google.com/search/docs/data-types/faqpage#examples) you’ll see an alternative to applying rich data using HTML attributes, which is perfectly possible to include in Ghost as a HTML card 😄. HTML Microdata is a lot more portable and less prone to errors over JSON-LD data.

---

<div class="post-metadata">

**Author:** ![Atmadeep\_Das](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/atmadeep_das/32/5423_2.png) [@Atmadeep\_Das](https://forum.ghost.org/u/Atmadeep_Das)\
**Post date:** [May 2, 2020, 8:50am UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/5 "2020-05-02T08:50:10Z")

</div>

Thank you very much for the suggestions, I am trying

> for the time being.

---

<div class="post-metadata">

**Author:** ![Atmadeep\_Das](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/atmadeep_das/32/5423_2.png) [@Atmadeep\_Das](https://forum.ghost.org/u/Atmadeep_Das)\
**Post date:** [May 2, 2020, 8:50am UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/6 "2020-05-02T08:50:37Z")

</div>

Thank you, I will surely check it out.

---

<div class="post-metadata">

**Author:** ![Romain](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/romain/32/13526_2.png) [@Romain](https://forum.ghost.org/u/Romain)\
**Post date:** [June 4, 2021, 3:00pm UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/7 "2021-06-04T15:00:10Z")

</div>

Hi guys

[https://ghost.org/faq/](https://ghost.org/faq/) is on 404 status, is that feature still a thing ?

---

<div class="post-metadata">

**Author:** ![hkalant](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/hkalant/32/12905_2.png) [@hkalant](https://forum.ghost.org/u/hkalant)\
**Post date:** [June 4, 2021, 4:04pm UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/8 "2021-06-04T16:04:32Z")

</div>

Personally I like the way John does it in his [Membership](https://rediverge.com/membership/) page on Rediverge.

He has a responsive two-column grid with questions and answers. It’s easy to replicate with `display:grid` and `grid-template-columns:1fr 1fr.`

Alternatively, you could do accordions using the `<details>` tag. (see [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details))

So in an HTML card you would have something like:

```auto
<details>
    <summary>FAQ 1</summary>
    FAQ 1 answer
</details>

<details>
    <summary>FAQ 2</summary>
    FAQ answer 2
</details>

```

which would output this:

> **FAQ 1**
>
> FAQ 1 answer

  

> **FAQ 2**
>
> FAQ answer 2

Then in code injection you could add CSS to style `<details>` and `<summary>`.

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [June 7, 2021, 11:00am UTC](https://forum.ghost.org/t/add-faq-section-on-ghost-blog/13961/9 "2021-06-07T11:00:03Z")

</div>

Maybe you’ll find what you’re looking for here?

> **[Ghost Docs](https://ghost.org/docs/faq/)**
>
> Everything you need to know about working with the Ghost professional publishing platform.
