Did you know that just by making your website accessible you also are boosting your search engine optimization (SEO) efforts AND improving your organic search rankings? Pretty awesome, right?
DubBot scans and tests for six in-page elements that affect both accessibility (A11Y) and SEO. You access the list of those elements by clicking the SEO icon located on the left hand menu of the page.
Page Title
- SEO - Title tags are the second most important on-page factor for SEO, after content. Page Title signals to the search engines the subject of your webpage.
- A11Y - Page Title helps users with disabilities more quickly understand the subject of your webpage. Page Titles are the first page element announced by screen-reading software.
Length of Page Title - 30 - 60 characters
- SEO - "Google typically displays between 50 and 60 characters in the search results based upon it’s pixel cut off point of around 580 pixels in the desktop results." ~ Screamingfrog . A good rule of thumb is minimum length - 30 characters or 285 pixels, maximum length - 60 characters or 575 pixels.
- A11Y - Screen reader users would prefer not to listen to a verbose page title so they can decide if the page content is what they are looking for.
Page Description
- SEO - This description shows up (and is indexed) in the search results when a user searches on a term or phase that is contained in your page description.
- A11Y - Screen reader software reads the Page Description to the user so they can understand what the page is about.
Page Description is Between 120 - 160 Characters
- SEO - Although Google doesn't set character limits for Page Descriptions, it does limit the number of characters displayed to users on the search engine results page (SERP).
- A11Y - Screen reader users would prefer not to listen to a verbose Page Description to find out what your page content is all about.
Page has Headings
- SEO - Proper use of headings creates text of higher quality, which is better for your users, which improves your SEO.
- A11Y - Headings describe the organization and importance of content on a page. Web browsers and assistive technologies use headings to help provide in-page navigation.
"Like headings in print content, header tags are used to title or introduce the content below them. HTML header tags follow a hierarchy, from <h1> to <h6>:
- H1 tags are used to denote the most important text, such as the main theme or title of a content.
- H2 and H3 tags are commonly used as subheadings.
- Finally, H4, H5, and H6 tags may be used to provide further structure within those subsections."