2. Home
  3. /
  4. WEBDEV
  5. /
  6. Website Maintenance
  7. /
  8. Website QA – Post L...

Website QA – Post Launch

1. Procedure Title

Name of the Process: Website QA – Post Launch

2. Purpose

Brief Description: This guide serves as a baseline for reviewing and testing the website after it goes live. The purpose of Post Launch QA SOP is to ensure that every aspect of the website functions correctly and meets quality standards. This process helps identify and resolve any issues that were missed or any website functionality that did not work properly upon migration, ensuring a smooth user experience and flawless website functionality. Key areas of focus include functionality, design consistency, content accuracy, performance, security, and compatibility across different devices and browsers.

3. Scope

Involved Areas: Webdev, SEO

4. Responsibilities

Roles and Responsibilities:

  • Web Dev: Ensure that everything listed in this SOP is properly checked and followed to achieve a seamless website migration and prevent any issues that may occur on the website.
  • SEO: Ensure that all SEO concerns are carried over and working properly.

5. Definitions and Key Terms

Glossary:

Post Launch QA: Procedures and steps that need to be checked and reviewed before the website after launch.

QA: Quality assurance is a broad process for preventing quality failures. The QA team is involved in all stages of a product’s development: production, testing, and delivery.

WordPress: WordPress is an open-source content management system (CMS). It’s a popular tool for individuals without any coding experience who want to build websites and blogs. The software doesn’t cost anything. Anyone can install, use, and modify it for free.

CTA: Call To Action buttons.

Optimize: means to make the best possible use of something. If you optimize your home storage capacity, you clean and organize your closets and drawers to be able to fit the most in.

Website Content: Website content is any written, audio, or visual content element on a website. It can include blog posts, marketing copy, photos, logos, embedded videos, podcasts, and any other creative elements on a site. Website content can also combine mediums.May 2

Dummy Content: Lorem ipsum, placeholder or dummy text used in typesetting and graphic design for previewing layouts. It features scrambled Latin text, which emphasizes the design over content of the layout. It is the standard placeholder text of the printing and publishing industries.

Plugins: A WordPress plugin is a piece of software that “plugs into” your WordPress site. Plugins can add new functionality or extend existing functionality on your site, allowing you to create virtually any kind of website, from ecommerce stores to portfolios to directory sites.

Themes: In WordPress, a theme is a set of template files and style sheets used to define the appearance and presentation of a site’s content. This could be loosely called a site design. They can be added, modified, and managed from the Appearance > Themes menu.

Wireframe: Website Outline includes page name, page urls, old websites urls, redirect plan 

Redirects: What is a redirect? A redirect is a way to send both users and search engines to a different URL from the one they originally requested. The three most commonly used redirects are 301, 302, and Meta Refresh.

Forms: a WordPress plugin that lets you easily build website contact forms that allow customers to submit inquiries and questions.

Font Styles: A font style refers to the specific design and appearance of characters in a typeface. It encompasses various attributes, such as the shape, weight, spacing, and decorative elements of the letters.

White Space:  What Is White Space? Whitespace (also known as negative space) is the empty space around the content and elements on a web page. It’s used to balance the page’s design, organize the content and elements, and improve the visual experience for the user.

Favicon: A favicon is a small, 16×16 pixel icon used on web browsers to represent a website or a web page. Short for “favorite icon,”’ favicons are commonly displayed on tabs at the top of a web browser, but they’re also found on your browser’s bookmark bar, history and in search results, alongside the page url.

Website Responsiveness: A responsive web design automatically adjusts for different-sized screens and viewports. With a responsive website, someone can browse your website from any device and it will still look and function perfectly.

Builder: In WordPress, page builders are plugins that let you create, edit, and customize your website layout without writing any code. Page builder plugins add a new editor interface to your WordPress website to make customizing your page layout faster, easier, and more flexible.

6. Procedure Details

6.1. Preparation and Prerequisites

  1. Website QA workbook

  2. Blisk Browser (For Tablet and Mobile Responsive checking)

  3. For Browser Compatibility Testing

    1. Firefox

    2. Google Chrome

    3. Microsoft Edge

  4. Lastpass Password Generator – Use to generate website password for the webdev, tech staff and webadmin access

6.2 Timeline for Task Completion

Post Launch QA: 2 – 4 Hours but still depends on Number of pages, website design and functionality.

Frequency: This SOP should always be performed every time a new website is migrated.

Review Schedule: There is no specific frequency but everytime there is a new discovery and improvement and recommendations this SOP should follow and be updated.

