The Secrets To Improving User Experience On Your Blog

Learn the secrets to improving ux to get more traffic from Google!

What makes readers stay on your page? Three things play a major role: usability, readability and visual content.

Once you unlock the formula, you will notice more social shares, more comments and more email subscribers!

But it gets better…

There’s an added benefit to having readers stay on your page longer: you can get your blog to the first page of Google’s search results.

A metric known as time on page is crucial for SEO, as it helps to determine whether your blog page is providing good value.

With Monster Insights installed on your WordPress blog, you can see the time on page for each article on your blog. As you would expect, this is the average length of time that a visitor spends on your blog.

Does This Matter For Google SEO?

It's so important to have a good avg time on page metric in analytics for Google SEO.

In Google’s eyes, the longer someone stays on your site the more value you are providing to the reader.

You have this information, but how does Google have it? They time how long it takes for the user to hit the back button to return to the search results.

When a user spends a long time on your site that means they are reading your article, liking what they’re reading, viewing any videos you have and they are then navigating to other pages on your blog. This is essentially like telling Google that your site offers real value.

Does This Matter For My Readers?

I don’t care how good your content is. If your readers aren’t sticking on your page long enough to read it, it just doesn’t matter.

When you are writing a blog post, you aren’t writing a research paper. You are writing for real people who have other things to do and countless other websites they can visit.

You need to make it insanely simple for them to read your content and browse your blog.

If you can get readers to stay on your page longer, the odds go up that they’ll end up signing up to your email list.

There are several proven tactics I use to improve the user experience of my blog. Let me share with you my proven formula to improve the user experience on my blog.

Make Your Text Easy To Read

The best text to use on your blog is black text on a white background.

If all starts with your text. Only use black text on a white background. For reading text, this is the only color contrast combination that works.

Just about every textbook or novel anybody has ever read has utilized this standard.

If you want to express your creativity, do it in the header or the footer, not in the article section!

Keep Your Paragraphs Short

Keeping your paragraphs short is important to help with the readability of your new wordpress blog.

If you want to increase the time someone spends on your blog, keep your paragraphs short.

Nobody likes seeing a big block of text. You will be psychologically overwhelming your viewers and they’re more likely to leave your blog.

Limit your paragraphs to 4 sentences maximum. I usually separate my paragraphs into one or two sentences. I’m sure it’s not grammatically correct but I’m writing blog posts not research papers.

Use Visual Content In Your Blog Posts

Add visual content to your blog posts to keep readers on your page longer.

Want to keep someone on your page longer? Add visual content to your blog posts to keep their eyeballs on the page. I’ve scrolled through some horrible pages that were gibberish and stayed quite a bit just because I enjoyed looking at the visual content they had to offer.

Visual content keeps the eyes on the page. After all, plain text is boring. You should be using images as well as videos in your blog post content. Who doesn’t love a good picture book to help illustrate your points?

As you can see, in this blog post I’ve added images to each of my headings. Get stock images from sites like Pexels, Unsplash or Deposit Photos to use on your blog posts. Just type a keyword and get a bunch of high quality relevant images for your articles.

Videos work even better than pictures do. Where do you get videos from? I just get them from Youtube. I copy the URL of the video to my clipboard first. Then on the post page, I click on Add Media > Insert From URL and paste the link. It’s as simple as that to embed Youtube videos right in your blog posts.

Don’t stop at just images and videos though, some bloggers also like to add infographics to their posts  as well. There’s a bunch of infographics out there you can use freely, as long as you link back to the source. Personally I don’t use them but to each their own.

 Choose The Right Font

Choosing the best font for your article text is key to improving the user interface of your new blog.

When it comes to fonts, there’s many options to choose from. If you’ve downloaded a premium WordPress theme, odds are they let you change the font of your body text and headings,

Here’s another example where simple is better.

To make your content easier to read, and to keep the visitor on your blog longer, use Georgia, Arial or Lato.

Another benefit of these fonts is that they are pretty universal. Regardless of whether they’re viewed on a mobile/desktop device, Mac/Windows or Chrome/Safari, your text will be seen as intended.

