FAQ Module

Best Practices

Overview

Frequently Asked Questions (FAQs) are spread throughout CDC sites.  They provide focused information to the user based on topics of particular interest.

The FAQ Module was created to produce uniform content across CDC sites and searches.  New FAQ content can be shared easily with external partners and allows FAQ information to reflect in Google rich results.  The content provided to partners also retains formatting for consistency.  Individual FAQ items can be syndicated as well.

Example FAQs showing variations in styling and function are provided below.

Overview Sample

An FAQ item looks like this when accordion is selected as the card style.  Additional information can be linked to below using the FAQ settings window.

Guidance

  • Be brief with both questions and answers.  Link to more detail when necessary.
  • When using multiple FAQ modules across a site, maintain a consistent look and feel.
  • Use the FAQ module for supplemental content only, especially when using the accordion style.  Accordions do not work well for presenting core content.
  • Note that there is a delay between the publishing of pages containing FAQs and the rich results produced by Google searches.
Go to Examples
  • photo icon
    Go to ExamplesSee examples on this page that illustrate key options.

Examples

Accordion Style FAQ Module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Earth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Header Main Primary
Question Example - A

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Sample Link
Header Gray
Example Question - C1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Sample Link
Example Question - C2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Header Accent Primary
Example Question - B

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Sample Link
Header White
Example Question - D1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Sample Link
Example Question - D2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Sample Link
Page last reviewed: August 11, 2021
Content source: WCMS / Template Team