A Publication of

to
Tips and Examples From Industry Experts that Will Help
Skyrocket Your Landing Page Conversion Rates
How To Optimie
LANDING PAGES
GENERATE MORE LEADS
Introduction Page 1
Page Header Page 2
Images & Video Page 5
Table of Contents
Page 11 Social Sharing
Page 8 Page Copy
Page 14 Form
Page 18 Other Tips
Lynelle Schmidt
Inbound Marketer
@LynelleSchmidt
Written by:
Al Biedrzycki
Channel Marketer
HubSpot
@albiedrzycki
Produced by:
HubSpot Partners
@HubSpotAgencies
Contributions
From:
Introduction.
Thats a lot of lost website tra!c! Getting someone to stay on one webpage for longer
than a few seconds has become increasingly di!cult for marketers. Its important that
your landing pages grab viewers attention and keep them there long enough to
convert them to leads.

By creating highly optimized landing pages, you will create a seamless conversion
path that will directly impact your lead generation and bottom line.

HubSpot and our marketing partners have been perfecting the landing page
conversion process for years, and we are here to show you how to produce pages
that will work for any industry. Well show you how to pay attention to smaller details
that could make a big impact on your conversion rates.

In this guide, you will learn:

The elements of high-converting landing pages

How to optimize your landing pages to attract more leads

Small changes you can make to increase your conversion rates

of website visitors never come back
98%
1
1) The Page Header.
2
The Page Header.
Crafting a Headline
Creating a clear, compelling headline establishes the
purpose of the landing page. A visitor to your page
only has a few seconds to visually interpret its purpose
and value.

A concise, bold headline will help to quickly establish
the landing pages authority and credibility and will
prevent visitors from immediately bouncing.
Oftentimes, we will title our landing pages with the
name of the piece of content that we are promoting.

Think Like an SEO Wizard
The title of your landing pages o"er, often the rst
thing a visitor will see, should be simple, short, and
include important keywords.

Because the headline will be the main text on the
page, search engines will be inspecting it for search
relevance. To help with this, the headline should also
be using h1 tags, such as: <h1>INSERT HEADER HERE</
h1>.
Dont Forget! Page Title
The page title appears in search
results, the browser bar, provides a
headline for the page when it is added
to favorites, shows up in search-engine
results, and is shared on social media.
Its important that you think of a page
name that is full of relevant keywords
for your search engine strategy.

You can use <title>PAGE NAME HERE</
title> in the head section HTML to
establish your page name.
h
3
Be Actionable!
With such a short amount of time to grab the visitors
attention, put action words in the headline that further
establish the purpose of the page.

For instance, we tend to precede many of our main headers
with language such as Download Now or Free Guide.

Need to Say More? Use a Sub-header
Include a brief sub-header highlighting the o"ers main
benets. Think to yourself: Why would someone want to ll
out the form on your landing page?

Sell the o"ers main benets in one short line. To follow the
previous example, and appropriate sub-header would be,
Set up and strategize your Facebook marketing plan.

A full page header would look like this:
The Page Header.
Match your headline to the Call To
Action that brought them there. For
example, if the CTA promises Twitter
Ebook for Beginners, that phrase
should be prominent on the landing
page as well.
Alisa Meredith
Co-Owner & Consultant
Scalable Social Media
@scalablesocial
Learn more from Scalable Social Media:
10 Elements of E!ective Landing Pages
4
2) Images & Video.
Images & Video.
The Gift of GIFs
We have found that creating animated GIFs can be a
creative way to increase conversion rates on our landing
pages.
Use Media to Grab Attention
Creating compelling images or videos for your page can
help to grab visitors attention and decrease the chance
that they will bounce.
Weve found that including o"er-
specic images (images of actual
eBooks, branded templates, etc.)
helped us convert up to 20% more
leads.
Eric Pratt
Managing Partner
Revenue River
@RevenueRiver
Our landing page with a GIF header had
an average conversion rate of 50.82% as
opposed to the 10-20% conversion rates
we usually see!
- Laura Hogan, OverGo Studio
Check it out!
Learn More from
Revenue River:
6
Images & Video.
Dont Forget Mobile Optimization!
Images on your landing page should always be mobile optimized. Why, you ask?
46%
of Internet searchers
use mobile devices
exclusively as their
primary research tool*
*Source: Telmetrics and xAd
Be Responsible. Be Responsive.
Many people are visiting your landing pages by searching with their
mobile devices.