Use A Larger Font

Larger easier to read fonts improves readability.

For a long time, text on webpages was small. Font sizes were about 12px. It’s about the font size found in most newspapers and books.

That was then and this is now. For some reason, font sizes have been increasing and I couldn’t be happier. You have no idea the amount of times I would scale up a page to 125% just to comfortably read the content.

When you choose a large font size, you are ensuring your content can be read by everyone. Not everyone has 20/20 vision or wants to strain their eyes to read small text.

The recommended font size for the text on a blog post is between 14 px and 18 px.

Personally, I like to go big and don’t hesitate to take it up to 20 px.

Set A Large Line Height

Choosing the correct line height of your content can improve the overall ux design of your blog.

Spacing is important for an easy smooth read. The last thing you want are all your lines squished together.

Here’s how to change your line height. Within WordPress, go to Appearance > Customize. Then go to Additional CSS.

If your theme doesn’t have this you’ll have to edit the style.css file.

Here’s what to add to change your line height.

.entry-content p  { line-height: 150%; }

Set The Width Of Your Column To 700-900  Pixels

What is the correct column width of articles to improve the readability and usability of your blog.

Narrow pages are difficult to read. The same applies to wide webpages. With a wide article, it’s easy to lose your place when you’re reading a seemingly never ending line.

In order to keep the reader from becoming overwhelmed with too much text on a line, set the width of your blog posts to between 700-900px.

List Posts Work

Writing list style posts improve the readability of your blog.

Ever wonder why you see list style posts everywhere? It’s because they work. Analytics data has shown that list style posts generate more page views, more social shares and also more time on page. These three metrics are about as important as it gets as far as SEO is concerned.

Even if you don’t like to admit it, you love to click on list posts. There’s no shame in that. I do it all the time too.

The reason why we all love list posts so much is because they are so easy to scan.

When you are doing a Google search you just want the answer to your question as quickly as possible. List posts deliver the goods quickly by outlining the key points and a larger bolded font.

If you’re interested in the science behind this, look at this video about the paradox of choice:

Organize Your Content With Headers

Add header tags in wordpress to your blog.

Whenever I go to an article, I don’t read the whole thing, word for word. I scan through the headings and only read the section that directly answers my question best.

It’s so much easier to consume blog posts when they are divided into readable sections rather than an endless block of text.

Don’t just use bold to separate your key points. No, use headers. They are also valuable as an on-site SEO tool. Headers (h1, h2, h3, h4) let Google know what the main key points in your article are.

With WordPress it’s very easy to highlight a sentence and changing it to a heading. I always use h2 for my article sections. I reserve h1 for the blog post title.

Don’t Forget To Use Bullet Points

Bullet points improve the readers experience on your blog.

In addition to separating your content into sections with headings, you should also list key points in bullet points to increase the time on page stats. They will improve the readers’ experience and thus increase your session duration stats. Let me tell you why it’s so important to use bullet points in your blog posts.

  • Outline key points. When you’re trying to break down a concept, bullet points make it easier to explain.
  • They’re sub-headers. Think of bullet points as sub-headers within the main headers of your article.
  • They’re amazing. Bullet points within list posts are like sprinkles atop an ice cream sundae. It’s like stacks on stacks.
  • I got you. See, you read this section of the article in part because of the bullet points. Ha!

Follow these usability principles and you’ll see an improved user experience that results in more social shares, more comments on your blog posts and more email subscribers.

If this article has helped you in any way, hit the Pin button below to see the cool pin I created for this post!

Improve the user experience UX/UI design (readability & usability) to get more social shares, more comments on your blog posts and more email subscribers! #ux #ui #design #blogtips #blogdesign #webdesign #edwindollars
Improve the user experience UX/UI design (readability & usability) to get more social shares, more comments on your blog posts and more email subscribers! #ux #ui #design #blogtips #blogdesign #webdesign #edwindollars

 

Leave a Reply

You have to agree to the comment policy.