What Is a Landing Page? Landing Page Examples + Guide

Kelly Lyons

Jun 07, 202314 min read
what is a landing page

TABLE OF CONTENTS

What Is a Landing Page?

A landing page is a webpage designed to persuade users to take one specific action. For example, having users sign up for a newsletter, purchase a product, or RSVP for an event.

Users typically arrive at landing pages via a pay-per-click advertising campaign. But they may also find your landing page through your homepage, social media posts, organic search results, and email campaigns.

Like your homepage, landing pages are often the first experience visitors have with your website. But homepages and landing pages serve different purposes.

In this guide, we’ll cover why landing pages are important and how you can create and optimize them.

But let’s start with some basics.

Homepage vs. Landing Page

Homepages contain general information about your company. They’re a gateway to other pages on your site where the visitor can learn more.

Landing pages, on the other hand, are standalone pages focused on driving conversions. 

In other words, landing pages are where you turn visitors into leads and customers.

Illustration of a generic landing page

Plus, homepages may also have multiple calls to action (CTAs). Encouraging visitors to browse the site’s blog, check out its products or services, or sign up for a newsletter, for example.

In contrast, a landing page usually has a single, focused CTA designed to encourage visitors to take a specific action. Such as making a purchase, filling out a form, or downloading a resource. Any other CTAs are usually duplicates or close variations of the primary CTA.

Regular website pages are different from landing pages, too.

Regular website pages (like blogs, help articles, a pricing page, a careers page, etc.) are typically designed to provide visitors with information about your business. 

Rather than to drive a specific action or conversion like landing pages.

Regular website pages may also include multiple CTAs. While landing pages contain just one.

For example, a blog post may have CTAs that encourage users to sign up for a newsletter and check out related products or services. Meanwhile, a landing page will drive visitors toward a single, focused action.

Regardless of the type of page, your goal should be to bring traffic to your website as a whole.

To do this, you can invest your efforts in different marketing channels like PPC, SEO, social media, email marketing, and affiliate marketing.

Types of Landing Pages

Landing pages can be classified into two main types: lead generation landing pages and click-through landing pages

Lead Generation Landing Pages

Lead generation landing pages are designed to capture visitor information like name, email address, or phone number in exchange for a free offer or resource.

Like an ebook, whitepaper, or webinar.

These pages typically feature a lead form and clear and compelling headline that explains the benefits of the offer.

Example: 

example of lead generation landing page from Semrush

Click-Through Landing Pages

Click-through landing pages are designed to persuade users to click through to a specific page. And take a specific action there.

Such as making a purchase or signing up for a free trial.

These pages typically feature a clear and compelling headline, persuasive copy, and a clear CTA button. Like this:

example of click-through landing page

Why Are Landing Pages Important?

Landing pages can boost the effectiveness of your marketing campaigns.

Why not rely solely on your homepage for your marketing campaigns? It probably won’t generate as many leads and conversions as a dedicated landing page.

Plus, landing pages:

  • Provide focused and targeted messaging that matches the expectations and needs of your visitors
  • Simplify campaign measurement, as you can easily track and analyze the performance of your landing pages
  • Allow you to experiment with different elements (headline, CTA, etc.) and variations of your landing pages without affecting your main website

To sum it up:

Website landing pages provide a highly focused and optimized experience for your visitors. Which can increase the likelihood of conversions. And drive better results for marketing campaigns.

How Landing Pages Work

The landing page should be your visitor’s last step before they convert. (That is, when they become a customer or a lead.)

Landing pages are great for:

  • Getting email newsletter signups
  • Selling a product or driving pre-orders for it
  • Distributing marketing material, like ebooks and catalogs
  • Linking users to an app download
  • Registering users for an event
  • Scheduling users for a product demonstration or sales call

Landing pages are not so great for:

  • Presenting several different products or services
  • Linking to other pages on your website
  • Telling your company story

Your visitors should arrive at your landing page as a result of your marketing strategy. For example, they might click on your ad in Google’s search results or a post on social media. 

Users can also be directed to a landing page from your website itself. For example, if you publish a blog post describing a product, a button in the blog content could link to a landing page to buy that product.

How to Create a Landing Page

