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
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 ExamplesSee examples on this page that illustrate key options.
- Building in the WCMSSee key tips and guidelines for working with alert modules in the WCMS.
- TP4 UX Best Practices [PPT - 14 MB]For general guidance on colors, layouts, and overall presentation, see this overview of TP4 best practices.
Accordion Style FAQ Module
Header Main Primary
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 LinkHeader Gray
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 LinkLorem 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
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 LinkHeader White
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 LinkLorem 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