27 Tips For Building a Top-Performing, Lead-Grabbing Landing Page
This 5127-word article is one of the most complete overviews of landing page best practices on the internet. It is intended to help businesses improve conversions, leads, and engagement from their landing pages.
Having said that, every business is different. Take what you think makes sense, and leave the rest. Don't stuff your landing page with "extras" because I mentioned them here. Less is more. Good luck :)
Sina Fak & Raphaëlle Sirhan
Let me ask you a question:
Why should a prospect want to buy from you?
“Because I sell only the best!”
Okay, come on. What I mean is, what SPECIFICALLY about your landing page would convince a total stranger to buy from you?
Does your headline speak directly to their needs and goals? Does your CTA promise to actually DO something they want to accomplish?
Get details like these on-point, and your landing page can grab you more leads than you ever thought possible – and I mean, seriously, more leads than you’d ever believed. So many leads you’ll have to scale up your staff just to keep up with them all.
How do I know? Because we’ve made it happen for our own clients.
But it’s only going to happen for YOU if you streamline your page into a precision-targeted machine that does one thing only: gets qualified leads to CLICK that opt-in button.
I'm going to bullet every point so that it's easier to refer to in any follow up:
Ready to go over everything?
This is going to be epic...
1) Start from your customer’s end goal, and work backward
Writing a perfect headline can be tricky business.
That’s why some businesses try to pack everything – including the kitchen sink – into their headlines:
"For Top Quality Custom Car Accessories for All Brands, Delivered Worldwide in 10 Days or Less!”
Phew! I don’t know about you, but I’m out of breath just from reading that mess.
Here’s the easy way out of a crappy headline trap:
Ask yourself, “What’s my customer’s main goal?”
That, right there, is your headline. And the main theme of your page.
For our dizzying headline example above, a benefit-focused headline might be,
“The car parts you need, in 10 days or less. Guaranteed.”
The customer doesn’t care that you have ALL the parts for every possible car. They don’t care that you ship everywhere in the world.
All they care about is that you have the parts THEY need, and that they receive their order on time.
Figure out exactly what your customer’s goal is.
Write a headline that fulfills that goal.
Then build all your messaging, images, layout, and everything else around that headline.
2) Stay focused on ONE overall selling point
The easier your offer is to understand, the higher your conversion rate will soar.
This doesn’t mean, of course, that everyone will want what you’re selling. You’ll still get a lot of bounces – in fact, a bounce rate of 80 percent is totally normal, even for an all-star landing page.
But here are a few things that’ll grab attention:
Use specific dollar values.
Your TVs cost “only $2,995,” rather than “just a few thousand dollars.”
Use non-round numbers.
For some reason, people find $2,995 easier to believe than $3,000.
Numbered lists sound official.
Instead of listing “lots of reasons” to buy from you, list “The Top 5 Reasons.”
Skip the fine print.
Eliminate every word that distracts from the "Buy" button
Your TVs are affordable… and you offer free shipping… but what does your prospect REALLY want?
To watch the big game on a big, clear screen.
Zero-in on that primary selling point, and make sure everything on the page supports it.
3) Make your page look unique (i.e., don’t use a crappy template)
Yeah, I know... “Some of the latest WordPress templates look really professional!”
That’s great if you’re running a personal blog.
If you’re trying to build a high-converting landing page, though… what’s every visitor going to think, the second they lay eyes on it?
“Oh look. It’s that same WordPress template I’ve seen a thousand times.” [closes browser tab]
I don’t mean to pick on WordPress. Some of their custom templates really do look professional – and if you put in some time really personalizing them, they can look totally unique.
All I’m saying is, we all know an overused website template when we see one.
An overused template does not inspire confidence.
Don’t be “that person.” Invest in a good web designer – or at the very least, choose a template that doesn’t look like every other high school blog out there, and put in some time making it look unique.
Even if all your other content stays the same, a simple change of site template can give you a huge boost in conversions. I’ve seen it happen.
4) Keep the most important stuff “above the fold”
In a real paper newspaper (yeah, I know, what’s this “paper” I speak of?) the biggest headline always goes on the front page, above the first fold.
The exact same principle applies to landing pages.
Except by “fold,” we mean “the bottom of the visitor’s browser window.”
In other words, they should see everything you need them to see, WITHOUT having to scroll down.
Because most of them will never scroll at all. The vast majority of visitors will either click your CTA button without scrolling down, or else they’ll bounce.
That means the "above the fold" area of your page needs to include a 5-Point Punch:
Image Credit: Unbounce
1) A powerful and descriptive headline:Something that will instantly grab your attention +give you a reason to stick around and learn more.
2) A complimentary supporting sub header: Give your headline a boost and help your customers put things into perspective.
3) A brief benefit statement: Go straight to the point and describe the core benefits of your product or service.
4) Urgency or special offer statement: Give people a reason to take action right now using a limited time or limited quantity offer.
5) A CTA that describes exactly what you’ll get: Entice clicks by describing the proposed benefits directly into your call-to-action buttons.
All of that might sound like a lot, but it’s actually not that much – you’ll have plenty of room for that all-important whitespace, if you design wisely.
Plus, it’ll force you to write copy that’s short, sweet, and straight to the point.
5) Search-engine-optimize your page’s title
I’m NOT talking about your headline!
I’m talking about the title that shows up in the browser tab.
Your page’s headline and subheader are important too – and we’ll get to those in a bit – but without an optimized page title, people will be a lot less likely to find (or click on) your page link.
Keep your title short, and pack it with keywords relevant to your page’s main goal.
And, even more importantly, make sure to think phrase your title according to the CONTEXT in which people will search for it.
Google's filters keep getting smarter. Keywords used to be king, but context is taking over.
Here’s what this means for you:
When Google’s algorithm scurries off in search of a page to answer a user’s question, it’ll keep a close (robotic) eye out for page titles that look super-similar to the question the user asked.
For example, instead of a page title like, “50% Off Grand Canyon Hotels” – which almost no one will actually type into a search engine – use a title like, “Best Hotels in the Grand Canyon”.
The more similar your title looks to the user’s question, the more likely Google will bring back your page as a top search result.
6) Make sure your landing page copy matches your ad
And when I say “matches,” I mean, “matches EXACTLY.”
For example, let's say some searches a "Best SUVs 2017"
Then your customer’s experience should look something like this:
But what if instead sending you on an SUV page, you land on a page whose headline says, “Certified Pre-Owned”?
Right away, you would wonder if you're on the right page.
It might not seem like a huge difference to you. Hell, it might not seem like a big difference to your visitor, either.
But still… they start off with that little doubt in their mind.
Why give them the opportunity to doubt at all when you can easily avoid it?
People click an ad because they like what it says. Make sure your headline and subhead use those same words, so visitors see the exact same text they clicked, the moment they land on your page.
Then point them straight to a CTA that delivers precisely what they want.
7) Pump up your views with social media buttons
The more people share your page, the more likely it is to show up in searches.
A few social media shares can now boost your page’s rank MORE than inbound links from other websites.
But that’s just the beginning of why you need social share buttons on your page.
Sumo.com and similar free plugins make it easy to add social share buttons anywhere on your page – or even as an auto-scrolling sidebar.
Take a few seconds, set them up, and start raking in the shares.
8) Build trust with testimonials
I already talked about the importance of social share buttons. What I’m talking about here is testimonials.
Remember when I said people are 71 percent more likely to convert based on social media referrals? Every real positive review on your page raises that percentage.
For example, we put snapshots of emails we got from customers who used our $297 Landing Page Analysis...
And our conversions went through the roof!
Customer testimonials look even more legit when accompanied by photos – or better yet, video clips – of real people who genuinely love your product or service.
In fact, a lot of businesses have found that the most successful landing pages of all are literally just huge testimonials from photogenic customers, with opt-in forms at the bottom.
Yeah, this is kind of a big deal – so let me say it another way:
You can use a customer testimonial (with an attractive photo) as an ENTIRE landing page, and that page will convert. Hugely. Massively.
Possibly even more than your other landing pages.
9) Use trust symbols to prove you’re legit
This is basically the corporate version of those photogenic customer testimonials.
You might be thinking, “But I don’t work with any big-name brands.”
YES, YOU DO. I promise.
If you run a cleaning company, you work with name-brand cleaning fluids. If you make glittery dog collars (hey, I don’t judge), you use a certain brand of glitter.
And if you’ve been in business for a while, you’ve probably also gotten good ratings on sites like Yelp, Amazon, Etsy, etc.
Plaster those logos on your landing page. Make ‘em easy to see.
Here are a few examples:
Visitors skimming your page aren’t going to take a ton of time to examine the logos and wonder what they mean. Most visitors may not even consciously notice them. And on their own, they’re not likely to grab you conversions.
But logos – otherwise known as “trust symbols” – make an impact all the same. In their own subtle way, they say, “We’re a real company. We work with other companies you know and trust. And other companies trust us.”
Even if it’s just subconscious, your visitors will get the message.
10) Play up the social proof
Tell your visitors how many happy customers you’ve got. And show them, too.
This is known as “social proof.” I’ve already talked about using social media buttons, and stamping positive customer reviews on your page – and all these things are FORMS of social proof.
But the general principle is even bigger.
Invite your visitors to “Join 5,400 happy customers!” Encourage them to “Find out what 10,500 homeowners love” about your service. (Remember what I said about not using perfectly round numbers.)
Here's a great example of using social proof by Basecamp:
Photos are another powerful form of social proof. When your visitors see photogenic people using (and loving) your product or service, they imagine themselves in those people’s shoes.
“That could be me!” they’ll think. And they’ll be right.
In short, everything on your page should reinforce the message that tons of smart people – people just like your visitor – already use and love your product or service.
You want every visitor to think, “If I don’t opt in, I’ll be missing out!”
THAT’S how powerful a single positive testimonial is.
11) Make sign-ups as simple as humanly possible
Do you really need more than your visitor’s first name and email address?
I’ll answer that for you: NO, you don’t.
And it’s a good thing, too, because that’s as much personal info as most first-time visitors will be willing to hand over.
Your opt-in form (or sign-up form, or whatever you want to call it) should be an eye-catching box containing exactly four things:
1) An attention-grabbing headline (A/B test a few, and see what works)
2) A “name” field
3) An “email” field
4) A button that says something action-oriented, like “Sign me up now!” or “Start my FREE trial!”
Every other thing you want to add is a distraction, and will lower your conversions.
“But I need the lead’s phone number!” I can hear some of you crying.
My response is: “WHY?” You’ve already got their email, which means you can start delivering valuable content to their inbox right now. (If you don’t HAVE any valuable content to deliver to their inbox, then that’s a whole different problem, and I’ll be happy to help you solve it.)
“But what if they gave a fake email?” you ask.
Then they were never serious to begin with, and you’ve just saved yourself a huge amount of pointless work. Count yourself lucky.
Get the lead’s name and email address. Start delivering valuable content to their inbox. THEN, and only then, can you start to think about making a sales pitch.
12) Make it easy for your leads to contact you
All right, so you’ve got a simple contact form with an action-oriented CTA.
That’s a great start – but what if a prospect doesn’t want to wait for you to contact them?
Make sure they know you can be reached by phone, by chat, by Skype, and on any other platform they’d like to use.
Obviously, none of this info should distract from your main CTA.
You don’t want your lead to sit there wondering which action to take… then get distracted by a phone call (or a police siren, or a party down the street) and forget all about you.
Just make sure they know you’re happy to talk… or instant message… or whatever… whenever they are.
13) Grab 100% of visitors’ attention with one simple statistic
Your landing page already shows visitors how happy and fulfilled they could be if they purchased what you’re selling.
But HOW MUCH BETTER would their lives be, exactly?
Maybe you can raise your clients’ revenue by 20 percent. Or decrease their processing time by 15 percent. You get the idea.
The only big rule to follow with statistics is to keep it simple. Don’t drown your visitor in numbers.
If you absolutely, positively, HAVE to show off more than one or two statistics, put ‘em into a cool-looking infographic or flowchart.
Otherwise, stick to one big attention-grabbing stat, front and center.
(Kinda like we did at the beginning of this post ;)
14) Break up your features into bullet points
Nobody takes the time to read anymore!
Yeah, I know; our culture is crumbling. Look – do you want to make more sales, or not?
People don’t read landing pages – they SKIM them. Often on small mobile screens.
That means you need to keep text to a minimum, make it as easy as possible to skim, and break it up in a way that makes your audience want to read more.
So, leave plenty of whitespace.
If you’ve got ANY text longer than two or three lines,
- a way
- to bullet-point it.
Or use colored subheadings
In a different font, to break up the flow of text.
Call out the most important words with bold, italics, ALL-CAPS or links.
WARNING: Do not use all these things in the same paragraph, obviously.
That would defeat the whole point.
The point is to make your text as easy as possible to skim.
I mean, if it’s not easy to skim… then why bother putting it on your page in the first place?
15) Use POWER WORDS
We’ve all heard writers throw around words like “punchy” and “pop.”
What exactly makes writing “pop?”
The answer is surprisingly simple. Writing “pops” when it uses…
[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[dramatic thunderclap]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] POWER WORDS.
Does your workout program just “help people lose weight,” or does it “deliver dramatic weight-loss results?”
You know power words when you see ‘em:
On the negative side:
And on the positive side:
Once you get some practice, you’ll find that power words become second nature.
Check out this list of 317 power words to get started.
16) Make a limited-time offer
Yeah, I know, countdowns are everywhere. Yes, they can be cheesy. And sure, we all kinda know they’re a little bit fake.
But you know what? They’re everywhere because they WORK.
The simple combination of:
- A clear offer
- A numerical statistic, and
- A countdown timer
...is one of the most knock-out combos for ANY landing page.
Tell your visitor what they’ll get, how many other people love it, and how long they have to grab it.
And watch your conversions shoot through the roof.
Why is this so effective?
Because countdown times create a sense of urgency. When people fear they have a limited time to make a decision, they’re more likely to convert right on the spot.
Time is running out!
Add a countdown timer to your page today!
17) Use action words in your CTA
Nobody wants to click a button that says something boring.
Would your customers rather just “download the report,” or do they want to “read the FREE report NOW?”
All great CTA copy shares one thing in common: it’s action-focused.
Make it the button that DOES THE THING!!
A button with text like “Go” or “Submit” is not only boring – it tells the visitor absolutely nothing about what will happen when they click it.
NEVER let your user wonder what the button might do. Once they start wondering, their attention drifts away.
So tell them EXACTLY what will happen the instant they click that button:
- “Download my FREE ebook”
- “View my free report”
- “Begin my free trial” ← Although that’s a popular CTA, I would never use it. Why? Because nobody wants to start a trial that’s going to expire and ask for more money.
- “Import my data now” ← Again, a popular CTA, but one I’d never use. Why? Because it sounds like it’s going to involve boring work, and nobody wants to do extra work.
- “Start using the app NOW” ← There! Much better. See the difference?
The more directly your CTA highlights the benefit of clicking the button, the more likely a visitor is to click it.
18) Make your CTA button stand out
This one’s pretty simple. Make sure your CTA button jumps out at the viewer.
Action words help a lot with this. But even the most thrilling action-packed words won’t make much different if the visitor doesn’t NOTICE your CTA button in the first place.
Make it bold. Make it bright. Make it contrast with the surrounding page.
In short, make your CTA button the most eye-catching element on your page.
Here's a great example by Freshbooks:
Like I said, this one is simple.
19) Get rid of outbound links
Somewhere along the line, somebody probably told you that “more links = a higher search ranking.”
Yeah, but that’s only true for inbound links – links that point to your page, not away from it.
Every outbound link, on the other hand, is another excuse for the visitor to leave your landing page.
Yes, even if it’s a link to another page on your own site. It doesn’t make a lick of difference.
Every outbound link is a dangerous distraction.
Each time you offer to take your visitor away from your landing page, you’ve giving them another reason NOT to click your CTA button.
A lot of business owners (and even marketers for Fortune 500 companies) love to load their landing pages up with all kinds of nav bars, menus and links to other areas of the site.
(Take a look at this page by Rogers Wireless and tell me you know what to do...)
This typically happens because they don’t have a single, clear goal for their landing page.
The instant a visitor lands on your page, your goal should be to get them to do one thing, and ONE THING ONLY: click that CTA button.
“Yeah, but I also want them to see this other cool thing...”
Every “other thing” you dangle in front of your customer is a reason NOT to convert.
Never give them any reason not to convert.
Give them a button to click.
20) Give people something in return for their contact info
No matter how much a prospect likes what you’re offering, they’ll always be a little hesitant to hand over their personal information “for no reason.”
Okay, sure, you’re going to give them a good reason as soon as you get in touch.
But still. Handing over “something for nothing” feels a little cheap. A little too easy.
You can hugely boost your conversions just by giving people a little something in exchange for their personal info. You know, so it feels more like a trade.
It doesn’t have to be anything major. Just something that feels exclusive:
- An ebook
- A special report
- A free consultation
- A specialized assessment
- A contest entry
- A small product sample
- Free beer! (Hey, a guy can dream...)
The list goes on and on. Spend a little time developing a free product or service to give your prospects, and I guarantee you will see a lift in conversions.
And when you reach out to the prospects you’ve converted, they’ll be all the more ready to listen, since you’ve already helped them for free.
21) Run A/B tests on your landing page...
If you owned a restaurant, you wouldn’t serve the same dish to every customer, would you?
Of course not. You’d test different variations of every dish on the menu – and the most popular variations of your best dishes would become your “house specialties.”
Landing pages follow a really similar principle.
If you try to serve the same version of the same page to every visitor, you’ll convert a few – and miss out on the opportunity to win a lot more happy customers.
Running A/B tests is simpler than it sounds.
All you need to do is create two (or more) variations of your landing page.
Then set up your site to serve each variation to visitors at random, and find out which performs better.
But here’s the key:
Only test changes to ONE page element at a time.
When you find out which of two (or three, or four…) CTAs performs best, then stick with the ONE top-performing CTA, and move on to testing two (or three, or four…) headlines. And so on.
The more you A/B test, the better you’ll understand how to convert your visitors.
And the whole time you’re testing, your conversions will keep rising.
22) ...and create different versions for different customer segments
Just as you can (and should!) A/B test different headlines, CTAs and other page elements, you can (and should!) create and test pages targeted at different customer segments.
(Image credit: happyboxsolutions.com)
Maybe college guys want to buy your shoes because they’re great for trekking across campus.
And maybe middle-aged dads love ‘em because they’re comfortable for golfing.
Starting with each of those specific benefits, craft a headline, CTA, and page message around the things each customer segment value most.
Then A/B test every possible variation of every element on those pages.
Over time, you’ll not only get a boost in conversions overall…
...you’ll also get a hell of a lot more unique conversions from EACH SEGMENT.
That makes all this testing more than worth your while.
23) Share a video (that people actually want to watch)
Customer photos and product shots aren’t the only “hero” images out there.
Videos have been popular hero shots since the earliest days of the web.
Problem is, not everybody understands how to use them effectively.
If your video’s preview freeze-frame is just a shot of a car (or a computer, or… just about anything else) with a “play” button, your prospect has NO REASON to watch it.
You’re basically asking them to spend two minutes of their life watching something that may have absolutely no value for them.
So that’s the first step: make sure your video is actually helpful.
Now, maybe your video IS helpful. Maybe every second of those two minutes is jam-packed with useful tips, meaningful statistics, awesome music, beautiful people and epic explosions.
In that case, you need to give every visitor a SPECIFIC REASON to click that “play” button.
One easy way to do this is to overlay your headline on the video (if it’s relevant to the video, obviously).
Or, if it’s not too distracting, come up with a subhead that highlights a benefit of watching the video.
Remember – just like with your headline – start with the visitor’s main goal.
For example, if your visitor wants a great deal on car insurance, title the video, “Save 40 percent on your car insurance, today,” and title the “play” button “Find out how.”
Here's a great example of how Slack used their video headline to create intrigue and demonstrate their value proposition:
Just make sure the landing page doesn’t rely solely on the video to get its message across. No matter how awesome your tagline is, not everyone will want to play it – and some visitors may be in a quiet room where they can’t.
Still, watching a well-made video can be a lot easier than reading a page of copy.
24) Consider using exit popups… sometimes
We’ve all encountered them now and then – those little popups that appear at the moment you hit the “back” button, or try to close the window: “WAIT! You can still save 10%...”
These little guys can be highly effective when used in the right context – but I don’t always advocate using them.
Why not? Because when used in the wrong context, they can be super annoying, and turn away customers who might’ve converted over the longer term.
To use exit popups wisely, you need to have a clear understanding of WHY your audience is bouncing away from your landing page.
If they start to leave, but come back and convert when they get the exit popup, chances are your landing page’s headline and CTA aren’t getting your message across.
On the other hand, if they leave and DON’T come back, it’s probably safe to say your exit popup turned them off for good.
In other words, I really only advocate using exit popups as a tool, to help figure out where and why people are bouncing off your page.
Other than that, I don’t recommend them.
25) Point your visitors in the right direction
You’ve put together a brilliant headline, an eye-catching hero shot, and a CTA that’s impossible to ignore. What’s left?
Maybe nothing – except a little indication of where you want your visitors to look.
After all… if you just let their eyes wander anywhere, they can easily wander to that “back” button.
Directional indicators can be simple – sometimes as simple as an arrow, pointing directly at the CTA.
Sometimes a big shiny arrow is a little too loud. You can still get away with a small arrow (or arrow-like shape) pointing below the fold, as a way of saying, “Hey, look, there’s more down here!”
If people in your photos seem to be looking toward a corner of the page, their gaze can subtly guide visitors to look at a special offer, paragraph or CTA.
Here's a great example from BaseCamp:
Try a few directional cues, and you’ll find that visitors are surprisingly easy to guide with a few simple shapes.
Just keep it simple and subtle, and they’ll look (and click) right where you want them to.
26) Draw attention to the most important elements
I’m not talking about big yellow stars and neon pink text. Please don’t think that’s what I mean.
“Attention-grabbing” is not a code word for “ugly.”
I’m talking about CONTRAST.
Your headline, CTA, and (maybe) one or two more important elements should stand out from the background, and from the rest of the content on the page.
See what I mean?
The visitor will naturally look at these elements first. So choose carefully.
Also, you’ve obviously got some limits on the number of “most important” elements that’ll stand out. Two or three is usually the max.
Once you’ve picked out the page elements your user absolutely has to notice, call them out with bold fonts, contrasting colors… maybe even a shadow or two.
The easier it is for a visitor to focus on the benefits, the easier it is for them to convert.
27) Keep everything positive
Why do so many landing pages seem to list all the things the company WON’T do?
“We won’t spam you.”
“We'll never waste your time”
“We swear we don't dress up like scary clowns and frighten people for fun.”
Well… I wasn’t thinking about any of that until YOU brought it up!
In fact, a lot of pages use an overwhelming amount of negative language:
“NO money down.”
“You'll NEVER get a better offer”
You might start with the very best intentions… but after a page or two of relentless negativity, your visitor is going to start thinking in terms of “NO.”
The ONLY time you should ever use negative language… is when you’re calming a specific worry that you KNOW your audience feels.
And even then, try to phrase it positively if you can.
I mean, this world needs a little more positivity, don’t you think?
Conclusion + Closing Remarks
As you might’ve noticed, most of these tips don’t recommend ADDING anything to your page.
Just the opposite: they recommend things to REMOVE, so your page can get out of its own way and start converting leads like never before.
But it’s tough to make cuts to your beloved page – this beautiful creature you worked so hard on.
Oh, I know. Believe me.
That’s exactly why I’m here: to give you one-on-one guidance on building a landing page that fits perfectly into your conversion funnel – so your leads click, convert, and tell their friends.
When you’re ready to take your sales to the next level, get in touch. We'll talk about turning your website into a high-powered conversion factory.