Web Content Standards
Ensure everyone can easily read and navigate your website.
Accessibility is not only a best practice, but also a legal requirement. As a bonus, creating accessible content also improves search engine optimization (SEO), making your site more discoverable by search engines like Google.
Follow UND Standards
All websites representing UND must be in UND's official content management system in accordance to the Web Policy.
UND has specific writing standards for the web vs. print. Unless otherwise noted, UND follows Associated Press (AP) style.
Common Web Writing Mistakes
- Email addresses do not need "Email:" in front of the email address.
- Do not link names to email addresses. Write out the email address. Linked names go to their Directory profile.
- Addresses and phone numbers should always be complete. Do not assume the reader knows UND is located in Grand Forks or that our area code is 701.
- Links to an UND.edu site or email links should capitalize UND in the link.
- Abbreviate time as a.m. and p.m.
- Spell out abbreviations upon first reference.
- Official UND offices use an ampersand (&) in their names.
- Incorrect: College of Nursing and Professional Disciplines
- Correct: College of Nursing & Professional Disciplines
Most UND websites are hosted in Omni (Modern Campus) and blogs in WordPress. Both have standard templates that adhere to brand standards.
All websites and blogs must strictly follow the UND brand messaging, design, photos and video standards. A unified campus with a consistent brand strengthens the University.
Use Proper Headings
Headings do more than make your site easier to read. They tell search engines what is the most important content on your page and help those using screen readers jump to content.
- Start every page with an <h1> for the main title, then use <h2>, <h3>, etc., for subsections.
- All web pages in our templates automatically apply the <h1> to your page title which must be the only <h1> on your page.
- Do not skip heading levels. For example, don’t jump from an <h1> to an <h3>. You can’t have a <h3> on your page if you don’t have a <h2> above it.
- Make sure the
<h1>
and<h2>
are unique. Duplicate headings can confuse search engines and users by diluting content hierarchy and duplicating information. - Do not use paragraph format and then stylize it (e.g. bold, italics) to make it look like a heading.
- Do not use headings to stylize text. Use them to provide an outline and structure to your page.
- Do not using a heading as intro text. There is a special intro text format (larger green font) you can use to stylize text. Keep intro text to three lines or less on desktop or it will take up an entire screen on a mobile phone.
Correct Heading Structure
- <h1>Page Title</h1>
- <h2>Section Title</h2>
- <h3>Subsection Title</h3>
- <h2>Section Title</h2>
- Headings are prime real estate for keywords that your audience is searching for. Keep headings descriptive and meaningful, reflecting the content of the section.
- Avoid vague headings.
- Incorrect: Resources
- Correct: Financial Aid Resources for Students
- Write concise yet descriptive headings. Cut unnecessary words.
- Do not include a colon after a heading.
- Write headings in title case.
- Use the paragraph format for all page copy that isn't a heading.
- Left-justify all content with no indentation.
- Use one space between sentences.
Follow SEO Best Practices
Leverage these SEO strategies to boost your website's visibility on search engines.
The title and page heading are edited in the multi-edit screen. The title will not be seen on your webpage but is displayed as the title in search results. The page heading is the H1 on your page and is not seen in search results.
- Each page must have a unique title that reflects its content.
- Titles should be around 40-60 characters, although that is flexible. Just know that longer titles will be cut off in search results.
- Include relevant keywords in your title to improve SEO.
- Every page in the CMS automatically applies University of North Dakota to the title, so there is no need to include it twice.
- Include the department, unit, or subsection in the title, separated by a |. However,
omit it from the page heading and breadcrumb. Keep the breadcrumb brief yet descriptive.
For example:
- Title: On-Campus Housing Options | Housing & Residence Life
- Page Heading: Housing Options
- Breadcrumb: Options
Meta descriptions are short summaries that appear in search results after the title. A good meta description can make the difference between getting a click or being overlooked.
- Meta descriptions should be full proper sentences 110-160 characters long and include keywords you are targeting.
- Use an action verb to encourage clicks.
- Avoid using quotation marks.
- All meta descriptions should be unique.
- Think like your audience: Consider the words and phrases people are likely to search for when looking for your content. For example, if you're writing about UND's "Essential Studies," think of what terms students might use, like "General Education" or "required courses."
- Check Google Search Suggestions: Start typing a related topic into Google, and look at the auto-suggestions. These are popular searches and can provide insight into the terms people are using.
- Look at competitor websites: See how other universities or organizations describe similar services. This can help you identify common terms that resonate with a broader audience.
- Incorporate important keywords naturally into your page copy: This improves your page’s ranking for those search terms, in addition to using them in the page title, heading and meta description.
Search engines like Google view links to your website as a sign of relevance. Think of it like building a spider web. The more links you can build (a.k.a. the web), the more credible Google will view your website.
Write for the Web
Writing for the web requires a different style than traditional writing.
- Get straight to the point by providing the most important information first: Never use phrases like “Welcome to our site” or “On this page you will find…” These meaningless phrases waste the most valuable space on your page.
- Make content scannable: People don't read websites, they scan. Use bulleted lists and numbered lists vs. long paragraphs of text.
- Avoid all capital letters and bolding or italicizing random text: This can make your text harder to read.
- Keep content updated: Regularly review your content to ensure it is up-to-date. Only post information when its complete. Avoid saying "Under Construction" or "Coming Soon".
- Be concise and simple: Keep your sentences and paragraphs short to improve readability. Write at an 8th grade level if possible.
- Use an active voice: Be direct and encourage users to act. Include calls to action where applicable.
- Incorrect: All applications must be completed and submitted by Jan. 30.
- Correct: Submit your application by Jan. 30.
Follow Navigation Best Practices
- Follow the "rule of 7" by limiting navigation items to seven or less. This helps users reduce cognitive overload and make quicker decisions.
- Use title case for navigation links, not ALL CAPS.
- Prioritize navigation so the most sought-after information is at the top. If there isn't an order based on relevance, alphabetize the list.
- If possible, navigation links should only be one to three words. Ampersands (&) may be used if needed.
- Avoid general words like other, useful information, resources, additional information and miscellaneous.
- Avoid linking to external websites and other files (i.e. PDF, Word document) from navigation menus. Links to external sites can be jarring. In many cases the purpose of an external link needs explanation beyond the link text itself. It is best to include these links as page content.
Under the Navigation File
- All websites with unique contact information from their footer should use the _contact include to present contact information. This allows users to quickly find contact information from site to site in the same location.
-
A single featured item, button, or link in a sidebar as an asset on every page is acceptable. For example, you may want to put a button called "Schedule an Appointment" under your navigation that takes users to an external scheduling system.
Use Hyperlinks Correctly
When adding hyperlinks, the text should describe where the link will take the user.
- Avoid general link text: Generic phrases like "Click Here" and “Learn More” are meaningless to users and search
engines. Provide more context.
- Incorrect: Learn More
- Correct: Learn More about National Security
- Give each hyperlink a unique and descriptive name: Multiple links with the same name that lead to different destinations do not meet accessibility standards, confuse users and make navigation more difficult. The link text should make it immediately clear where the user will be directed. For example, if you are linking to a page named Admissions, the hyperlink should be Admissions.
- Do not use a URL as the hyperlink: Screen readers read out URLs by character. For example, a screen reader will read
“https://www.UND.edu” as “H-T-T-P-S-colon-slash-slash-W-W-W-dot-U-N-D-dot-edu.” Additionally,
a URL doesn’t provide any meaningful information for search engines and makes your
page look cluttered.
- Incorrect: Visit Admission at UND.edu/admission to request more information.
- Correct: Visit Admissions to request more information.
- Do not underline text that isn't a hyperlink: Underlines are the universal sign for a link on websites.
- Open internal links in a current window and outside links in a new window: Opening external links (links to other websites) in a new window helps users keep their current place on your website. All PDFs should open in a new window regardless of source.
Convert PDFs to Web Content
PDFs are made to be printed, not read online. Do not use PDFs to present digital content that could and should otherwise be a web page. Here's why:
- Easier to update: Web content can be edited quickly, while PDFs need to be re-uploaded after each update.
- Avoids version confusion: People often forget to delete old PDFs from the website. These files can still be found via search because they are live on the web.
- Improves accessibility: Web content is easier for screen readers to navigate.
- Better mobile experience: Web content is responsive, while PDFs are hard to view on mobile devices.
Read Nielson's PDF: Still Unfit for Human Consumption, 20 Years Later for an explanation of why PDFs should not be on websites.
Use Accessible PDFs
PDFs are the preferred binary file for websites. Not all users have access to software like Microsoft Word, PowerPoint, or Excel and versions of these systems vary leading to compatibility issues. However, PDFs present accessibility challenges and most PDFs on our website are not meeting standards. It’s easiest to make PDFs accessible in the original source file before converting it to a PDF.
PDF Remediation Resources
- Converting Documents to PDFs
- How to Make Word Documents Accessible
- Creating PDFs from Original Documents (TTaDA)
- W3C’s PDF Techniques for WCAG 2.0
- Section 508’s Accessibility Requirements for PDFs
- How to Create Accessible PDFs in InDesign
- Create and Verify PDF Accessibly in Acrobat Pro
Hide Draft Content
Test and draft content that is published but not linked on the website can still be found via search. Please store content under development in a _do-not-display folder.
- Navigate to the folder your page or site will eventually be live in.
- In content view, click the blue +New button.
- Select the _do-not-display Testing Folder.
- Click Create.
- Once your folder is setup, you can move pages into the folder or create new test pages in that folder.
- If you are a user in the standard level of service, pages in this folder will not go through the approver account and you will be able to publish and make edits to your page without waiting for approver publish. When you are ready for your page to go live, please contact Aimee Halstenson to ensure the transition goes smoothly.
- URLs in the _do-not-display folder will be sharable and reviewable by anyone on campus or logged into UND’s VPN. This will allow for group review/approval before sites go live.
- The _do-not-display folder can be created in any folder in Omni CMS.
- This folder is not intended to be a storage area for outdated content or pages that should be deleted. This content should be recycled and can be found in the recycle bin.