Select Page
Conversion Rate Optimization

Conversion Rate Optimization

Conversion Rate Optimization (CRO) is a fancy term for a dead simple task – getting more of your website visitors to take the appropriate action. Note we said that the visitor’s side of the equation is simple, and it is. All they have to do is sign up for an email list or buy a product or service – whatever it is that is the reason for your site’s existence.

For the rest of us website owners desperately seeking the Holy Grail that will ratchet our conversions up, the task is more complicated, especially if you’re new to the whole art/science/voodoo that is modern CRO.

CRO path

But you can rest easy. Even if you’re the wettest behind the ears newbie imaginable, we’re about to open up a world of possibilities by presenting the first four CRO tools you should consider as you begin (or continue) your battle to make a buck online. Easy to use but powerful, get ready to have your wildest dreams of profit come true. Just having a little fun there, but you never know…

Why You Should Care About CRO

In case you feeling compelled to dismiss the importance of a better conversion rate, consider the following:

  • Higher conversion rate = better ROI
  • You can make more money with the same amount of visitors
  • It’s the best way to circumvent online impatience from visitors

Achieving these three goals is all in the data and how you analyze it. Let’s get started.

Tool #1 – Hotjar

Powerful but with a short learning curve, Hotjar allows you to analyze a website up to 2,000 pageviews a day at no cost. For 10,000 pageviews a day, your price will be $39 a month and it goes up from there. What can you do with Hotjar? Quite a lot, actually.

Features include: polling, surveys, visual heatmaps, conversion funnel tracking, form analytics, visitor recordings, and more.

The cool stuff: If you haven’t heard about visual heatmaps, they’re all the rage in CRO conversations. Put simply, they allow you to identify hot and cold spots on your website – in other words, where visitors click and where they don’t. If your prize BUY NOW button is in the deep freeze, a heatmap lets you know a redesign is in order.

Example of a heatmap

Visitor recordings can also be helpful as you launch a CRO strategy. Did you ever wish you could stand behind a visitor’s shoulder and watch as they navigate your site? Being able to see exactly where they got bored, confused, frustrated, or simply leaped up to answer the call of nature would be immensely valuable. That’s what you can do with visitor recordings. Play back the click journey(s) and you’ll soon be able to tell where the process falls apart.

Tool #2 – Crazy Egg

Crazy Egg is definitely a major player in the CRO field. With a generous 30-day trial period and pricing that starts at $39 month, this service allows you a chance to practice before committing actual money.

The cool stuff: The big three offerings from Crazy Egg are heatmaps, visitor recordings, and A/B testing. We’ve already touched on heatmaps and visitor recordings, so let’s define A/B testing, which is a basic but critical part of CRO.

The overall process of CRO is to figure out what isn’t converting on your website and change it. The simplest way to do that is create nearly identical pages and split your traffic between them. Note we said NEARLY identical. By changing one thing at a time on a page, like say the color of the “buy” button, you can compare which version converts better.

By continuing to make one change at a time, you incrementally improve your conversion rate.

Tool #3 – EyeQuant

While heatmap tools are pretty standard fare with most CRO tools, EyeQuant has taken a different approach. Rather than relying on visitors’ actions to discern hot and cold spots on a web page, this company uses artificial intelligence (AI) to predict the areas that draw visual attention which, obviously, is a precursor (and perhaps more valuable measurement) to action.

The cool stuff: Where heatmaps collect and combine real world site interaction that plays out over time, EyeQuant’s Attention Map lets you upload a snapshot of a web page and delivers the verdict within a few minutes. This almost instant analysis comes to us courtesy of technical AI advances that make an educated guess as to where human eyes will go first.

One thing to keep in mind is that this service seems to work better with e-commerce websites. It tends to automatically decide that text heavy sites are too busy. While EyeQuant’s price might appear to be a state secret, we’ve managed to determine that entry-level packages start at around $100 per month.

As to whether your needs can justify the price – your call – but the case studies are pretty impressive.

Tool #4 – Google Analytics

The old war horse of CRO is something you’d have a hard time avoiding if you spend much time at all online but just because it’s been around a while doesn’t mean it’s past its prime. Not only has Google Analytics (GA) been revamped in recent years to make it even more valuable for CRO practitioners — it’s free. Included in GA are all the usual suspects of CRO like A/B testing, exit page, behavior flow, and more.

Page load speed is important

Final Thoughts

An often overlooked part of tuning your website for maximum conversions is how quickly it loads. Everything else being equal, a faster website means higher conversions. You’re doing yourself a serious disservice if you don’t pay attention to this. While we’re not trying to turn you into a programmer, there is a lot to accomplish through a few relatively simple strategies related to file compression.

Check out this Pingdom page to find out how quickly your website loads. Keep in mind that Google recommends two seconds or less and even uses this metric as part of its vaunted algorithm that determines where you place in search results. Improving site load speed is an ongoing parallel process to focus on at the same time as you learn to use the CRO tools we’ve discussed here. Good luck!

