Website Validation Reference

Verify the Website Implementation

Website Validation Reference

by John Vincent


Posted on June 17, 2018



This is discussion regarding website validation. There is so much that needs to be checked and verified.

Monthly Review Topics

Review the following to ensure continuing compliance.

Webmaster Tools

Login to Webmaster Tools

and review crawl statistics

Review Google Analytics

Google Analytics

Website Review Topics

Review the following topics to ensure your production code adheres to best practice.

Check the Spelling and Grammar

To spell check documents in general, see Check the Spelling and Grammar for details.

Check the Spelling and Grammar of Markdown Documents

To spell check Markdown documents, see Spell Checking Markdown Documents for details.

Check for Vulnerabilities

For details, see Using Snyk which discusses tracking and removing known vulnerabilities.

Favicons

This topic tends to intermingle with Web App Manifest problems. The next section discusses the Web App Manifest.

For details, see Using Favicons

Web App Manifest

For details, see About Web App Manifests

Meta tags for search engines

Check the meta tags for all URLs

meta-title
meta-description
meta-keywords

Ensure they:

  • describe the page
  • refer to words on the page
  • description should be a sentence that on its own would make sense to the reader
  • are unique for the page

These tags will not add value with regards to search engines but poorly chosen values could negatively impact search engine page value.

Meta Tags for Google, Facebook and Twitter

For details, see Configuring Meta Tags

Check Browser Caching

For details, see Browser Caching

Ensure browser is caching certain resources.

Varvy Tools

Varvy Tools

Useful suite of tools.

Varvy SEO Tool

Varvy SEO Tool

Enter each URL and test.

Clean up any issues found.

Varvy Speed Tool

Varvy Speed Tool

Enter each URL and test.

Clean up any issues found.

Varvy Mobile Tool

Varvy Mobile Tool

Enter each URL and test.

Clean up any issues found.

Lighthouse

Lighthouse is a Chrome plugin. Download and install Lighthouse from the Chrome Web Store.

To run Lighthouse

  • Open Chrome
  • Enter URL
  • Plugin Icon (top right)
    • Generate Report

Clean up any issues found.

If you get the message

There were issues affecting this run of Lighthouse:
Chrome extensions negatively affected this page's load performance. Try auditing the page in incognito mode or from a Chrome profile without extensions.

then switch to Incognito Mode and run Lighthouse from there.

  • Open Chrome
  • Settings (top right, 3 circles)
  • Settings
  • Extensions (left menu, bottom)
  • Lighthouse (card)
    • Details
    • Allow in incognito
      • Enable

To run Lighthouse

  • Open Chrome Incognito
  • Enter url to test

and the report will be generated.

When the testing is complete, it is probably best to disable the extension in Incognito mode.

Google Page Speed Insights

Google PageSpeed Insights

Enter each URL and test.

Clean up any issues found.

Nibbler Tools

Free version of Nibbler is limited to 5 URLs but is still very powerful.

Enter home URL and test.

Clean up any issues found.

HTML Validator

W3C Markup Validation

Enter each URL and test.

Clean up any issues found.

CSS Validator

CSS Validator by W3C

Enter each URL and test.

Clean up any issues found.

RSS Feed Validator

RSS Feed Validator

Usability Checklist

Usability Checklist

Review all pages with this checklist.

Web Accessibility

ChromeVox Screen Reader

  • Add Chromevox to Chrome.
  • Check every page
    • Tab through, ensure order is good.
    • Ensure vocal info is useful.

Web Accessibility Evaluation Tool

Enter each URL and test.

Clean up any issues found.

If the app hangs, try installing the browser extension into Chrome or Firefox. Adds an icon (top right).

Enter each URL and test by pressing the icon.

Check Google Fonts

For details, see Google Fonts and Google Web Font Loader

Check HTML for ARIA

For details, see HTML ARIA

Check HTML for Microdata

For details, see HTML Microdata

Verify each URL with Google Structured Data Testing Tool

Review HTML5 Semantics

Useful HTML5 Semantics Guide

Review your HTML5 Semantics

Verify each page with Test HTML5 Semantics

Check your Libraries

Ensure you are using a cloud version.

Look up your libraries

  • https://cdnjs.com/

Review Application

  • set focus (.focus())
  • prevent double submits
  • ensure image has alt tag
  • review icons and images - can they be sprited?
  • Using SVG?