Landing Page Optimization Best Practices With Successful Examples

Are You Using Blacklisted Backlinks? Check Now

The Landing page is the most crucial page on your website. You have a few seconds to convince visitors that your product or service is right for them which is why landing page optimization is so important.

In this post, you will learn my landing page optimization best practices & secrets along with real life landing page examples.

What You Will Learn

  • How to use landing page optimization to increase profits
  • How to analyse your landing page
  • The crucial things every landing page needs
  • Real world landing page examples
  • My personal landing page best practices

Introducing Evgeniy Garkaviy

I have been working in SEO and PPC (Pay Per Click) marketing for over 4 years.

I have helped many small businesses in the UK and Germany reduce the cost of customer acquisition and helping them get the maximum out of their marketing investment.

I am a Google AdWords certified partner and contribute regularly to www.temi.co.uk which I co-own. I have vast experience with PPC and landing page optimization and offer a range of PPC services to my clients.

Landing Page Optimization Made Easy

It is very easy to create a landing page but it is also just as easy to screw it up.

A lot of landing page designers wrongly assume they know what a user will be looking for on your landing page. But that really depends on what action you want the user to take.

A poorly designed landing page can end up costing you a lot of money – I will show you exactly what you need to do and what you should avoid with my landing page best practices.

Using Cheesy Stock Photos

The majority of landing pages all suffer from the same problem of using very similar stock photos.

Men and women in suits shaking hands: if the page offers some business services.

landing page design example 1

Workers smiling: in some research companies, developers.

Landing page design example 2

Girl with the headset: online stores where a happy manager will help you…

landing pages examples

You get the picture.

Using boring images like this is killing your conversions.

You may think that successful people on landing pages gives you creditability and trust, but most people do not trust them and that includes me.

Use Google search and you will see many similar landing pages using the same images.

A page containing a funny or engaging picture is much more likely to catch a users attention like this one-

Landing page design example 3

It is much better than boring men in suits shaking hands. What do you expect to see on a page that offers car insurance?

I guess it might be a car, but you must think deeper and find something unique that will be interesting for your potential customers.

Poor Headline

Having a good headline helps to gain peoples attention spending more time on the page and browsing around.

The headline is one of the most important factors on a page to help you communicate with visitors directly. The best headline has a clear proposition and call to action.

A good exercise to go through is to imagine your page without text – just the headline, call to action and form.

Would you take action based on just the headline? If you would your headline is perfect!

Have a look at the page below-

Landing page design example 4

Where is the headline? “Get Started Now” is the call to action. The video is there, but that is all.

From this, I can’t even understand what this page is offering. The headline is critical, even simple text like “SEO agency in Birmingham” would help.

Using video on a landing page can be hit or miss. If you have a lot of mobile traffic its likely they won’t be able to load or watch the video which will hurt conversion.

Take a look at this landing page design that makes great use of the headline element-

Landing page design example 5

Landing Page Is Not Relevant To The Advert

It is important that your landing page is highly relevant to your advert. You need to make sure you place relevant text that helps inform users properly.

Sometimes you need to use a long form landing page with lots of text and sometimes it needs to be short and punchy depending on your business.

Don’t forget that Adwords has a “quality score” that is “an estimate of how relevant your ads, keywords, and landing pages are to a person seeing your ad”.

Therefore, if you have a relevant landing page to your ad, you will have a higher quality score (from 1 to 10). At the same time, the higher quality score means lower cost per click for your adverts.

Who doesn’t want more traffic for less money?

You should make your sure landing page-

  • Shows the benefits of your offer.
  • Tells the user what they should expect after taking action.
  • Is specific.

For example,I saw this ad-

landing page optimization for adverts

The ad says “Full Time Professional Shaman When You’ve Tried Everything” but when you visit the landing page it isn’t really relevant to the advert. There is no header or call to action.

no call to action

This would be much better if there was a clear headline directly relevant to the advert with a clear call to action.