September Update – Virtual Reality and the Web

September Update – Virtual Reality and the Web

What is Virtual Reality?

The computer-generated simulation of a three-dimensional image or environment that can be interacted with in a seemingly real or physical way by a person using special electronic equipment, such as a helmet with a screen inside or gloves fitted with sensors. The definition of virtual reality comes, naturally, from the definitions for both ‘virtual’ and ‘reality’. The definition of ‘virtual’ is near and reality is what we experience as human beings. So the term ‘virtual reality’ basically means ‘near-reality’. This could, of course, mean anything but it usually refers to a specific type of reality emulation.

VR example showing a castle emerging from a smart phone

(more…)

Back to School – Information Architecture

Back to School – Information Architecture

What is Information Architecture?

Information architecture is the practice of deciding how to arrange the parts of something to be understandable. It is in the websites we use, the apps and software we download, the printed materials we encounter, and even the physical places we spend time in.

A good Information Architecture helps people to understand their surroundings and find what they’re looking for – in the real world as well as online. Practicing information architecture involves facilitating the people and organizations we work with to consider their structures and language thoughtfully.

Information Architecture is a key component of your website

Information architecture (IA) focuses on organizing, structuring, and labeling content in an effective and sustainable way. The goal of IA is to help users find information and complete tasks. To do this, we users need to understand how the pieces fit together to create the larger picture, how items relate to each other within the system.

As many students (and teachers) begin a new term this month, we thought it would be helpful to review some of these fundamental tenants. It is always a good idea to focus on the basics and make certain we have a solid foundation.

(more…)

Back to School – Semantic Markup Review

Back to School – Semantic Markup Review

What is Semantic Markup mean?

Semantics is the study of language meaning – the words used to communicate. Semantic markup should be used in web pages we create and modify.

In our technology world we use semantic language. Semantic HTML is the use of HTML markup to reinforce the meaning of the information in webpages and web applications rather than merely to define its presentation or look. Semantic HTML is processed by traditional web browsers as well as by many other user agents.

For HTML it is the tags we use to mark a document up. Markup is how a web document is created, or the way you write a document using the language available to you. For most web documents this is still HTML, so it is how you write the content you want to display using HTML.

Words and semantic markup matter

(more…)

All You Need to Know about Metatags

All You Need to Know about Metatags

This guest post was created by Helen Miller (Marketing Manager at Template Monster). Many thanks to Helen for making this available to our readers.

Not all the content of an HTML page is visible to end users. Metadata that reside in the webpage’s header is visible to search engine crawlers (and others who view the source code). Nevertheless, it’s still important for you as a part of the on-page SEO (Search Engine Optimization). In this article I give a brief characteristic of the most frequently used metatags and determine their role in on-page SEO in 2017.

All You Need to Know about Metatags

What is Metatag?

Metatag is an HTML tag that is situated in the webpage’s header and provides crawlers with the information about the information, presented on the page. Metadata is meant to specify post description, author, date of publication and other relevant information that’s useful for crawlers.

Notwithstanding the fact that all modern browsers, such as Google Chrome, Mozilla Firefox, Opera and IE, support metatags, not all the metatags are actually attended to by the search engines. The reason for this is that Internet space has evolved over time, and some metatags that were abused by spammers in the past, are now ignored by crawlers, and do not affect your page’s ranking.

What are Most Used Keywords and How to Optimize for Them?

In this article, we’ll speak about the three most important metatags, such as Title, Description and Keywords metatags. Let’s look into them one by one and determine their optimal length, examine their examples and go for tips on how to optimize for them to maximally boost your on-page SEO.

Make Your Statement: Title Tag

Title tag is not metadata per se, although it’s specified in the website’s header. Title tag is visible not only to crawlers, but to website users as well, which makes it double important. First of all, people searching for a certain keyword see what’s specified in your title tag on the SERP (Search Engine Results Page). For this reason, your title used in the title tag is also referred to as a SEO title. Secondly, SEO title appears in your browser window’s header on the tab that stands for opened page. Lastly, it gets displayed in social networks when your post gets shared.

SEO title is very important in decision-making process of potential website guests. It’s the boldest text displayed in your SERP entry. Moreover, crawlers do attend to it and will display your website’s page based on the keywords that your SEO title contains. The closer the keyword to the beginning of the title, the more likely it’s to be displayed.

How Does It Look from Inside?

Title tag is added to the head part of an HTML page and typically looks like shown in the following example:

HTML Source Code with focus on title tag

CMS engines tend to make your life simpler (which is not always desired) and form the SEO title automatically based on the provided page title. This is often not what you desire. To get the desired, optimized SEO title, you’ll have to resort to one of the useful (in many ways) SEO plugins, e.g. Yoast SEO plugin for WordPress.

