The design has been coded, the copy is written, and images are uploaded. And now you’re ready to make it live, but wait a just a second… We all know launching a brand new website is a very exciting moment, but there a few things to check off the list before opening that bottle of champagne and finally making it live.

1. OG Tags

When you’re sharing your website on social media Open Graph protocol enables you to add/customize the text and image that appear on the card that social media platforms like Facebook, LinkedIn, and Twitter generate.

Here are the essentials to add to the head of your HTML (simply update the information in content):

<meta property="og:title" content="Website Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.website.com" />
<meta property="og:image" content="http://www.website.com/image.jpg" />

Twitter is a little different in that you can customize your thumbnail size/type:

<meta name="twitter:card" content="summary" />
<!--OR-->
<meta name="twitter:card" content="summary_large_image" />

And here’s a couple handy tools to test your own site:

2. Analytics

Understanding who your users are and how they’re interacting with your site is extremely valuable information. So be sure to gather as much as possible. Here’s a few tools that can help:

3. Test, Test, and Test Some More

4. Accessibility

Make sure to include alt tags on your images. Not only does this make your images accessible to those with screen readers, but it will also help improve your SEO. Double win!

<img src="image/image_name.jpg" alt="Description of image">

5. SEO

We all want our websites to show up at the top of Google’s search list, but that’s no easy task. Google’s search engine algorithm takes a lot of criteria under consideration when ranking your site. Here’s an easy one to tackle:

Add a unique title and description tags in the head of the HTML on every page that contain a keyword:

<title>Short Description of Page | Company Name</title>    
<meta name="description" content="A sentence or two description about this page." />

6. Page Speed

If your site is taking longer than 3 seconds to load, then it’s too slow. You risk people leaving your site. So run a page speed test to see where your site stands. Here’s a couple things you can do to speed up your site:

7. 404 Page

Every interaction with your users is important, so don’t risk them visiting a boring, unstyled page when they accidentally mistype your url and arrive on a page in your site that doesn’t exist:

404 pages can be a great opportunity to get creative and show the world your humor. There’s a great tumblr all about this.

8. Favicon

It’s easy to forget about that little icon that shows up in your tab bar. But don’t, because then you risk it getting lost in the sea of someone else’s other 15 open tabs. All you have to do is export a png at 32px by 32px. And paste this snippet in the head of your HTML:

<link rel="icon" type="image/png" href="images/favicon.png" />

9. Proofread

Seems like a no brainer. Once you’ve read through all the content, get another set of eyes on it just to be sure.

Checked all those off? Launch away, but remember this is just the beginning…

Now that you have a site out there for all to see, you should start making a list of ways to improve it. Whether that’s adding fresh content or new pages, improving your SEO, or redesigning certain areas to increase overall conversion rates — the website should continuously grow and evolve over time.

 

Monique Marchwiany

UX & UI Designer

Monique's interest in design started at a young age, but it wasn't until going to school at the University of Illinois that she discovered her love of UX & UI design. With degrees in both Graphic Design and Psychology, she has developed a strong understanding of how design can enrich a user's overall experience. She also enjoys running outdoors, reading, and baking/eating plenty of baked goods.

Ready to Build Something Great?

Partner with us to develop technology to grow your business.