Hackernoon logo12-Step Checklist for Releasing a Website by@sonnyalvesdias

12-Step Checklist for Releasing a Website

Sonny Alves Dias Hacker Noon profile picture

@sonnyalvesdiasSonny Alves Dias

CTO at Pixelmatic, curious game developer.

Releasing a website is a stressful and important moment. And you want to make sure everything is ready.

Below, find my definitive checklist to cross before releasing a website!

1. Opquast πŸ₯–

It is a French organization, and they defined a list of best practices for web development. They are not well-known on the English internet, I think. But I strongly recommend you take a look at their Best Practices. Most of them are common sense. And they are pretty exhaustive covering everything aspect.

2. Lighthouse β›―

If you don't know yet, it is an audit tool. Open your website with Chrome. Press F12, click on Lighthouse, and Generate Report. It is free and fully automated. You will get a very detailed review of your website with a lot of suggestions for improvements and fixes.

3. GiftOfSpeed ⚑

Lighthouse should have picked it up already, but double-checking that you have activated GZip or Brotli text compression on your web server will not hurt.

4. achecker.caπŸ‘¨β€πŸ¦―

This website is for analyzing the accessibility of your website. Don't forget about your color-blind and visually impaired visitors. It will also help bots to index your website and rank up your SEO.

5. W3C Validators βœ…

If you use one of the common JS front-end frameworks you may not pass the validation because they tend to add a lot of non-standard code in your HTML. But do not worry, it is not a problem. You want to focus on the real errors picked up by the validators.

6. GTMetrix 🌐

Once your HTML code passed the previous steps, I suggest you test your website's performance from different locations. And you can do that for free with GTMetrix.

7. SSL Comodo πŸ”

Check your SSL and HTTPS setup using that website, follow their advice, or Google to improve your rank. There are other similar SSL checkers, but this is the one I prefer.

8. Alexa πŸ”

If your audience is potentially huge, I would suggest giving a try to Alexa. They have several auditing tools you can try for a month that will help to get things straight. Note that Alexa is also doing the most famous website traffic ranking, so getting their advice will never hurt you.

9. SEO Tester Online ✨

Another paid service though IIRC you can use to audit your website once a day. They are pretty complete and give very detailed feedback. Try it!

10. Social Networks Previews πŸ‘₯

When people share links from your website on social networks, links are usually resolved and information from your website metatags grabbed to get a nice preview card of your website. So double-check for the social network that your audience will use that your links look good on them.

11. Microdata πŸ“

It is a W3C standard that defines how to add more semantic data to your page contents and helps search engines better index your pages depending on their nature.

For example, if you have a cooking website, there are microdata attributes to add to your HTML code on your recipes: https://schema.org/Recipe. There are microdata attributes for almost anything. Selling physical goods, news, ... So check schema.org and implement anything that matches your website content.

12. Google AMP πŸ“±

It requires some work to put in place, but it will improve your SEO on mobile browsers. And on Google in general.

OK, you've done all that? Now you are the king of the Internet! Vive le roi πŸ‘‘!

Photo by Glenn Carstens-Peters on Unsplash

Previously published at https://sonny.alvesdi.as/the-definitive-checklist-before-releasing-a-website


Join Hacker Noon

Create your free account to unlock your custom reading experience.