6.3. Step-by-Step Procedure

  1. Double check all pages if there are still dev-sites URL’s

    1. Go to each pages

    2. Rick Click on empty space of the page then click view page source or just hit ctrl + u

    3. Ctrl + F and search for dev-sites

    4. If there is any form of matched double check and fix that instance

 

  1. Reactivate Plugin Licenses

    1. Go to plugins check each of these plugins

      1. SEOPress

      2. Gravity Forms

      3. Elementor

      4. Oxygen

      5. Oxygen Extras

      6. Joli Table of contents

      7. Wordfence

    2. Reactivate license if license is not activated

  2. GTM code is Added 

    1. Go to settings then advanced editor tools

    2. Check if the GTM Code is already present which looks like this

  3. CallRail should be working

    1. Go to each page of the website and check the CTA button or number link of front end should be different from the backend number.

      Example:

      Front End


      Backend

  4. HTTP to HTTPS to WWW (www url on some cases we did not apply www url, ask SEO Team for confirmation) redirection working, Website also has SSL

    1. Go to incognito window of your browser

    2. Type http://yourwebsite.com/

    3. Website should be redirecting to https://yourwebsite.com or if the website is in www version it should be redirecting to https://www.yourwebsite.com 

  5. Recheck robots.txt 

    1. Visit your website robots.txt

    2. Type https://www.yourwebsite.com/robots.txt

    3. Everything should be correct as follows with the domain you are using

      User-agent: *

Crawl-delay: 5

 

Disallow: /wp-admin/

Disallow: /?s=

Disallow: /search

Disallow: /wp-json

 

Allow: /wp-admin/admin-ajax.php

 

Sitemap: https://www.yourwebsite.com/sitemaps.xml

 

  1. Clear Cache / Regenerate

    1. Cloudflare

      1. Go to settings then cloudflare

      2. Purge Cache

    2. Oxygen

      1. Go to oxygen then settings

      2. Click into CSS Cache

      3. Select all then click on Go to regeneration page

      4. Start Generation

      5. Wait to complete

    3. Litespeed

      1. You can hover on this on top left

      2. Or go to Litespeed then Toolbox

      3. Toolbox then Purge All

 

  1. Double check all pages make sure all pages is good to go

    1. Visit all pages of the website make sure there is no any form of issue like layout issue, missing images, css issue, functionality issue

  2. Redirections

    1. Make sure all redirections carried over, working properly and redirecting to correct pages

  3. Double check all functionalities make sure all working properly

    1. Visit all pages

      1. Sliders

      2. Videos

      3. CTA buttons

      4. Learn more button

      5. Text links

      6. Website Forms

      7. Blogs Category Pages

      8. Media Alt TXT

  4. Form Submissions

    1. Test Forms

    2. Make sure emails is going through 

  5. Captcha on Forms

    1. Make sure all forms have captcha and properly working

  6. Users account should be on lastpass

    1. Check on lastpass if user access is already added

  7. Resubmit Website Sitemap to GSC

6.4. Tools and Resources

  • WordPress
  • WordPress Plugin
  • Last pass password generator
  • QA Workbook
  • Chrome Extensions
  • Blisk Browser
  • Firefox, Microsoft Edge, Google Chrome 

8. Quality Control and Evaluation Metrics

Performance Indicators:

Website Functionality: Ensure that the website functions as it is supposed to be.

  • Forms
  • CTA’s
  • Pages
  • Images
  • Layout

No Website Error / Issue: There is no any form of error or issue like missing images, missing content, dummy contents and dummy pages

9. Exception and Problem Handling

Form Issues: Make sure to setup the form settings correctly from email should be domain email like [email protected]

Website Browser Compatibility: Make sure additional CSS codes has a browser compatibility version you can generate browser compatibility CSS code at https://autoprefixer.github.io/

Missing Contents: If there are missing contents coordinate with the content team to provide the specific content

Missing Images / Animations / Graphics Related : If there are missing graphics for the website coordinate with the Graphics team to provide the missing items

10. Documentation and Record Keeping

Documentation Requirements: Client Folder (Wireframe, Images Content), QA Workbook

11. Procedure Review and Update

Review Frequency: Every new discovery and standards of Post Launch QA this SOP should be revisited.

 

Still stuck? Contact

How can we help?

On this page

  • 1. Procedure Title
  • 2. Purpose
  • 3. Scope
  • 4. Responsibilities
  • 5. Definitions and Key Terms
  • 6. Procedure Details
  • 6.1. Preparation and Prerequisites
  • 6.2 Timeline for Task Completion
  • 6.3. Step-by-Step Procedure
  • 6.4. Tools and Resources
  • 8. Quality Control and Evaluation Metrics
  • 9. Exception and Problem Handling
  • 10. Documentation and Record Keeping
  • 11. Procedure Review and Update