With this plugin you get an opportunity to point a SEO title that’s optimized for certain keywords and boost your on page SEO by this.

Example of Yoast plugin snippet

How to Optimize Your Title Tag?

The main tips that concern your title tag optimization are the following:

  • Length: the optimal length of a title tag is 50 – 60 characters (including spaces). Do not exceed this limit as your title will be cut off by search engines. Do not be too concise: use your chance to use your limit of 50 – 60 characters to the fullest.
  • Placement of a keyword: your focus keyword should be shifted to the beginning of the title; then come the least important words.
  • Use unique title tag: your title tag should be unique for every page on your website. Do not duplicate your title tags for max SEO impact.
  • Mind relevance: watch out you title tag’s relevance. If Google or other search engine would deem your title tag irrelevant, they’ll replace it with an automatically generated one that would hardly be as good as your coined one.
  • Avoid keyword stuffing: if your repeat your keyword over and over or stuff your title with multiple keywords, search engines would penalize you for such a practice, so avoid it.
  • Make your article title different from SEO title: this is your extra chance to rank for different keywords with one post.

Let’s now review an example of how these tips can be used in practice:

In our case the focus keyword is ‘best burgers in London’. The SEO title of an article was optimized in the following way:

Title tag example presenting best burgers in London

This is a very well-optimized title as it starts with the focal keyword that is then followed by a very appealing headline that uses ‘buns’ instead of ‘burgers’ to avoid repetition. The SEO title fits into the maximum length of the title tag, so the title is not cut off on the SERP.

To learn more about how to optimize meta tags in WordPress themes, check out the following video-tutorial by TemplateMonster, one of the leading template providers on the market:

What Your Article Is About: Description Metatag

Description metatag is used to provide a brief description of your page’s/post’s content to crawlers, so that they know what your page/post is about. A well-written description is often displayed by search engines on the SERP, so users may read it and make a decision whether to open your website based on it. If a search engine finds your meta-description not good enough, it will replace it with text snippets from your article on the SERP.

Description metatag highlighted

Google has recently stated that it does not rank pages for keywords used in the meta-description. However, it’s still important for your on page SEO as it does tell the search engines what your content is about (and helps them make a decision whether to crawl the page further), and, if displayed, influences user’s decision making process on SERP, thus, influencing your click-through rates.

How Does It Look in HTML?

Description metatag has the following look in HTML:

Description metatag in HTML

How to Optimize Description Metatag?

Follow the tips below to get a concise and informative meta-description:

  • Length: limit your meta description to no more than 155 characters. Search engines can display only a limited number of words on the SERP. If your meta-description is longer than this, it will be cut off in the middle of what you have to say. I bet this is not a desired result.
  • Include a CTA: if you want your description to work better for you on the SERP, add a short CTA (Call To Action) to it. ‘Read more’ or ‘Find out more’ would suffice.
  • Use a unique description: go for a description that has not been already used, otherwise you may run into serious duplicate content issues and your content will be ignored by search engines.
  • Include keywords anyway: although Google doesn’t rank for keywords in meta-description, they are highlighted in bold on the SERP. This means that users will pay more attention to your SERP entry if you include a keyword to your article. See an example below:

Call to action highlighted in metatag

They Are Still There: Keywords Metatag

I may say that currently Keywords metatag is passé and is completely ignored by search engines (except for Bing that looks on them just with the purpose of penalizing spammy websites). How did this happen?

As keywords are the core of search on the net, Keywords metatag became an easy abuse target. In the past, website owners, eager to boost their SEO rank and traffic, ‘stuffed’ absolutely unrelated (but popular on the net) keywords for their article. For instance, they inserted ‘Rihanna’ as a keyword to a page about spare parts and fooled search engines by this.

At present, search engines got wiser, and completely abandoned Keywords metatag to avoid all sorts of ‘keyword stuffing’.

How Does This Metatag Look in HTML?

Keywords metatag has the following appearance in an HTML document:

View of HTML with keywords in metatag

How to Optimize for Keywords Metatag?

There is no need to care for this metatag any more. Some SEO experts say it’s totally OK to leave it out completely, others advice to still go for a couple of keywords, ‘just in case’. It’s up to you whether to provide keywords in this metatag or not, but don’t ponder over this question too long.

Conclusions

To boost your on page SEO, its important to pay careful attention to such page head elements as title tag and meta-description. Make sure you use your focal keyword in these elements and keep close to the max length limit for the elements, but do not exceed it. Regarding Keywords metatag, it’s kind of passé, so the need for its even minimal optimization is dubious.

If you want to learn more about SEO optiomization of a website, get hold of the following insightful free e-book:

 Free ebook

 

Are there any topic-related questions that I’ve missed? Let me know in the comment section below and I’ll be happy to get back with you.

Happy optimizing!

Thanks again to Helen Miller (Template Monster) for providing this post.