To help make images responsive, or able to adjust to the size of
the screen, you can go into the HTML code of your image and
change the width of your image to a percentage such as 50% and
the height to auto.

This will then make your image resize to that ratio depending on
which device a person is viewing your landing page!
Remember the ALT Text
Images can also be a helpful way to get more search engine love by
changing the ALT text on your image to include keywords.
7
3) The Page Copy.
The Page Copy.
Dont Skimp on The Page Copy!
Include in the body paragraphs the main benets and
value of downloading your o"er for the reader.

Try to convince the reader that lling out the form on
the page (and giving some of their information) is worth
the added benet of receiving what is behind the form.

Build Trust
Many people are reluctant to provide personal
information on the Internet. Make viewers feel
comfortable completing your form elds (e.g. phone
number, email address, etc.) by instilling trust and
credibility on your landing page.

For example, use statistics to show that you have done
your research and that you are a credible source of
information.
Less is more when it comes to writing landing
page copy. You've already enticed the user to
click your o"er via the CTA, so focus on the
main points of what your prospect will gain
from downloading your o"er. E"ectively use
bullet points so the prospect can pick out the
concrete benets of your o"er.
Lisa McDermott
VP Sales & Marketing
Stratus Interactive
@StratusInteract
Learn More from
Stratus Interactive:
9
The Page Copy.
Keep the copy short and sweet and direct.
Use bullet points to get your message across
and always make the benets to the prospect
the key takeaways on the landing page.
- Shannon Vitberg, Vitberg LLC
Formatting is Key!
Format your copy so its easy for viewers to easily
understand the o"er, value, and recommended next
step.

Use small paragraphs of text and highlight key
sentences throughout that will help instantly identify
the value of the o"er for the reader. Bullet points
or numbering is an e"ective way to identify the main
takeaways.

Limit the number of bullet points or numbers to no
more than ve to keep it short and simple. These
formatting tricks will help a visitor draw the key
benets and value of the o"er quickly from the
landing page without having to dig through many
paragraphs of text.

Dont forget to proofread your nal landing page
copy for spelling errors at the end to ensure that the
page comes across as professional and credible!
10
4) Social Sharing.
Social Sharing.
Get Social
Social sharing has become a great way over the past
few years to generate tra!c to landing pages.

If a visitor is excited by what you are o"ering on your
landing page, they may feel compelled to share it out
to their friends or colleagues via email or social
networking sites, which will help you generate more
tra!c.

It may be a missed opportunity not to include social
sharing options on your landing pages. You can think
of it as free, e"ortless referral marketing!
Dont Forget! Pro Tips

Use only the social channels that work

best for your business and the specic
o"er or piece of content.

Focus on customizing the message on

each social platform so that it makes
sense for that channel. For instance, on
Twitter, you should keep the message
shorter than 140 characters and include
shortened URLs.

Dont overwhelm people by o"ering

them the chance to share an o"er on ten
di"erent social platforms.
12
Social Sharing.
Get Social
If you are adding these buttons manually, you can
insert images from HubSpots Free Icon o!er and
link each one to a sharing link customized for that
channel.

