left col

Building Better Webpages

Content & Structure Guides

Learn to make the best pages with Version 5 templates, tools, and
general guidelines for writing web content.

right col

left col

What to know before you begin

In V5 we have tools within the edit mode which can help keep content accessible and searchable. Search engine optimization (SEO) is the buzz word which means people looking for content will find it using a search engine. Page content, titles, descriptions all do their part in making a good SEO score which means people find pages easier.

right col

left col

right col

left col

Content Requirements

Absolute requirements for content elements on your pages.

Content Requirements

Search Engine Data

Make it easier to find your content by helping search engines undestand what each page is all about.

Page Meta Data

CSUF Brand

Specific guidelines on how to and how NOT to refrence Campus name, divisions, colors, and images.

Brand Requirements

right col

left col

Building a layout

Location and space are the keys to good layout design.

right col

left col

Best Advice: Start small and expand

Start with the layout builder. Watch the video to see it in action and remember layouts are custom built by you, and can be changed at any time.

Start with the least amount of blocks you might need and adding extra space isn't a chore.

Any blank sections not part of a row with content will not publish, but will be there in edit mode. Reduce your clutter by creating a layout that meets your need. If that's only one section, then just use one section and add more when needed.

Presenation Matters

Learn about building a layout, page header types, and see some of the dynamic data options.

Layout Options and Tools

right col

left col

Writing for the web

When it comes to writing content, its all about editing - less is more.

right col

left col

Don't fall for the copy/paste trap!

Are you starting with an existing site and is your first instinct is to just replicate it?

Do not miss the chance to make it better:

Update the layout
Delete outdated content
Change font size for emphasis
Add bullets to reduce paragraphs

TLDR: Editing saves pages

Less is more and dynamic content could be even better. Learn about the latest tools, what they can do, and make sure its not TDLR.

Edit Content

right col

left col

right col

left col

right col

left col

Putting it all together with style

Style is key to getting attention, once the layout is ready and you know what to say then let the styles help the content shine. Just as with layouts, don't change the styles on every page or use too many at once. Be choosy with your style and create a theme based on a few select pieces.

right col

left col

Make a guide for the team

We crafted a theme for our web services site to help the team behind the content stay on track. It can make sure that each page, reguardless of layout, feels familiary and users will flow through the site with ease.

This page isn't something that needs to be linked from your public website but having a page you can share with other stakeholders will help make the process of building a site much easier.

Get Inspired

Check out the pages that have been created in the design gallery. Get inspiration on how to use the tools in the layout builder and the styles to make pages that are easy to manage, and easy to use.

The Design Gallery

right col

left col

right col

left col

right col