Landing page optimization: full guide to increase conversions

Updated: 6 days ago

You have a landing page, but it doesn’t get enough conversions?


Why?


In this full guide, I’ll explain what elements make a landing page great for conversions and how to increase conversions by making key improvements based on actual users’ data.


I’ll teach you the most important metrics to monitor for understanding the performance of your landing page and what freemium tools you can use to improve the conversion rate (CRO: Conversion Rate Optimization).


Let’s start from the beginning.



Table of contents:

  1. Attention: the real goal of a landing page;

  2. Digital marketing strategy for landing pages;

  3. Workshop: optimize your landing page funnel with a Service Level Agreement;

  4. Landing page copywriting for a killer conversion rate;

  5. Design elements for a successful landing page;

  6. Landing page builders;

  7. Metrics to audit a landing page performance;

  8. On-page optimization strategies;

  9. Off-page optimization strategies;

  10. A/B testing: dos and don’ts.






ATTENTION: THE REAL GOAL OF A LANDING PAGE




You build a website to achieve three main goals:

  1. Inform;

  2. Generate leads;

  3. Sell.


If you don’t include one of these three key objectives, you actually don’t need a website.


But if you include all of these three goals, you need landing pages to focus users’ attention on each specific objective.



What is a landing page?

Expecting a high conversion rate from a web page designed to achieve multiple goals is foolish.


While your website should give a general overview of your business and guide users through different sections, a landing page should focus on them completing an action.


In fact, a landing page is a web page that prompts users to take one specific action.


Everything on this page should be built and optimized to increase the conversion rate, whatever it means (sale, event registration, subscription and so on).



The origin of landing pages

The term landing page was first used by Microsoft’s IT department in 2003 when they started developing a strategy to remedy poor online sales of their core product: Office.


At that time, landing pages were very different from what you see today.


The images below represent two examples of old landing pages that Greg Edwards, CTO at EyeTools, inserted in his presentation: Landing page eyetracking study published by MarketingSherpa Store in 2005.



And these are examples of old call to action buttons used in the same year, can you believe it?


Old landing page CTAs
Examples of old landing page CTAs (Call To Actions).

In 2005, Dave Chaffey’s, co-founder of Smart Insights, shared an article (now updated) with the immutable laws of a successful landing page.


Chaffey defines a landing page as a:


Specific page(s) on a web site created for visitors referred from marketing campaigns, which are designed to achieve a marketing outcome.

Two main global factors have affected the way we build landing pages today:

  1. Technological development;

  2. Short attention span.


Landing pages were stand-alone. It means they were hard coded by a developer within the main website and weren’t usually connected with third party apps or tools.


Only in 2009, startups like Unbounce allowed people to create landing pages with external integrations and easy to use editors.


Ah, by the way, I hate Unbounce and I don’t recommend it. Keep reading to see what I recommend in its place.


The second reason why we felt the irresistible desire to jump out of the window after seeing the previous landing page examples is because we have a short attention span.


In the past, there wasn’t a lot of competition for online content. Now, online content is overwhelming, because everyone can easily publish it.


So, we need fewer words, more space, better design, proper colors and other elements to help us digest content and keep focused.





DIGITAL MARKETING STRATEGY FOR LANDING PAGES




Now, you know why you should create a landing page, but what digital strategies do you use to market it?


A digital marketing strategy for a landing page is composed by four phases:

  1. Generating traffic: what happens before the landing page;

  2. Conversions: what happens on the landing page;

  3. Secondary conversions: what happens in the thank you page (up-sell, cross-sell, other subscriptions and so on);

  4. Retention: what happens after the thank you page.


In the image below, I’ve outlined an example of a digital marketing funnel for landing pages.


Example of funnel for landing pages
Landing page funnel example.

A marketing funnel is the result of a flowchart. If you want to learn how to design your company’s processes to strategically guide users in their buyer journey, read my guide about the service blueprint.



Driving traffic to a landing page

If you noticed, I used the word “drive” and not “attract”. A landing page is mainly created to support outbound marketing strategies where you use advertising and other forms of paid promotions to bring your target audience on that page.


SEO doesn’t work.


I will explain why in the following paragraphs.


Use whatever paid channel you want as long as it allows you to reach your target audience.


In fact, the major factor for landing page success is traffic quality.


So, how does it work?


Use the targeting options in each advertising platform (Facebook Ads, Brandzooka, LinkedIn Ads, Google Ads and so on) to place your message in front of people interested in your offering.


Your message should communicate a “promise” that you are going to keep on the landing page.


It means users, after clicking on your ad, have certain expectations. The landing page must match those expectations.


Otherwise, visitors will exit your web page after a few seconds and you will achieve nothing.


That’s why click baiting and other shady techniques are useless.


Your objective is to convert on the page. You are not interested in page views.



Landing page example: Slack launch campaign (case study)

At the end of 2015, Slack launched its first marketing campaign, Make work better, in Cleveland, Charlotte, Minneapolis and Milwaukee.


The following image is one of their ads promoted with Facebook Ads.


Slack's Facebook ad example
First Slack's Facebook Ads campaign launched in 2015.

They used a few different creative variants for men and women, and let Facebook Ads’ AI rotate them. In this way, the AI showed the most performing version.


I picked this ad as an example, because you can see several well designed elements:

  • It is eye catching. Thanks to the bright colors, unicorns and rainbows, it stands out from Facebook’s news feed and the bubbly style reflects Slack’s brand;

  • The CTA is clear. You can understand what their promise is: they give you a reason why you should click the ad;

  • You understand what the app does. The link description is informative and, in one phrase, summarizes what Slack does. Users perfectly know what it is all about.


In November 2015, AdWeek interviewed Brad Morris, Slack marketing director, who said:


If you run a large company, it's almost impossible to make a change that improves productivity by 30%*, so that kind of result can be transformational. We wanted the campaign to express the very real benefits of Slack to people who have never heard about us, while also addressing the aspects of working life that everyone can relate to in a playful way that was in keeping with our brand.

*They published another ad version where they claimed Slack was able to increase productivity by 32%: “What it feels like to be 32% more productive”.


Now, let’s see where they drove the traffic.


Here is Slack’s landing page (this is a 2017 version, I wasn’t able to retrieve the exact screenshot from 2015).