Best practices
- Fix broken links: W3C Link Checker
- Check website in all browsers: Browser Shots or BrowserStack
- Decide on WWW: URL rewrite with the WWW subdomain
Responsive Design
- Use ‘viewport’ meta tag
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="initial-scale = 1.0" name="viewport">
- Check Responsive Layout: Chrome’s Device Mode & Mobile Emulation, Quirktools Screenfly or W3C Mobile Checker
- Forms use correct input types: HTML5 forms
Eg <input id="email" type="email"/>
Traffic analysis
- Google Analytics
- WordPress Jetpack Webstats
Performance
- Page load speed: Google PageSpeed or Pingdom
- Optimise Images
- Reduce HTTP requests
Usability
- HTML5 check: modern.IE
- Useful 404 page
- Favicon present
- CSS print styles
Semantics
- Add Schema: Schema Creator
- Check semantics: W3C Semantic Data Extractor
SEO
- robots.txt: Tutorial and creator
- XML sitemap: Create sitemap online
- Google Analytics set up
- Check GA gachecker.com
Code
- W3C HTML validator
- W3C CSS validator
- Run CSS Lint online
- Run JSLint online
- W3C i18n checker
- Add humans.txt
- Favicon present
Accessibility
- Accessibility validation: IDI Web Accessibility Checker
- Color contrast: Check color contrast online
- WAI-ARIA Landmarks: Using WAI-ARIA Landmarks and Practical examples
WordPress
- Use ‘Custom Structure’ Permalinks
- Akismet activated or install Disable Comments plugin
- Google XML Sitemaps installed
- iTheme security installed
Social Media
General overview tests
References: