Anatomy of a Successful Landing Page: What to Optimize And When

by Etienne Garbugli on May 28 • no comments.

Subscribe

Make

📄

Every Page

💎

Count

Great. You’ve setup your Website and analytics, and you’re starting to get leads and sales from your traffic. Is your site perfect?

Websites are never perfect. To get exceptional results and performance from your Website, you need to be constantly refining your funnels and landing pages.

A landing page is any entry page on your site. It can be your homepage, a blog post, your contact page, or any other page by which your visitors enter.

This means that your site has both:

  1. Traditional landing pages: Pages like your homepage, or the conversion pages you use for ad or email traffic; the pages that were designed to act as landing pages.
  2. Unintended landing pages: Pages that by way of sticky content or strong search positioning became landing pages. Those pages can be amplified to get even more results from your site (and you can find those using Highlights).

To get strong results from your landing pages, you need to know the goal of each of your pages.

  • Are you trying to get email addresses?
  • Are you trying to qualify visitors?
  • Are you trying to close sales?

Every page needs a purpose. Seth Godin, Author & Entrepreneur

Once you’ve established baseline performances for your landing pages, you can start to improve their performances by running weekly or monthly A/B tests.

To help marketers know exactly what to optimize when it comes to landing pages, we created the following guide:

When to Optimize Site Setup

You can’t get sales if your store isn’t open…

As consumers, we’ve come to expect a certain level of responsiveness and availability from Websites. If your site isn’t available, or if it doesn’t respond properly, your clever sales copy won’t save the day. As with emails, the first thing you need to take care of is to make sure that your landing pages are available.

