How to Create an FAQ Page

by Ashley Poland

A page of frequently asked questions saves time for both you and your website visitors -- if it's well implemented. The page should be straightforward and answer the actual questions that visitors frequently ask; don't include an FAQ if you don't need one. Use the content management system of blogging sites to format an FAQ just as you would a blog post. For static Web pages, a simple HTML addition does the trick.

Basics of an FAQ Page

Look at the FAQ pages on some of your favorite websites and you'll notice a pattern. These pages tend to be modular and easy to skim. Keep this in mind when crafting your own. Questions ought to use formatting to make them pop off the page, while answers should use standard text formatting. Readers are likely to skim, so get to the point and move on. Arrange the questions on the page in order of most important to least, and group similar questions together. Only include the questions that visitors ask on a regular basis.

Formatting: FAQs on Blogs

In WordPress, go to the "Pages" section and select "Add New." The "Toolbar Toggle" button on the visual editor offers you the formatting drop-down menu. From this you can select from several "Header" options for your questions and "Paragraph" for the answers. The system is similar for Blogger, where you click the "More Options" arrow to the right of your blog on the dashboard and select "Pages." Click "New Page." Blogger's formatting drop-down offers three options: Heading, Subheading and Minor Heading. Regular text uses the Normal format from this menu.

Formatting: Static FAQ Pages

For those of you who run your website on static HTML pages, creating an FAQ page is a little more time-consuming. Headers use simple tags, ranging from H1 to H6, with H1 being the largest and H6 being the smallest. Use the header tag instead of a paragraph tag, which you should use for the answers. The basic format looks something like this: <h2>How Do I Do That Thing?</h2> <p>Like this, dear reader!</p>

Using Links and IDs for Navigation

One of the best extras you can add to an FAQ page is to create links from questions to the answers, especially if the page is long. This uses an HTML mechanism called an ID -- a unique identifier that you attribute to an element on the page. If you use a visual editor on a blogging platform, use the HTML editor for this part. Add the ID to a question like so: <h2 id="q1">How Do I Do That Thing?</h2> <p>Like this, dear reader!</p> To create a link that jumps to that section of the page, add #q1 to the URL of the page, e.g. "http://www.domain.com/faq#q1". The URL tells the browser what page to view; the "#q1" element added to the end tells the browser to find the element on the page that has the "q1" id attached to it. For this reason all IDs must be unique. You can use this on any link, even when directed from a different page on your website. For instance, you could include a link to "http://www.domain.com/faq#shipping" from a product page to take customers automatically to the shipping section of your FAQ page.

About the Author

Ashley Poland has been writing since 2009. She has worked with local online businesses, supplying print and web content, and pursues an active interest in the computer, technology and gaming industries. In addition to content writing, Poland is also a fiction writer. She studied creative writing at Kansas State University.

Photo Credits

  • photo_camera rilueda/iStock/Getty Images