A landing page is designed around a single action. If a user comes to your landing page and gets distracted, they might not complete that action.

So it’s important to keep landing pages as simple as you can.

For example, landing pages generally shouldn’t include a top navigation menu.

That’s because a visitor to your landing page is very close to making a purchase. If they leave your landing page to go read your latest blog post, you might lose out on a sale.

Here’s what a typical landing page on a website looks like from the company Slack. It’s simple, clean, and direct.

Slack's landing page

There are different tools that you can use. For example, the Landing Page Builder app from Semrush App Center can help you create and publish high-converting landing pages, with no coding skills required. 

FMPs6JTtoNsoPQAkGFiQrlevl9NKr38PhR2hnRTN3WvAXKCUeJmoTaAxZVjgVWAptOZuFAABPE_Tv98TAelnL0X1aTB_n9_h88uXlCjrtCousqwS4ZJhiq3oBBCqXLDN7YiN2WQ7r_FXBu02RT0tmwY

Effective landing pages are built around a few key elements. Let’s explore how to create them now.

Create a Compelling Hero Image

The hero image is a graphical element designed to make your landing page more visually appealing. 

It’s big. And eye-catching. And located near the top of the page. Like this one:

PlayStation's landing page with a big yellow d-pad

Or this one, which sits behind the text:

Tesla's solar roof landing page with an image of a house going through a lightning storm

Some companies use hero images that show a literal representation of their product or service.

For example, if you run a food delivery service, your hero image might be a photo of delicious-looking food:

Hello Fresh's landing page with a taco dish and a box of ingredients

Other companies’ hero images don’t show the product or service at all. But they can still create a positive first impression with the brand.

Like this landing page’s colorful illustration of two people standing atop a hill:

ExpressVPN's landing page with an illustration of two people on their phones on top of a hill

To find a picture to use for your hero image, check out the free stock image libraries at UnsplashPixabay, and Pexels.

You can also hire a designer who can brainstorm ideas and create hero images that are visually pleasing. 

Here are some best practices to follow when creating hero images:

  • Keep the image simple and uncluttered to avoid overwhelming the user
  • Make sure your image complements the overall design and style of your landing page
  • Use a hero image that helps the user understand the value of your product or service
  • Use only high-quality images

Craft a Catchy Headline and Subheading

A catchy headline engages the visitor and helps them understand your offer.

The headline could be a value proposition. Like this:

Angi's landing page with the headline: "Find top-rated certified pros in your area."

Or it might describe what the visitor can expect when they click through. Like this discount offer from Spotify:

Spotify's landing page with the headline: "Ends soon: $0 for 3 months of Premium"

Some headlines are followed by a subheading. It’s written in a smaller font than the headline and provides more details and an additional nudge to get people to convert. 

For example, Showtime’s landing page has the headline “Start Streaming Showtime Now.”

Show time's landing page with the headline: "Start Streaming Showtime Now"

And underneath that, a subheading contains details about the length of the trial period and pricing:

Subheading that reads "try 30 days free, then $10.99/month. Cancel anytime."

Here's a formula you can use for your headline and subheading:

Headline: [Main benefit they’ll get, in about 10 words or fewer]

Subheading: [Details or additional benefits, in under ~20 words]

Here are some additional ideas for crafting better headlines on your landing page:

  • Use strong action words (unlock, upgrade, boost, transform, etc.) that encourage the user to take action
  • Use emotional language that speaks to the user’s pain points or desires
  • If possible, use numbers or statistics to emphasize the value of your product or service

Write Concise Supporting Copy

Supporting copy is the text that describes your offer with more detail. It’s usually a few sentences long.

Not every landing page needs supporting copy. Often, a headline, a subheading, and an attractive hero image will do the trick.

But sometimes, adding extra details can convince people to take action.

For example, check out the supporting copy on Audible’s landing page. It describes an additional benefit that isn’t mentioned in the headline or subheading:

Audible's landing page that also highlights their large catalog

If you're not sure what to use for supporting copy, ask yourself: “Is there anything important that can't fit into the headline and subheading?” 

If so, add it here. 

Try to keep it brief. Use bullet points to highlight the most important details.

