# 3. Page Creation & Site Structure Guidelines

<span style="font-weight: 300;">We’re going to define when it’s okay to make a new page and when content should be added to already existing pages. We will also provide some guidelines to follow around keeping the site structured appropriately.</span>

### <span style="color: #cc092f;">**Planning to add a new page?**</span>

<span style="font-weight: 300;">Before creating a page, answer these questions, thinking about your content and the section in which you would be adding this content:</span>

**Is it marketing content?**

<span style="font-weight: 300;">If yes, it should be incorporated as a new section on an already existing page. If the section begins to get too long when all information is added to it, then a new page can be added instead.</span>

**Is it task-focused content?**

<span style="font-weight: 300;">If yes, a new page can be created to house this information. Consider adding a section to the parent page that links to this new page.</span>

**Is it featuring a specific news story or event?**

<span style="font-weight: 300;">If yes, feature this content on an already existing page using news/events display types.</span>

**Do you know who will be maintaining this content?**

<span style="font-weight: 300;">If no, a new page should not be created if no one will be maintaining &amp; updating this content.</span>

**Is there a landing page that can “house” this content?**

<span style="font-weight: 300;">If yes, think about whether this landing page could fit another pattern to feature this content. If no, consider if this new page should serve as a landing page for related content in the future.</span>

### <span style="color: #cc092f;">**Dos and don’ts of accordions**</span>

<span style="font-weight: 300;">Sometimes, you may have a lot of information to add to a page. Rather than making the page extra long, you decide to put all of this content into an accordion. </span>**This is not always the best practice**<span style="font-weight: 300;"> when it comes to the user’s experience of reading this page. Before adding an accordion to a page, answer these questions:</span>

**Is there any content that is imperative for your audience to know?**

<span style="font-weight: 300;">If yes, it is important to not hide any important content into an accordion. This can easily be missed or skimmed over by a user who doesn’t know what they should be looking for.</span>

**Is the content explaining a service, opportunity, or resource for students?**

<span style="font-weight: 300;">If yes, it should probably get its own page, especially if it has enough content to fill up more than 2 accordion tabs.</span>

**Is the content linking off to resources from other organizations?**

<span style="font-weight: 300;">If yes, this content could comfortably fit into an accordion.</span>

**If you’re not sure**<span style="font-weight: 300;"> whether or not your content should live in an accordion, try writing out all your content outside of the accordion first. If the page gets to be too long, then consider using an accordion. Remember, if there’s any content that is imperative for your audience to know, leave that out and above the accordion to ensure that users see it.</span>

### <span style="color: #cc092f;">**Site structure guidelines**</span>

<span style="font-weight: 300;">When thinking about adding a new page, consider these guidelines:</span>

- **Keep interior navigation lean.**<span style="font-weight: 300;"> When a page lives in a web of sibling pages &amp; child pages, the navigation experience can get confusing for users.</span>
- **Group related pages together.**<span style="font-weight: 300;"> Use parent pages to structurally group multiple pages with related content.</span>
- **Combine identical information**<span style="font-weight: 300;"> from different pages together onto one page. This will make it easier to update content in only one place when things change.</span>
- **Avoid creating one-off pages** <span style="font-weight: 300;">that will only be relevant once. These pages are often forgotten and left outdated on the site.</span>
- **No dedicated FAQ pages.**<span style="font-weight: 300;"> Instead, incorporate answers to common questions as content on relevant pages.</span>
- **No dedicated news &amp; events pages.**<span style="font-weight: 300;"> Instead, use news or events content types to feature this content on already existing pages.</span>

**No dedicated “About Us” pages**<span style="font-weight: 300;">. Instead, incorporate this content throughout already existing pages.</span>