Information Overload

Your landing page should only focus on a single offer. If you have more than one offer on your site, then you must create a separate landing page for each offer.

Some people think that such information as testimonials, mobile version, and great brand descriptions must be on a landing page to build trust.

The truth is that this usually only confuses visitors and stops them from taking the action you want them to take.

You should remove all distracting elements from the page that does not contribute to the main call-to-action.

remove distracting elements

What are the biggest landing page optimization problems with this page?

  • It has 3 offers – Why do I need SEO, On/off page package & 100% allowed methods.
  • The call to action isn’t clear
  • All 3 offers take you to the same page
  • Anyone searching SEO and clicking an advert, already knows they need SEO

landing page problems

Instead of giving users 3 different choices that all lead down the same path, they should just offer 1 choice. Making people choose is highly damaging to conversion.

Let’s take a look at a good example-

good landing pages example

This landing page design has-

  • A nice photo
  • Short registration form at the top
  • Clear headline
  • Good content

This makes it very easy for the user to take action and sign up.

Poor Call To Action

This is one of the most important parts of any landing page.

After clicking your ad, people must immediately understand what you are offering. They will not spend much time browsing your page if there is no clear call to action.

This is especially true if you are selling something: people do not buy if they do not understand what they are paying for.

Your call to action must be well designed and stand out from the rest of the page. Don’t forget to mention what visitors should expect after clicking the button.

A good “thank you” page is very important, too. Your goal is to keep the user engaged after they have taken action. Add social buttons to your “thank you” page for extra bang for buck.

Let’s take a look at a bad example-

Landing page design example 8

There are quite a few things wrong with this landing page example-

  • It was a PPC ad but what should I do if I want to continue with the site? The only button “Get in Touch” (looks like a button but actually isn’t) appears on the footer.
  • People do not like to make a call. They want to get in touch via email or chat at first.
  • For the long landing page; it is better to repeat the call to action twice: at the top and in the footer.
  • They design landing pages. Really?

Here is a much better example-

Landing page design example 9

What you will notice with this landing page example is-

  • Very appealing design.
  • Offer is quite clear: Sign up now for £1.19 per month.
  • Suitable list of benefits.
  • Call to action appears on the top and at the bottom.
  • Offers live chat and telephone support.
  • Sign up button is exactly the right size and quite visible. You can see that it is the most important area of the page.

This is a fantastic example that has all of the landing page optimization best practices applied to it.

Poor Design Structure

There are many landing pages that have attractive designs but the visual hierarchy is poor.

An effective landing page must have-

  • Clear, readable font size.
  • The same for image size. People like to see big images because bigger images mean improved conversion rate.
  • Clear & bold headline.
  • Call to action button must stand out.

As I said previously, if your landing page is long, then it is better to repeat your primary call to action.

This allows the users who scrolled down to read your full content to sign up easily as well.

If you are selling something like clothes or bags, then you can consider adding some other elements to help with conversion.

Something like a delivery countdown near the buy button that will encourage potential customers to make a purchase immediately.

Landing page design example 10

For clothing, you can add “select a size” button – useful tactic if you want to make shopper reach a quick decision.

When a user has taken action once, they are likely to take action again. Selecting the size prepares them to hit the buy button.

Landing page design example 11

Phrases like “only 2 left” can also help make a quick sale.

Landing page design example 12

Asking For Too Much Information

The less information you ask for on your landing page the more people will convert.

The ideal number of the form fields on a landing page is 3- name, email address and password (if you are requesting registration), city (if you are selling something), etc.

In fact, the only information you need is their email address because once you have that, you can obtain the rest of the information later.

People do not like to share their personal information because they worry about their privacy.

That is why you need to include a statement assuring that their personal details are safe and will not be shared.

Just add some text stating that fact on your registration form and the page will look more trustworthy.

Here is a bad example-

Landing page design example 13

