Publishing Guidelies

Accessibility, SEO, Styles, and more.

Links

Avoid using the same link text for different destination

Common causes for this error are generic words like "study" or "click here" which may be used in different instances with different links.

Incorrect

One study on urban health showed that fast food is a major problem, where as another study on food desserts emphasized the lack of health options.

correct

One study on urban health showed that fast food is a major problem, where as another study on food desserts emphasized the lack of health options.

Videos

Always add a title to YouTube and Wistia Embeds

When drafting, click your video and then click the wrench. There you will see a place to add a title.

Images

Keep images below 300KB

Large images hurt performance, and they also flash while they are loading which hurts accessibility.

Don't forget to add a title to EVERY image
Keep these below 300kb

Always Add Alt Text

Alt text helps screen readers understand what an image is. Never use a simple filename for Alt Text, use plain spoken language.

Click the wrench to open settings and add alt text

Gifs

Keep Gifs shorter than 5 seconds and smaller than 2MB.

These need Alt Text too

Gifs need alt text too

Avoid using multiple gifs on the same page.

Text (SEO and Formatting)

Make sure that you use headings in the right order. Avoid skipping a level.

correct

.<H2>

<H3>

<H4>

<H2>

incorrect

<H4>

<H2>

<H5>

Avoid adding extra space with ENTER key

We have spacing built into our fonts, and when spacing is applied inconsistently, it becomes difficult to alter formatting later.

Publishing

Please check what your page looks like on the live site to ensure formatting is correct.

Styles are applied after publishing, and only visible on the frontend.

If you can't publish, there might be some development changes stopping you. Ask website lead.

When changes are made to the website, Webflow freezes publishing so that publishers can't push through unfinished changes.

Remember that "Save Draft" will unpublish your page

Save Draft turns a published page into an unpublished draft.