If you need help writing and creating optimized copy, try Semrush’s SEO Writing Assistant tool.

The tool grades the copy based on readability, tone of voice, originality, and SEO. And offers suggestions so you can improve.

SEO Writing Assistant tool

Add a Form

For lead generation landing pages, you’ll need to include a form for the user to enter their information. 

(Otherwise, you may not get the lead.) 

You can ask for as much information as you want. But the more fields you require, the fewer people will typically fill them out, according to an analysis from HubSpot.

In fact, to maximize conversions, many businesses ask for just a single piece of information:

An email address.

But some businesses also ask for information like the person’s name, phone number, location, and more.

That can be worth doing if the additional info will help you sell to them later.

For example, say you sell both cat toys and dog toys. In that case, you could add a field asking what kind of pet the visitor has.

That way, when you send marketing emails to them later, you’ll be able to feature the products they’re most likely to buy.

Add a Strong Call to Action 

A call to action (CTA) is a button on the landing page. When clicked, it brings the visitor into the next step of the interaction with your business. 

Some reasons a visitor might click on a CTA include:

  1. To purchase a product or service
  2. To install an app
  3. To sign up for an event
  4. To download an ebook
  5. To subscribe to a company newsletter

The CTA should be prominently displayed. Some landing pages place it immediately after a headline or subheading.

Like this:

Audible's landing page with the "Get 30 days free" button highlighted

If your landing page includes a form, the CTA will come after it.

In these cases, clicking the CTA will submit the information entered in the form.

Here’s an example from our own landing page:

"Explore full report" CTA example

The label on the button should indicate what’s going to happen when the visitor clicks it:

  • For example, if the landing page is for newsletter subscriptions, the label might read “Sign up”
  • If the landing page is for a free trial of your product, the button might read “Try it now”
  • If the next step after the user clicks is a product flow, the button might read “Get started”
  • If the next step is to finalize a purchase, the button might read “Buy now”

It’s also a best practice to include your CTA multiple times on the page, especially for longer landing pages. 

For example, an additional CTA might follow your supporting copy. That way, any visitors reading your supporting copy won’t have to scroll back up to convert.

Landing Page Examples

Let’s explore how some landing page examples utilize the page elements we covered above to maximize conversions.

1. Bestow

Bestow is an online life insurance broker. This is what its landing page looks like:

Bestow's landing page that says "Term life the way it should be: easy."

It contains a hero image of two children standing in front of some kind of hedge. It’s a visual reminder that life insurance is meant to protect your loved ones. Without showing the product itself.

The landing page’s headline and subheading both explain that applying for their product is easy.

One sentence of supporting copy gives one additional detail: the specific type of life insurance Bestow offers (“no medical exam” life insurance).

There are also two CTAs on the page.

One says, “Get a Quote.”

When you click through to the next page from there, you’re asked to enter some information about yourself:

Lead generation form that has a "get a quote" button

This type of page has two functions. 

It lets you, the business owner, learn more about your customer base. So if the user doesn’t convert on this visit, you can market to them later.

It also provides a service to the visitor: a free quote on life insurance premiums. This can help them make a decision to purchase life insurance from you.

The other button on Bestow’s landing page reads “Apply Now.” 

This is for users who don’t need additional information about life insurance, such as free quotes. They’re ready to apply for coverage.

When clicked, the “Apply Now” button takes the visitor to a page that looks like this:

"Here’s how it works." landing page by Bestow

As you can see, it asks some of the same questions as the “Get a Quote” page. But it also includes more personal questions, like the visitor’s home address.

When a customer fills out this form, the company will determine if they qualify to purchase a life insurance policy.

Then, they can purchase the policy. So the landing page could result in a sale with just a handful of clicks.

2. LinkedIn Premium

LinkedIn’s premium service comes with a one-month free trial. 

You can access the trial on their landing page. Which looks like this:

LinkedIn Premium landing page

Here, the hero image is a cartoon of LinkedIn Premium in action. It features a function that isn’t available to non-premium subscribers. 

It also contains a large headline that entices the user to click. 

And it contains two CTAs. One is a button that says, “Try free for 1 month.” And the other is a button in a different style that says, “Start my free trial.”

