9 STEP QUALITY ASSURANCE CHECK SHEET


D05 | B02 | HOW TO MAKE A WEBSITE LIKE A PRO

Paul Davenport |  2 min read

Often going live comes with a last minute rush with a plethora of items and requests being thrown in from the team and client. It tends to be human nature to leave things until the last minute, or perhaps more fairly, to continually improve and strive to make your work be as best as it can be. Nevertheless, last minute stresses are a reality, even the most prepared team can be caught off guard; with a rush of pages added, form fields changed, navigation links swapped and changed, all of which can result in unaccounted mistakes.

More so, a website is a living breathing thing, where changes and modifications should be enjoyed ongoing in the live environment. As such, it is a good idea to have a process for QA and Testing that the entire team is aware of, and use to test throughout the life cycle of a website. Here we look at an easy to follow 9 step checklist with links to other Episodes in this Series for more detailed auditing.


1. PAGES

  • Ensure each page has been moved from Draft to Live.
  • Check your system pages to ensure they all have content.

LEARN MORE D5 B03
MOBLE CMS System Pages

The System Pages can easily be found via the Navigation area. It is recommended that you add content for each System Page.


2. SEO META INFORMATION

  • Complete Title Tags and Meta Information for every page.
  • Complete Alt text for all files.

LEARN MORE D5 B04
MOBLE CMS SEO Meta Information

SEO Meta Information via the Page Settings Area.


3. FILE SIZES

  • Check there are no oversized files. 
  • If any images are PNGs considered making them a JPG's.

LEARN MORE S5 B05
DirtyFeet Image Health Check

The Files area displaying Images sorted by File Size Largest.


4. REDIRECTS AND BROKEN LINKS CHECK

  • Run checks for Broken Links and correct all the errors.
  • Redirect any obsolete links by redirecting them to the new pages.

LEARN MORE D6 B06
MOBLE Redirects Tool

The Blog for DirtyFeet was not used. The optimised for a New Feed for short, sharp blasts to complement their social media. /blog was therefore redirected to /news.


5. CROSS BROWSER & DEVICE TESTING

  • In the Visual Page Editor you can preview you pages for each device. The device tools display the smallest viewport for that device.
  • In addition, you can use developer tools in Safari or Chrome to view your pages on specific devices, more on that in Episode 7
  • For larger websites considering using third party tools to automate the process.

LEARN MORE D5 B07
Safari Responsive Design Mode iPhone 8

Safari Responsive Design Mode for Safari iOS 11.0 on an iPhone 8


6. FORMS TEST

  • Test forms by sending them to yourself.
  • Fix any Errors.
  • Check the email notifications to the customers and the one that you receive as the website admin.

LEARN MORE D6 B08
MOBLE CMS Thank You Notification Emails

Find and Clone Thank You Notification Emails


7. PROOFREAD

If you're a content writer it's often difficult to proof your own copy, especially directly after you've written it.

Consider getting assistance from a professional, perhaps by a neutral person from outside your organisation. It's often good to find somebody that understands the terminology of your project so that they can best advise on particular nuances. 

Services like Fiverr.com can often be great places to go for quick turnarounds and a quality service.


8. USER TESTING

Once you've tested your website and it's ready to go live, it's a great idea to invite a select group of individuals to offer you feedback. These might be people from within your customer segments, though over friends and family can offer a fresh pair of eyes and blunt constructive criticism.

In terms of quality control, do respect all the feedback that you receive. Often you'll get new ideas and perspectives that you never anticipated that offer tremendous value.

Consider using the Workshop or Roadmap Tools to keep a log of the Feedback and score the Importance or Priority to dictate the role out of the modifications.

Use Integrations such as Hotjar or CrazyEgg to continue User Testing web your website goes live.


9. SEO TECHNICAL AUDIT

Consider having a Pro do it all for you.

MOBLE has an extra service to assistance business look for advanced website optimisation.

LEARN MORE D6 B09

70 Award
Winning AI Themes

Start your AI Website now
Start your AI Agency now

GETTING AROUND

GET A QUOTE

A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.