What to Optimize – Site Setup

  1. Page Speed: People are increasingly impatient with technology. You might lose your visitors if your site does not load within the first 2 or 3 seconds. You can use PageSpeed Insights to benchmark your site’s performance and optimize page speed. You’ll want to look at the page size, the image size, the number of page requests sent, and the elements that get cached by the browser.
  2. Mobile-Ready: For the first time in 2016, mobile browsing exceeded desktop use. Now, a majority of visitors expect your landing pages to be optimized for mobile (Accelerated Mobile Pages (AMP) will make this even more important). Make sure your Website displays well on mobile to avoid losing visitors and creating frustration.
  3. Trust Drivers: Your Website needs to inspire trust in order to retain visitors. We’ve all had bad surprises landing on Websites with shady URLs, or sites asking to submit information or payments without proper SSL Encryption (think http://… vs https://…). For $15 to 20 per year, and the price of a good .com URL, you can avoid these problems completely.
  4. Share-ability (Optional): If you expect visitors to share your site or pages, adding a few Open Graph tags will make sure that the associated posts display the proper descriptions and images on Twitter, Facebook and Pinterest. You can test your pages with the Facebook, Twitter or Pinterest debuggers.

When to Optimize Body Copy

Once you know that potential leads and buyers are not getting repelled by your site, you can turn your attention to the core content of your landing pages.

Depending on your ask (email address, conversion, etc) and the quality of your traffic, you can aim for conversion rates as high as 20 to 30%.

We’ll cover different ways to assess the quality of your traffic in a future post, but right now, if you’re not getting a 1 to 2% conversion rate, it’s a good idea to start optimizing your landing page’s body copy.

What to Optimize – Body Copy

When you write a blog post, a landing page, or an email, make your customer the hero. Your job is to give them a plan and guide them to success. Justin Jackson, Transistor.fm Co-Founder

  1. The Offer: One of the core rules of landing page optimization is that the page content needs to match the purpose of visit. In other words, you need to create a consistent experience from your ads or emails all the way to the landing page and conversion funnels. If your offer (or the experience) is inconsistent, or if the page contains multiple offers, the conversion rate will drop. Understand where your traffic comes from, and match the offer with what they’re looking for.
  2. The Tagline: The page’s tagline needs to be clear and concise. Make sure it contains the appropriate keywords. You can test different keyword combinations, lengths or stylings to attract attention. User tests or tools like the Five Second Test will help you understand your visitors’ initial reactions and understandings.
  3. The Pull: The pull is the first paragraph of your page copy. It’s typically best to locate it near the tagline. It should include the main benefits (not the features). You can experiment by emphasizing different benefits to keep visitors on the page.
  4. The Image / The Video: Supporting images (or videos) help create an emotional response from visitors. Test different images, videos or screenshots trying to relate with the specific segment or user demographic. Video sometimes helps improve conversion, but it’s more difficult to produce. You can use heatmap tools like Hotjar or Crazy Egg to identify the main elements that attract the attention of your visitors.
  5. The Social Proof: Photos of customers, testimonies, logos and social media comments can all help drive conversion. Try different messages that relate to your page’s messaging, and try different positionings on the page.
  6. Trust Drivers: Beyond a good URLs and SSL encryption, trust icons (PayPal, VeriSign Trusted, etc), phone numbers, live chat, warranties, frequently asked questions (FAQs) and clearly visible privacy policies can also help improve your conversion rate. Your visitors are looking for reassurance that they’re dealing with a legitimate organization with proper customer support. Add trust drivers progressively and evaluate their impact on conversion.
  7. The Layout: A clean page layout, with a streamlined structure (see below👇) will help improve your conversion rate. Eliminate unneeded elements (Design is a reductive process!) and experiment with the page flow (long-form versus short-form). Try to use bullet points or turn the copy into a story.
  8. The Call to Action (CTA): There’s been a lot testing done around CTAs. Although buttons and links impact conversion, getting more clicks from the wrong visitors is not really relevant. If your visitors are spending time on your page, and reading your content without clicking, you can experiment with larger call-to-actions, text links, different button colors (complementary or contrasting, positive or negative) or with button repetition (e.g. one button per screen).
  9. The Supporting Copy: Different types of visitors will consume your landing page copy at different speed. They’ll also make decisions in different ways. Experiment with your sales pitch, try different proofs of benefits (case studies, quantification of benefits, etc), and lower the reading level of your copy. You can use the Flesch–Kincaid readability tests to evaluate the effort required to read your copy.
Anatomy of a Successful Landing Page: What to Optimize And When - Heatmap Example
Example of a Website Heatmap

When to Optimize the Form

If you’re capturing emails or contact information on the page, you’ll want to keep track of your in-form conversion rate (e.g. visitors that start to enter information > form submission). If more than half of the visitors start to enter information, but don’t complete it, your form might be putting people off. Keep track of that conversion rate and optimize.

What to Optimize – Form

  1. Form Length: Experiment with the number of fields in your form, or with Facebook, Twitter or Google signup to increase your conversion rate. Don’t ask for information you don’t really need. With the new General Data Protection Regulation (GDPR), your visitors will probably be less and less inclined to want to submit personal information on sign up.
  2. Form Type: You can experiment with inline (on the page) versus popup forms, and track form completion with Google Analytics. It can be effective to capture the email address upon entry to reengage visitors if they don’t complete the form.
  3. Field Labels: For forms, especially lengthy forms, field label experiments can provide good results. In a long-standing research using eye-tracking devices, CX Partners demonstrated that certain form formats were more effective than others. Try positioning field labels above the field, testing bold field labels, or making the labels even more scannable, etc.
  4. Button: The form button is usually an after-thought once the information has been entered. Again, testing different colours, shapes or labels can have a slight impact on conversion.

When to Optimize Page Structure

If a specific landing page is really key to your Website, you can decide to go a step beyond and optimize the page structure using conversion-focused page templates designed specifically to drive conversions. By optimizing the copy and your forms, you’ll already have good results. If you have enough traffic and the gains are worth the investment, you can start experimenting with the page structure.

What to Optimize – Page Structure

Dividing your landing pages into “pages” (or sections) gives readers an easy excuse to stop reading. Stop that. Amy Hoy, Serial Entrepreneur

  1. First Screen: This will come naturally from previous recommendations, but you need to optimize the first screen of your landing page. The section lovingly referred to ‘Above the fold’, is the part of your site that is visible without scrolling (about 768 pixels on Desktop). Your visitors might only spend a few seconds on your page, so you want to quickly focus their attention. Have one clear goal, and experiment with your tagline, images and CTAs.
  2. Navigation: A lot of funnels and conversion flows have minimal or limited site navigations. Consider removing your site navigation on pure landing pages, and limiting the number of outbound links on these pages. Good page titles (the title tag) can help your visitors understand where the page sits within your site structure.
  3. Page Length: If your page is able to sustain your visitors’ attention, length shouldn’t be much of an issue. If your page is short, but does not perform, try a longer more story-based format. If you page is long, and visitors don’t scroll, try and make the pitch even more concise.

Once you’re getting sign ups, leads or conversions, make sure you follow-through with a good Welcome email and onboarding series.

You can use Google Analytics or Highlights to evaluate the effectiveness of your landing pages. Unbounce also has an automated Landing Page Analyzer that can give you high-level recommendations.

We covered ways to drive traffic to your landing pages in another post. Sign up to our newsletter to make sure you don’t miss anything.

Get a Clear Picture of Your Inbound Marketing Program

Highlights helps marketing teams visualize, analyze and improve their inbound marketing programs.

Etienne Garbugli
Étienne is a three-time startup founder (Flagback, HireVoice and Highlights), and the author of Lean B2B: Build Products Businesses Want. At Highlights, Étienne is responsible for customer success.

Leave a Reply

Your email address will not be published. Required fields are marked *