Having more than one CTA gives users extra opportunities to click into your offer. 

If people are focused on the top of the screen, they might click the button in the upper right corner.

But if they needed that extra push from the headline, the user might be more inclined to click the button that follows it.

And both CTAs lead to the same page.

A login form.

LinkedIn Premium's log-in or sign up form

By linking to a form like this, you can accomplish two things. 

If your customer already has a free account with you, they can be sold on an additional product after logging in.

And if the customer doesn’t have an account, they’ll be able to make one in order to claim your offer.

So even if they don’t end up signing up for the trial, you’ll be able to reach them with additional offers later.

3. Tor Books

Tor, a publisher of science fiction and fantasy books, offers a free ebook each month. 

This is what its landing page advertising the offer looks like:

Tor's landing page featuring the book "The Allow of Law" by Brandon Sanderson

An image of the book’s cover serves as the hero image. 

A headline details the offer: a book-of-the-month club. And a subheading gives an exciting one-sentence summary of that month’s book.

There’s also a lot of supporting copy describing the plot of the book. This is extra important. Because without knowing what the book is about, it’s unlikely that users will want to read it.

There are also two CTAs. 

One is a button intended for people who are already Tor customers. If you’ve already subscribed to Tor’s book-of-the-month club, you can click the “Confirm Now” to get the free ebook.

Tor's landing page with the "confirm now" button highlighted

The other CTA is a form asking users to fill in some information and agree to terms and conditions. Two options at the end of the form invite visitors to sign up for a newsletter. 

Followed by a button labeled “Sign Me Up!” to submit the form.

Tor's landing page with the "sign me up!" button highlighted

Having these two CTAs means you can convert even more users. 

A returning customer might still be interested in reading a free book. And this could lead them to purchasing additional books by this author.

And a new customer who downloads this free book may opt to receive your newsletter. 

That means more opportunities to sell them books in the future. And keep them engaged with your company.

In general, one of the most important ways for potential customers to find your website is through organic search. 

But remember: 

Landing pages are for visitors who are ready to convert.

You can tell when visitors are ready to convert because they are searching for highly specific phrases. 

If they’re not ready to convert, the phrases they’re searching for will be more general and shouldn’t lead them to your landing page.

Here’s an example. 

If a user searches for “Uber,” the first match they’ll see links to Uber’s homepage, where they can learn more about the ride-sharing company.

Google SERP for “Uber”

But when users are ready to convert, the searches they make are more specific.

Here’s what it looks like if the user searches for “Uber sign up.”

Google SERP for “Uber sign up”

One of the top results is Uber’s landing page, where visitors can sign up to become a driver.

Uber’s landing page

So, to optimize your landing page, you need to be selective about which keywords you target with it.

The first step is to find those keywords through keyword research

But your landing page has a specific function: increasing conversions. So you only need to target specific keywords. 

As a rule of thumb, the more specific a keyword is, the more likely the person searching for that keyword will convert. 

That’s because that person has a very clear idea of what they’re looking for.

Here’s another example.

Mailchimp and Klaviyo both offer a marketing automation platform. They are competing for similar customers.

Klaviyo could try to capture some of Mailchimp’s users by making a landing page highlighting the differences between the companies’ offerings.

Like this:

Klaviyo’s landing page highlighting the differences with Mailchimp

If you were optimizing this landing page for search engines, you could use Semrush’s Keyword Magic Tool to find variations on keywords related to Klaviyo and Mailchimp. 

The keyword “klaviyo vs mailchimp” is a good start:

“klaviyo vs mailchimp” search results in Keyword Magic Tool

If you click on these keyword suggestions, you’ll see additional suggestions for optimizing the landing page. For example, users have questions about pricing. Or about integration with other platforms, like Shopify.

Keyword Magic Tool results for "Klaviyo vs mailchimp" with "pricing" and "Shopify" highlighted

So having content on your landing page to answer those questions could get it to rank higher than pages that don’t answer those questions. And it might convince visitors to click on your CTA and convert.

Share
Author Photo
Writer, editor, SEO strategist, and supporter of the Oxford comma. There‘s little I enjoy more than lounging on my couch playing video games and snuggling with my dog.
More on this