They have 7 fields for the “Free SEO analysis” offer. But wait; the 7th field “website address” is not even required.

At the same time, they’re asking me formy first name, last name, email, company name and telephone number.

What do they need my company name? In my opinion, 3 fields would be perfect for this offer-

  • Name
  • Email
  • Website Address

How can you send me SEO audit if you do not even know the URL for my website?

Here is a much better form in the same niche:

Landing page design example 14

Only 4 fields. In addition to the 3 main fields I mentioned above, they added “message field” where you can ask something about prices, additional services, etc.

Wrapping It Up

Your landing page can make or break your bottom line profits. A good landing page lowers advertising costs and deliver more customers per dollar spent.

But a bad landing page can easily see you burn through your advertising budget with little to show for it.

Matt showed how important a good landing page with his Facebook advertising tips last week.

If you struggle to make good landing pages you can just use LeadPages landing page optimization software which has lots of time tested high converting landing page templates to choose from.

Anyone can make awesome landing pages with their simple interface and the increases in conversion is more than worth it!

Check out these website design best practices.

I know Matthew is using LeadPages quite heavily across the blog and RankCracker at the moment!

Have you got any other landing page optimization or design tips?

61 Responses

  1. Vaibhav Ashok Shinde
    4.2.2019

    This article is very good for me. Thanks for writting a such good blog

    • Matthew Woodward
      April 3rd, 2019 at 3:38 am

      Glad I could help!

  2. Sanjay Gurung
    4.2.2019

    This is very helpful blog for me thanks for making this blog

    • Matthew Woodward
      April 3rd, 2019 at 3:40 am

      No worries Sanjay!

  3. Charanjit Singh
    4.29.2018

    Like What You Write. Awesome Blog.

    • Matthew Woodward
      May 1st, 2018 at 9:58 am

      Cheers pal

  4. Mabelle Soliday
    10.18.2017

    I simply located your web last week ago and I also have already been browsing it all regularly. you possess a large vary of helpful details on the placement and that i furthermore enjoy the actual form of the venue at very same time. carry on the best work!

    • Matthew Woodward
      April 3rd, 2018 at 3:08 pm

      Cheers Mabelle, thanks for coming back so regularly!

  5. Anthony Alfidi
    9.13.2014

    Matthew, thank you for the tips on aligning images and themes with the landing page’s branding. I agree that calls to action should be obvious and the supporting theme framework should draw the reader’s attention. Also, I have never used a stock image and never will because using only original content makes a brand authentic.

    • Matthew Woodward
      September 14th, 2014 at 10:52 pm

      They aren’t my tips but thank you :)

  6. pcozzolino
    3.23.2014

    There are times when stock images rule!

    Always know your audience =]

    • Matthew Woodward
      March 23rd, 2014 at 8:20 am

      He is talking about the cheesy generic ones you a lot

  7. Marc
    3.21.2014

    Excellent real world examples for showcasing your points. Thanks for the post Evgeniy.

    • Evgeniy
      March 23rd, 2014 at 6:26 pm

      Thank you Marc :)

  8. Jesse Parker
    3.20.2014

    Nice guest post.
    Very true principles about landing pages and conversions.

    From my experience videos embedded within the landing page are also excellent, preferably when they are on the top since videos are very engaging and later comes the written content.

    Matt, I hear a lot from colleagues that ugly websites or ugly landing pages convert better, although I never got to test this saying.

    Do you think it’s true?

    • Matthew Woodward
      March 21st, 2014 at 7:44 am

      My experience says it is true :)

      • Jesse Parker
        March 21st, 2014 at 4:11 pm

        Hey Matt, I’ve dedicated a lot of thought to the design on my website and I was wondering what would you do differently?

        My conversions have plummeted lately, although the CTR stayed more or less the same.

        • Matthew Woodward
          March 22nd, 2014 at 9:09 am

          Then I would be looking at what the merchant/sales funnel has changed if all other things are the same.

  9. Ray
    3.20.2014

    Hi Matt,

    I’m wondering what you might do differently for a review site. I have one (see my url above) that is getting traffic but not converting.

    I don’t mind if you do an post on it ;-)

    • Matthew Woodward
      March 20th, 2014 at 7:32 am

      I think you need to some serious work on design

  10. Evgeniy
    3.19.2014

    We have fixed that issue.

  11. TriggerIM
    3.19.2014

    Great tips to get started with, but if you’re really serious about optimizing a landing page and it’s not just a short-term page, you can get even more in depth to increase conversions with A/B testing and real user data from sites like CrazyEgg. Also, sometimes the ugliest designs work the best, so testing can be really helpful! :)

    • Matthew Woodward
      March 19th, 2014 at 7:59 am

      LeadPages takes care of all of that for you :)

    • Temi
      March 19th, 2014 at 1:38 pm

      Responding to what Also, TriggerIM said here: Also, sometimes the ugliest designs work the best.

      Its quite true with a few sites I worked on in the past. The page we considered ugly and not very sleek actually generated better conversion than the all singing all dancing page we though visitors would prefer. Moral of the story is, don’t use your own subjective judgement… do some real A/B testing

      • Matthew Woodward
        March 20th, 2014 at 7:43 am

        Thats what I have found as well. Same with banner ads/graphics – the more pro they look, the less they get clicked.

    • Evgeniy
      March 19th, 2014 at 5:24 pm

      All content in the article based only on my experience so if you think that some ugly desing or something else could work for your business then go ahead with A/B testing :)

      Will be glad to hear some additional tips =D

  12. Sunday
    3.18.2014

    Landing page optimization is crucial for the success of any website. It becomes necessary to learn how to readily make this optimization count. The best bet for every marketer is to ensure that the visitor gets value with the titles, the call-to-action button, the images, and content. The examples are spot on.

    I have shared this comment in kingged..com where this post was found.

    Sunday – kingged.com contributor

    http://kingged.com/landing-page-optimization-boost-conversion-with-these-design-examples/

    • Matthew Woodward
      March 19th, 2014 at 8:08 am

      Thanks Sunday :)

    • Evgeniy
      March 19th, 2014 at 5:22 pm

      Thanks a lot :)

  13. JithinC
    3.18.2014

    Offering a call to action button at the top and bottom have helped us with many sites. Most people love to scroll down if they see an interestingly designed sheet as landing page.
    Background images or shades will help to maintain a continuity along the page if it is long.

    • Matthew Woodward
      March 18th, 2014 at 8:05 am

      Nice tips thanks!

    • Evgeniy
      March 19th, 2014 at 5:21 pm

      Yes if your landing page is long then someone can forget what is your main call-to action but repeating it at the bottom can really help.

  14. Prashanth
    3.18.2014

    I really liked the bit about using different set of attention-seeking pics, and the clear call to action. Too many landing pages without them.
    I am suspicious of the count-down timers, and “only x left” messages (except if I see it on Amazon!). But it does work its magic on many.
    Thanks for the post.

    • Matthew Woodward
      March 18th, 2014 at 8:08 am

      Glad you enjoyed it!

    • Evgeniy
      March 19th, 2014 at 5:20 pm

      Thanks for your feedback :)

  15. Sgt. Kraut
    3.17.2014

    “Phrases like “only 2 left” can also help make a quick sale.” Yeah, that might be true and it’s perfectly fine when this is actually the truth. However, many people just write this and then for the next two years the landing page says “only 2 left”. I think that good marketing needs no lying.

    • Matthew Woodward
      March 18th, 2014 at 8:16 am

      Stock management is marketing :)

    • Evgeniy
      March 19th, 2014 at 5:19 pm

      Absolutely correct :) Everyone is lying

  16. Yan
    3.17.2014

    The best landing page optimization i saw,
    Please be continued,
    I think this one is very useful for E-Commerce site.

    • Matthew Woodward
      March 18th, 2014 at 8:20 am

      Glad you liked it!

    • Evgeniy
      March 19th, 2014 at 5:18 pm

      Thanks Yan for your warm feedback :)
      Cheers

  17. Rishit Shah
    3.17.2014

    Take a look at Amazon as I have found lots of converting tactics there!

    • Matthew Woodward
      March 18th, 2014 at 8:24 am

      You mean from analysing what they do?

  18. BlokeToys
    3.17.2014

    You see, this is why I love his blog so much, you just don’t get this kind of in-depth and informative instruction manual anywhere else.

    I have a couple of ads running right now that both lead to a product page, but I will be building something else this afternoon and diverting the traffic to see how it pays off, based on these tips.

  19. Matthew Woodward
    3.17.2014

    I’ll let Evgeniy chime in with the answer!

  20. claude
    3.17.2014

    Hi Matt

    Good job about the landing page I going to apply those tips quickly

    thanks mate

    • Matthew Woodward
      March 20th, 2014 at 7:48 am

      Not my tips :)

  21. Alan
    3.17.2014

    The design could make people love the products you offer

    • Matthew Woodward
      March 17th, 2014 at 2:03 pm

      Apple are a good example of that

  22. Michael Bely
    3.17.2014

    Hey Matt,

    Speaking about landing pages, it is important to notice that visitor’s flow of attention is a very important thing.

    Say, a visitor lands in, what’s next?
    – She sees an image.
    Hint: it should be relevant, catching, not ordinary etc what you said in your article. It should make the visitor want to look at the text on the page, and it should be above the fold obviously.

    What’s next?
    – She reads a headline.
    Hint: It should be intriguing, to the topic (but not selling yet) make you thirsty to read the text in a smaller font.

    What’s next
    – e.g. she reads the bullet list below the headline that outline the benefits.
    Hint: user should go deeper and deeper in your net, the content should resonate with her needs, wants and feelings.

    What’s next?
    – the list of features etc…

    The idea is clear.

    What’s finally?
    – the call to action

    So in other words, the landing page should let user’s attention go to the programmed path towards the call-to-cation button.

    Here is another tip.
    Ideally, in addition to split-tests it is great to invite several people that can tell you all the truth as they see your landing page. They will tell you what they felt, what they wanted to do as they landed, what their impulses were etc.

    All people are different, and several people are not many to be representative set, but these several views from aside can give you feedback that you absolutely were not aware of and that you could not even imagine.

    • Matthew Woodward
      March 17th, 2014 at 2:04 pm

      Nice additional tips about the ‘attention flow’ as I call it

    • Evgeniy
      March 19th, 2014 at 5:15 pm

      Michael,
      Thanks for your tips. I can say that for some landing pages it is better to have only a headline and call-to action. For example if your main goal is offering a newsletter.

      When people buy something on your site then yes long landing page is a good choice.

      But I agree with you that all people are different. That is why we have A/B testing :)

  23. JR John
    3.17.2014

    May I ask why you use twenty-fourteen for Temi’s theme? :D

    • Lol
      March 17th, 2014 at 2:59 pm

      Yeah it looks shocking!

      • Temi
        March 19th, 2014 at 1:28 pm

        JR, partly because I really don’t have time to update the custom template I created for the site many years ago any more… its less time consuming to use one of WP default templates.

    • Evgeniy
      March 19th, 2014 at 5:12 pm

      Guys, we are working with a new site design and it will be rolled out soon. :)

  24. vyt
    3.17.2014

    Liked that one with a countdown timer – instant urgency created.

    • Matthew Woodward
      March 17th, 2014 at 12:47 pm

      Especially in that setup!

    • Evgeniy
      March 19th, 2014 at 5:10 pm

      I’m not sure that it is very effective method but seems more and more people like it.

What are your thoughts?

* Name, Email, Comment are Required