Skip to main content

Siteimprove Tutorials

Siteimprove logo

About Siteimprove

Siteimprove is a web accessibility tool to create more accessible, inclusive web content. Siteimprove’s web accessibility tools enable you to easily follow and adhere to international Web Content Accessibility Guidelines (WCAG) across all conformance levels.


Siteimprove Tutorials 

Accessibility Page Report

The Siteimprove Page Report helps take the guesswork out of addressing issues on your site. We highlight any issues we detect using a snapshot of your live page, making it easy to identify where to make fixes. 

In addition, each issue type contains an explanation of the issue and how to fix it.

Note: You need to be logged into Siteimprove before accessing this in-app tutorial.

Navigating the Page Report - Accessibility

Broken Links

Broken links send visitors to a page that is lost, unpublished or no longer exists. These links can have a negative experience for your visitors, if left unchecked. Siteimprove can help you easily identify these types of links for your convenience.

Siteimprove: How Do I Find and Fix a Broken Link?

Heading Structure

When creating pages, pay attention to heading order. The headings on a webpage must be hierarchically organized in order for screen readers to view a list of all headings on the page. Users also skim or tab through headings on a page to search quickly for relevant information.

Pro Tips: 

  • Don't use Headings just for a certain look or design.
  • Don't make Blue Buttons into Headings.
  • Drupal Page Paragraphs are considered to be a Heading 3. Therefore, Heading 2 must be used before using any kind of Page Paragraph.
  • The title of the webpage is an Heading 1 (H1). As a result, always start with a Heading 2 (H2) on your page.

Siteimprove - The Importance of Headings

Image Alt Text Best Practices

Alternative text on images serves as cues for people with visual impairments. When loading an image to your webpage, you must add alternative text. Make sure alternative text explains the image clearly and concisely, describing the purpose of the image on the page.

Siteimprove's Image Alt Text Best Practices

Link Text Is Too Generic

By using "Click Here," "Learn More," "More Information," etc., as link text, you assume your site visitor has the visual context to know where they will be directed (i.e., a specific program page, campus event, etc.).

The link text should be a description of where the visitor will land when clicking on the link.

Siteimprove - Accessibility: Images, Heading and Links

Link Text Used for Multiple Different Destinations

Siteimprove can help address issues where the link text is used for multiple different destination URLs. Similar link text also can create confusion to where the user is heading. 

Resolution: Make sure to avoid similar link text on the same page. If there is a need to have a similar link text, here are several ways to make them different:

  • Specify your link and add descriptions. For example: Public Relations (B.S) or Public Relations Minor.
  • Don't hyperlink just one word. Instead, hyperlink the specific action you want your user to take. For example: Reserve Graduation Tickets vs.Tickets.
  • If posting multiple outside sources, avoid saying Learn More, especially multiple times. Instead hyperlink that specific source/link and place it strategically within your sentence. For example: To be considered for the Monday Morning Message, articles can be submitted online through the Above and Beyond nomination form.
Meta Titles Too Short, Too Long or Too Common

Have you thought about the title of your page? Be specific and concise—include a main keyword and important phrases so it catches the users eye when they scan search engine results.

Think about how many other departments may already have pages titled similar to yours (i.e. Our Programs, Resources, For Our Students, etc.) or if the title is too short (i.e. Programs, Visit, etc.)

Go to Siteimprove to see what pages you have that need updating. Review these SEO items in Siteimprove:

  • Meta titles are too long
  • Meta titles are too short
  • Duplicate meta titles

Tips

  • Page titles need to be between 8-32 characters on sdstate.edu
  • Don't include SDSU or South Dakota State University in your title. This is already added to Meta Titles for search engines.
  • Don't include the year in your title. If the page is specifically for fall 2021, put that on your page as a heading.
  • In Drupal, page titles are how URLs are created. If they are constantly being changed, it affects multiple SEO issues.
Misspellings

When publishing content, it is easy to misspell. Misspelled words can not only hurt your credibility, but also your quality assurance score.

Finding and fixing spelling mistakes is an essential part of maintaining a successful website.

Source: Siteimprove, Quality Assurance: Misspellings

SEO Tips to Improve Your Website Ranking

In this article, learn how to improve your website rankings by using meta titles and 301 links.

4 SEO Tips to Improve Your Website Ranking

Siteimprove Dashboard

Did you know you can customize your Siteimprove dashboard?

To do so, start by clicking on the “New Dashboard” link on the page. In the “Create new dashboard” pop-up window, enter a name of your choosing in the “Dashboard name” field, select the “Only me” option under the “Access” section and click on the “Create Dashboard” button. Your new dashboard will now display. You can either click on the “Start tutorial” button to learn how to add content to your new dashboard, or you can click the “Add widget” button to start building your new dashboard. In order to access your dashboard, or access the default dashboards, simply click the "Dashboard name" field (for most users it is defaulted to “DCI Score Dashboard”) and choose a dashboard from the list.

Tags: Bold vs. Strong and Italic vs. Emphasis

From using <strong> tags to correct heading levels, this article will explain the importance of tagging and styling your text.

Bold vs. Strong and Italic vs. Emphasis