Read on to learn how your website could be sabotaging your advertising. And, what you can do to get more leads from your the clicks you've already paid for.
They'll click your ad, and then bounce right off your page without reading it. They won’t come back. Ever.
We know people jump to conclusions. It happens even faster on the internet. They decide to stay or go in a flash, without thinking. It happens at subconscious level.
Studies have shown that you've got less than three seconds to save or lose your visitor forever.
You're already losing more visitors than you win as leads. If you can convince more people to read more of your site, more of them will fill in your contact form. The only way to go is up. This is an easy win.
Google hints that conversion rate is part of the Ad Rank calculation. Improvement in conversion rate should lead to more and cheaper clicks.
It’s clear that nobody could read your site in seconds. So poor writing isn't the culprit.
Same goes for the pictures. Bad pictures harm conversion rates, but they're not necessarily responsible for instant bounces.
It's also not your prices. People leave before they've had long enough for the page to load, to find the price and decide that you're too expensive.
So what drives people away? What does a brand new visitor learn in under three seconds that makes her leave?
I say under three seconds, because the countdown starts the instant they click your ad. If your site takes 15 seconds to load...
(More about making sites fast later.)
It's not what she sees, but what she doesn't see.
The first question a brand new visitor asks. "Am I in the right place?"
She will leave if you can't convince her that she's in the right place before the countdown hits zero.
The right place is the page where she will find the product or service she searched Google for seconds ago.
She should be on that page now, but unless she knows that she is, she'll hit the back button.
The landing page has to scream “You’re in the right place” or you’re going to lose her forever.
And once you've got that right, you need to do two things to complete a great first impression.
I tried an experiment in the summer of 2012 that turned everything I knew about landing pages upside down.
I wanted to find out what would happen if I used the top of the website to talk about what the searcher wanted. I thought it would give first time visitors a reason to stay for longer.
This went against the design thinking at the time, so it felt a little risky.
I started with the landing pages for 15 AdWords campaigns. I wanted enough traffic to get the answer quickly, but I didn't want to risk killing off the lead flow to all my clients.
This was a bold move at the time, but it paid off:
I've since used the concepts to produce hundreds of high-converting landing pages. I'll link you an example of this kind of landing page later.
Knowing the purpose of the page, the reason it’s there, is the starting point for an effective design.
So how do you know what that reason is?
Can I introduce you to my brother, Don? He is the best salesman I’ve ever met. He sells nails, screws and other construction fixings.
I worked for him for a few months. It didn’t take him long to realise that I knew nothing about selling.
We had walked onto a building site in Northern Ireland and started talking to a Polish window fitter. Window fitters use a lot of the products we sold, so he was a good prospect, even though his English was weak.
I started telling the window fitter how good our nails were. How much the factory spent on research, how the surface coating prevented rust. How the alloy used for the tips was patented in 15 different countries.
Don dragged me out of the way and took over. He asked the window fitter "How do you buy nails?"
In the car later, Don explained that the only thing I needed to do to sell was discover what the next step closer to the sale was.
Trying to convince the window fitter was a waste of time. He never bought nails. Not from us, nor from anyone else. He picked them up at the company stores.
Don found that out. That was the first step. The next step closer to the sale was finding out who at the stores did the buying.
You get to a sale one step at a time.
Your landing page exists to get your visitor to take the one next step closer to the sale.
It is true that there are many possible ways for your visitor to turn into a sale down the line. She could...
But you must choose only one as the main reason for the page. A landing page that tries to pull visitors in all directions ends up going nowhere.
Make the next step your visitor must take the most prominent thing on the page. You make it stand out by:
The contact form will scroll off the top of the page if your visitor keeps reading. You don’t want her wondering what to do when she gets to the bottom of the page.
I added a big button to the bottom of my clients’ landing pages. It says "Contact us now for fast service." Anyone clicking on it gets taken from the bottom of the page back up to the enquiry form.
It looks like it's responsible for a small increase in the number of enquiries.
You could achieve the same thing by putting an extra enquiry form at the bottom of the page.
Your visitor thinks she's in the right place but she’s still a flight risk. Her mouse hovers over the back button.
Right now she doesn’t care about:
(* Spotted on poor-performing landing pages.)
She wants more evidence that she’s in the right place. You want her to take the next step towards a sale. Boasting about your business doesn't aid either.
Establishing your credibility will be important later. But the words about you get in the way at this early stage.
Instead, focus on what she wants and offer to help her get it.
Your client or boss might not understand why you don’t want words about the business at the top of the page.
He might think proving how good the firm is, is key to getting a lead.
The truth is that we’re jaded. We don’t believe what businesses say about themselves on their websites anymore. Too often the words don’t match the reality.
If you can’t avoid talking about the business, put it out of the way, at the bottom where it'll do less harm.
Run the words on your landing page through the Hemingway app.
The Hemingway app makes your writing bold and clear. It highlights long, complex sentences and common errors. It shows you how difficult your site is to read.
Aim to tighten your writing so someone with a Grade 6, or lower, education can read it. Poor readers will be able to understand it. Good readers will appreciate the clarity.
(To give you a feel for it, this article is readable by someone with a Grade 5 education.)
Every heading, logo, picture, link, paragraph, button and form either helps or hurts conversion.
There are no neutral elements. If you put it on the page it will either move the visitor towards the next step, or get in the way. It's either signal or it's noise.
Every element on the page adds cognitive weight. Your visitor needs to look at it, understand it, and then decide if it is going to help her get what she's looking for. The busier a page is the better chance of her hitting the back button.
You make something look important by removing things around it.
The Mona Lisa hangs alone. The Louvre has thousands of priceless pieces but they emphasise the star of their collection by removing everything around it.
Your landing page has one purpose. Remove anything that distracts from that. Don’t make the contact form compete for attention with the text, the pictures, widgets, maps or logos.
Peter Carruthers and I taught 1 300 small business owners to use AdWords to find new clients. One of our students missed a step.
She published an empty landing page. It had a headline and a contact form, but nothing else. She forgot to upload the words and pictures.
She asked for help a month later.
She had started using AdWords but her quality score was terrible. (Quality score is a rough measure that Google uses to tell advertisers how well their ads are doing.)
She couldn't understand why Google was unhappy. She was getting sales leads every day. About 9% of people who visited her empty landing page filled in the enquiry form.
I don't advocate publishing an empty landing page, but no doubt there is some fluff you can cut.
If your client or boss opposes wholesale edits you can reduce the drawback of deadwood by making it less prominent. Make it smaller or move it to the bottom of the page.
Making your site look easy to read is key to creating a good first impression. Remember, you’ve got seconds to save this visitor, so the site must look welcoming and like she’ll be able to find what she wants easily.
Your visitor knows how a website works because she's visited thousands of sites. That's given her an expectation of what a website should look like, and how it should work.
She expects a menu at the top of the page, or in a sidebar next to the main content. There may be another menu at the bottom. Underlined words are links to other pages or websites. Forms wait for you to press the button before sending your information.
Convention gives her a sense of familiarity. It keeps her from making mistakes. It builds on what she already knows. It doesn't interrupt the flow by making her ask "What now?"
Conventions make it easier to get up to speed.
Your site becomes jarring when you break with convention. That's when she hits the back button.
An unconventional layout may win your designer an award, but it won't win you as many leads as you deserve.
Following conventions doesn't smother creativity.
We’ve adopted a set of conventions for designing cars. The brakes and accelerator are pedals on the floor. The roundish thing in front of the driver steers the vehicle. The driver sits in the front and the kids scream in the back.
Convention means we don't need Ford-driving lessons when we buy a Ford.
Sticking to conventional pedals and steering wheels doesn't stop car makers being creative. Designs range from the VW Beetle to the Bugatti Veyron. Neither is boring. Both follow conventions.
*And every other mobile phone.
There are two approaches to making your website work well on mobile phones.
Make one website that changes to suit the screen size. 10 years ago this was a big technical problem. Now it’s a piece of cake. There is no reason for your site to be mangled on a tiny screen.
This website (the one you're reading) is responsive. It resizes to be comfortable to use on a mobile phone screen. It’s also comfortable on my 27” Apple screen on my desk.
Make a second, mobile friendly website. Your web developer can add computer code to send visitors on mobile phones to the mobile site.
If you have a mobile specific site, set the final mobile URL to the mobile site.
Visiting your site on a mobile phone is a good test.
Tiny fonts are a legacy from printing where big fonts cost more in paper and ink. Newspapers charge by the column-inch but nobody charges for pixels on the web. There is no good reason to use a 4px font-size.
Your web designer might argue that people can zoom in to make the text bigger. That is true but can you afford to lose potential customers because they don’t know how to zoom?
Your visitor is one finger-twitch away from hitting the back button to find a site she can read.
Use a base font size of 16 pixels. Separate lines of text by 1.2em.
Background images or textures make reading difficult. They add no value to a lead generation website.
Paper is cheap on the internet. Be generous with space above, below and on either side of your content. There is no need to squash.
Low contrast sites - light grey writing on a light background - can be beautiful and subtle, but they're hard to read.
Landing pages must be easy to read. Use a light background with dark text. The strong contrast makes the sites easy to read.
If you run an IT business, for the love of all that’s good, don’t make your website look like a 1980’s computer terminal, with black background and green text.
I thought you had to have a picture on a website for it to be credible when I started using AdWords for lead gen. I thought a site without images looked unfinished.
But pictures are hard to get right. Big pictures slow the page. Small pictures are, well, too small to be of any use. And getting good quality pictures from my clients was a nightmare.
I wondered if having pictures on the landing page was worth the difficulties. Would fewer people fill in the form if there was no picture on the page?
I did what I always do when I want to find something out. I tested. I set up two landing pages, identical in all respects, except that one didn’t have a picture. I used AdWords to send a few thousand visitors to each page.
The test was inconclusive. A picture didn’t make more people fill in the enquiry form. No picture didn’t make fewer people fill in the enquiry form.
Since then I seldom use pictures on the landing pages I build. If my client insists on a picture I put it near the bottom of the page where it can’t do much damage.
A single column layout has only one column of text, like this site, rather than a main area plus a smaller side column.
Single column layouts lend themselves to simple distraction free design. They offer the visitor a clear flow path from top to bottom, like a book.
They also look much better on small screen devices like mobile phones.
Don't make your landing page a giant wall of text.
Headlines are the skeleton of the page. They tell the visitor what's on the page, and where they'll find it. That lets her scan to confirm that she's in the right place.
She can dive deeper and flesh out the details from the paragraphs between the headlines.
Headlines must stand out from the rest of the page. Make them bigger, bolder and possibly in a different font. Maybe use a different colour too.
What do we like about slow websites?
Nothing!
Your future customer will hit the back button if your website takes too long to load.
You can get a quick speed boost by removing most of the pictures from your landing page.
There is a design trend towards enormous photos at the top of a website. Sometimes even a slideshow to force your visitors to enjoy all the photos. A bit like being trapped next to a proud grandmother on a long flight.
These pictures are heavy. They make the site drag. The site won't feel slow to the designer because they have a fast internet connection. But for someone at the far end of a bit of copper wire or on patchy 3g it’s painful. Those beautiful photos might win artistic awards but they’re not going to win new business.
You can check your page speed using PageSpeed Insights. It's a free tool from Google that shows how long your page takes to load, and what you can do to make it faster.
Your visitor is on your landing page because she wants to find something.
Her search started when she typed her query into Google. Google offered her a page of relevant results. Your advert (AdWords) or your link (SEO/witchcraft) was on that page. She clicked it.
Don’t break the chain of relevance now.
Your landing page should keep the implicit promise to help her find what she was looking for. You can’t do that on your home page.
You home page has a tough job. It must:
It can't do all this well, and be an effective landing page.
Your landing pages should use the secure HTTPS protocol, not the insecure HTTP protocol.
Some may say that it's unnecessary unless you’re asking for credit card details or password. That’s not true.
Losing these future customers might have been an acceptable trade off in the past. Making your site secure used to be expensive and could be painful. Today it costs nothing and takes two clicks. There is no reason to lose people because of security concerns.
Here's how you check if your site is secure.
Go to your website's home page. If the URL starts with https, or you see a lock icon or 'Secure' next to the address your site is secure. No further action required.
If it doesn't, copy the URL from the browser address bar and paste it anywhere that will let you change it - Word will do.
Change the http part of the address to https and paste it into the address bar of your web browser. Reload the page. If your site doesn't load right away, or if you see warnings, then your site is not secure.
Contact forms are well understood and work on all devices. Email links are not as robust. They don't work automatically on mobile phones, with Gmail / Hotmail etc or on shared computers.
Your future customer is one step away from the start of a relationship.
Your contact form is all that stands between you and the chance of a profitable sale. Why is it an afterthought?
If your page converts 1% of visitors into leads you're doing better than average. But, what about the 99 of every 100 visitors who you lose forever?
I've spent thousands of hours chipping away at the problem. More than a million people have filled in a contact form I built and become sales leads for my clients.
The changes I've made to contact forms have increased the number of leads by 10, 20 and in some cases even 40 times.
Lots of those changes are small, but produce outsize results.
I’d like to share everything I’ve learned about high-converting contact forms with you. You won't have to repeat the hundreds of tweaks and tests I did.
I have distilled a decade of work, hundreds of split tests, and (literally) millions of dollars worth of AdWords clicks into this guide.
You'll learn low-hanging upgrades that will boost your page conversion rate. Things that you might not yet be doing.