For email, you can use the following URL to
customize your emails:
The goal of your landing page is to get the
visitor to convert on the form. If the visitor
instead gets distracted by sharing the o"er
without actually lling out the form, you have a
lost an opportunity.
Dont Forget! Conversion Optimization
You may want to consider
testing the social sharing
buttons on your landing
pages to see if they have
a signicant impact on
your pages conversion
rate.
mailto:?subject=INSERT EMAIL TITLE
HERE&body=INSERT EMAIL BODY
COPY HERE
You can also include social icons using free tools on
the internet that will supply free HTML to insert the
icons on your landing page. Get Sharing is a good,
free tool for these sharing icons. Another tip is to only use these social button
on your thank-you page. That way, the visitor
has already converted and they are more
likely to share the content.
13
5) The Form.
The Form.
Always Use a Form
One of the most important features on your landing
page to optimize is your form.

Your landing page should almost always include a
form -- otherwise you're giving away free content
without learning anything about your website visitor.
Dont let all that content creation work go to waste!

Putting a form on your landing pages is also one of the
best ways to generate valuable leads for your
business. Without it, your conversion path is broken
and you cannot follow up and nurture those who are
interested in your content.
15
The Form.
"Form structure and length is such a crucial
component to achieving an optimal
conversion rate. Asking too few questions can
open the door to less than qualied leads, and
asking too many can turn away qualied leads
if they cause friction and take too much e"ort.
We've found for our own landing pages, that
too few form questions attracts lower quality
leads. That's why we've opted to use longer
forms, even on the rst conversion, and we've
seen a dramatic increase in overall lead
quality."
Frank Isca
Account Executive
Weidert Group
@WeidertGroup
Determine Form Length Wisely
We often get the question, How long should my form
actually be? There isnt always a simple answer to this
question. But there are a few di"erent factors that
should be considered.

First, think about which stage the consumer of your
content would be in your buying cycle. If you are
o"ering content that is less substantial, like a checklist
or infographic, you may only want to ask for the
visitors name and email address. If the content is
more substantial, like a guide or report, you may want
to ask for more information. People who are looking
for more substantial content are more likely to be
further along the buying cycle.

Second, consider how many leads you typically
generate. If you need to generate a lot more leads for
your business, a simpler form may work best. If you
normally get a high volume of leads, you may want to
add more form elds so that you can better qualify
those leads for your sales team.
Learn More from
Weidert Group:
16
The Form.
Privacy is Preferred
To reduce any uncertainty, you need to make it clear
which elds are required and what you will be doing
with the information submitted.

One best practice is to mark each required eld with
a star to indicate that the eld is mandatory. To make
your privacy policy clear, include a link somewhere
on the form or a short sentence disclaimer stating
that the information will not be shared with third
parties.

Test Out The Submission Button
Pay attention to the language on your forms
submission button. We have found that having the
word Submit on the actual submit button lowers
the conversion rates on our landing pages. The top-
performing variations in our research were Click
Here and Go. Test out di"erent phrases on your
own landing pages to nd what works best.
17
6) Other Tips.
Hidden Navigation
Other Tips - Remove the Navigation.
Remove the Navigation
Once you have the attention of your
visitor, the last thing you would want is
to lose them to another page without
converting them to a lead. Thats why it
is important to eliminate all distractions
on the landing page, including your
websites normal top navigation bar.

Typically, when you create a new
landing page and link it to your
website, you would see the same
navigation at the top that you would
see if you visited the homepage of
your main website. However, by
eliminating that top navigation, your
conversion rates will increase because
the visitor focuses on the landing page
without distraction.
Software Pricing Case Studies Partners About Blog
vs.
19
Other Tips - Meta Descriptions.
Meta Descriptions
Make sure to add a meta description to your landing page. A meta description is brief text that
describes the landing page and is usually the rst place a search engine will look to nd text to put
below your link when it lists your website on search results page:
Your meta description should be one or two sentences describing your o"er and no longer than 150
characters. It is essential to include keywords in this description so that your landing page can be
found organically by people browsing the internet.

To add a meta description to your landing page, you can use this code in the head section HTML:
<meta name="description" content="INSERT META DESCRIPTION HERE">
20

Subscribe to the HubSpot Insiders
Blog for the Latest Marketing Insights
See how HubSpot can help you improve your
website conversion rates. Get a demo now!
Thanks for Reading!