Your webpage's introduction
In this series we're going to talk about key UX design elements you should include and optimise on your website.
The first key in this series of 8 is all about your page's introduction.
Why Should You Care?
5 seconds.
That's how long you have when someone lands on your website.
5 seconds to convince someone to stay on your page.
If they don't like what they're seeing, they'll leave.
If they're confused about what they're seeing, they'll leave.
According to Semrush, around 50% of people 'bounce' from most websites (leave the site without exploring further).
We don't want them to leave your site, we want to keep them on your page.
More time on your page = a higher average conversion rate.
A higher average conversion rate = more leads per year for your business.
How to Improve Your Page's Introduction?
What can you do to keep people on your site and keep them scrolling?
A strong and intriguing introduction that conveys authority and relevance in relation to whatever topic they're searching for.
A strong introduction is made up of 2 key elements:
1. Your page title (h1 tag)
2. The page's main image.
By improving and optimising these elements, you'll grab the website visitors attention and sell them on the idea of exploring the page further.
A short sharp introduction to your page that clearly and concisely explains what this page is all about.
- Aim for around 5 - 10 words - this allows them to read it as quick as possible.
- Include relevant keywords - people are looking for these keywords (it helps with SEO too).
- Make it a large font and make it bold - catch their attention and make it the first thing they read.
- Be specific where relevant - if your service is specific then mention it! (i.e. don't just say 't-shirt printing services' instead say '24 hour t-shirt printing services').
This is all about grabbing the website visitors attention and confirming that they're in the correct place.
If in doubt, think of an Amazon listing. They aim to describe the product in detail with their titles, allowing the shopper to confirm if they've found what they're looking for.
A picture says 1000 words.
Human beings are visual creatures, we can learn a lot from a quick glance at an image.
- Pick an image that is described by your title - These 2 elements need to complement each other
- Position the image close to your title - make it clear they're related.
- Image should be around 50KB - 200KB - Don't crush your page load speed!
