{"id":9797,"date":"2019-01-11T10:26:09","date_gmt":"2019-01-11T10:26:09","guid":{"rendered":"https:\/\/directiveconsulting.com\/uk\/?p=9797"},"modified":"2024-05-23T07:42:16","modified_gmt":"2024-05-23T11:42:16","slug":"landing-page-design-best-practices","status":"publish","type":"post","link":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/","title":{"rendered":"Landing Page Design Best Practices: Increasing Conversions Strategically"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Imagine you want to take a bath after a long day at work. You run the water at the perfect temperature and walk away for a bit while the tub fills up. You come back several minutes later, but the water has barely risen an inch. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">There\u2019s a leak somewhere in the bathtub and you can\u2019t find it. If you had let that faucet keep running, you would have been left with a hefty water bill and no bath to show for it. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now take this analogy and apply it to B2B lead generation. Your <a href=\"https:\/\/directiveconsulting.com\/uk\/resources\/glossary\/landing-page\/\">landing pages<\/a> are the tub, paid traffic is the water flow, and that leak is your lack of optimization on your web pages. There are few things more frustrating for a B2B company than paying for heavy traffic to their site that doesn\u2019t convert visitors into leads. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">All of this spending on a traffic flow that leads to nothing &#8211; what a waste! Your lead volume can be a huge determining factor in the success of your business, so you must plug these leaks.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Usually, this doesn\u2019t have to do with your B2B product or services. The problem is that your B2B landing pages aren\u2019t built with the customer\u2019s pain points in mind. As businesses, we get so excited about our own products and services that we forget to consider what the customer needs. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Too often, the landing page best practices are unknown or ignored, and these mistakes can end up costing them hundreds of potential conversions.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">To avoid these mistakes and more, we\u2019re going to go over easy optimization opportunities that have been under your nose this whole time. These practices ensure your landing pages will not only look great, but they\u2019ll increase your B2B lead generation as well. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Here are three landing page crash courses to get you started.<\/span><\/h2>\n<p><a href=\"http:\/\/academy.hubspot.com\/broadcasts\/landing-pages\"><span style=\"font-weight: 400;\">Hubspot Academy<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/a><a href=\"http:\/\/get.unbounce.com\/crash-course\/\"><span style=\"font-weight: 400;\">Unbounce 5-Day Conversion Crash Course<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/a><a href=\"https:\/\/blog.kissmetrics.com\/landing-page-design-infographic\/\"><span style=\"font-weight: 400;\">Landing Page Basics from Kissmetrics<\/span><\/a><br \/>\n<a href=\"https:\/\/learn.g2crowd.com\/landing-page\">G2 Crowd Landing Page Go-to-Guide<\/a><\/p>\n<p><span style=\"font-weight: 400;\">But for those of you who already know what a landing page is, let\u2019s dive into how to optimize yours for more qualified leads.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Align Your Landing Page Forms With Your Offers<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">There are many different steps to the sales funnel process, so your landing pages should match those steps accordingly. For example, someone searching \u201chow to get rid of ants\u201d is in a very different stage of the funnel than someone searching for \u201cOrkin pest control\u201d.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">So, if you\u2019re using landing pages for your PPC campaigns and someone is searching for <\/span><a href=\"https:\/\/directiveconsulting.com\/uk\/services\/seo-agency\/\"><span style=\"font-weight: 400;\">SEO services<\/span><\/a><span style=\"font-weight: 400;\">, you could offer a free assessment of their current search campaigns. Having a form that includes their website URL, phone number, and their marketing budget is appropriate for that giveaway.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">On top of matching your landing pages to search intent, different questions should be asked for different offers. Someone who is simply searching for information is not in the mood to give out any personal info. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you are providing a whitepaper, you\u2019re going to see a big dropoff in leads if you insist on asking for a name, email, and phone number. Why should the customer give their phone number to get a pdf?<\/span><\/p>\n<p><span style=\"font-weight: 400;\"> They don\u2019t want to talk to anyone, they just want information on how to solve the problem on their own. For the top-of-funnel offers such as whitepapers, ebooks, and case studies, you should stick to only asking for name and email. You can justify asking for the email address because you need that address to send the info to the visitor. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can\u2019t justify asking for a phone number.<\/span><\/p>\n<p>Your goal will always be to capture a lead in one way or another. Visual graphics like G2 Crowd&#8217;s vendor funnel help describe exactly how your product or service can help source new business and lead them through each step of the funnel. You can follow up the graphic with a form as well when it suits the situation for your target audience.<\/p>\n<p><a href=\"https:\/\/vendors.g2crowd.com\/\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-15689 size-large\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2019\/01\/G2-Crowd-2-1024x465.png\" alt=\"\" width=\"1024\" height=\"465\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2019\/01\/G2-Crowd-2-1024x465.png 1024w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2019\/01\/G2-Crowd-2-300x136.png 300w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2019\/01\/G2-Crowd-2-768x349.png 768w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2019\/01\/G2-Crowd-2-1536x698.png 1536w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2019\/01\/G2-Crowd-2-2048x931.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h2><span style=\"font-weight: 400;\">Keep Calls to Action Above the Fold<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The sole focus of your B2B landing page is to get your users to convert. Therefore, your <a href=\"https:\/\/directiveconsulting.com\/uk\/resources\/glossary\/call-to-action\/\">call to action<\/a> should receive primary focus on your page. Even if it\u2019s not the first thing your user looks at, it still should be <a href=\"https:\/\/directiveconsulting.com\/uk\/resources\/glossary\/above-the-fold\/\">above the fold<\/a>. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Take a look at one of our landing pages below. You\u2019ll notice that our CTA stands out without the visitor needing to scroll. We also placed duplicated CTAs throughout the page, so the visitor has opportunities to <a href=\"https:\/\/directiveconsulting.com\/uk\/resources\/glossary\/click-through-rate\/\">click through<\/a> as they make their journey down the page. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, that first CTA above the fold sets the tone for the whole page.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-15638\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia1-1024x785.png\" alt=\"Example of strong landing page that can increase B2B lead generation.\" width=\"625\" height=\"479\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia1-1024x785.png 1024w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia1-300x230.png 300w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia1-768x589.png 768w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia1.png 1104w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">One Call to Action <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">On your website, the key difference between a landing page and a product page is that a landing page will have only one dedicated action tied to it. Your product pages still have additional links such as the navigation bar and other links going to resources or other information sources. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">A landing page should only have one purpose and one call to action. We call this the attention ratio and we want to keep that ratio at 1:1 for all landing pages. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you have more than one CTA on your landing page, you could confuse or overwhelm your customers. They won\u2019t know which offer they should be clicking on, and they might not click at all.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Why? There is no set action that will greatly reduce your B2B lead generation rates. By keeping only one CTA, you remove all unnecessary distractions from the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Because landing pages have a dedicated action tied to them, they t<\/span><span style=\"font-weight: 400;\">end to have much higher conversion rates<\/span><span style=\"font-weight: 400;\"> than the standard website pages. This is because once a user lands on your landing page, they should only have two options; convert or leave. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Take a look at this page below. There are no navigation links, and no buttons leading to other pages. All of the buttons lead back to the form at the top of the page. <\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-15639\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia2-502x1024.png\" alt=\"Example of landing page with strong calls-to-action to enhance B2B lead generation. \" width=\"502\" height=\"1024\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia2-502x1024.png 502w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia2-147x300.png 147w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia2-768x1567.png 768w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia2-753x1536.png 753w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia2.png 784w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/p>\n<p><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">As you can see, once a user lands on this page, they can only submit the form to get the demo or they can exit. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You want your B2B landing pages to be specific and focused. It may seem like a good idea to offer multiple giveaways to capture many different audiences, but landing pages with too many promotions can be distracting.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Include Social Proof or Testimonials<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Let\u2019s say you have a premier product that solves all of your customers&#8217; problems. How can you prove to new potential customers that what you are saying is true? This is where social proof comes into play. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another vital aspect to include on all B2B landing pages is showing proof of your offering. This can come in the form of a quote from a current or previous client, reviews from third-party sites, or awards and badges from prominent publications.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Including social proof should give your users an extra boost of confidence needed to continue down your sales funnel. A visitor won\u2019t give you any of their information if they don\u2019t believe you are trustworthy. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Social proof helps ease that uncertainty. The more positive reviews you have, the more comfortable a user feels. They\u2019re more likely to trust you with their information, and (hopefully) their business.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Using a testimonial from a previous or current client is another essential aspect to include on your landing pages. If you can, include a picture of the client along with the testimonial. For example, the small business CRM company, <\/span><a href=\"https:\/\/highrisehq.com\/\"><span style=\"font-weight: 400;\">Highrise<\/span><\/a><span style=\"font-weight: 400;\">, started adding client images with their testimonials and saw their <\/span><a href=\"http:\/\/unbounce.com\/landing-pages\/why-people-dont-trust-your-landing-page-testimonials\/\"><span style=\"font-weight: 400;\">conversion rate rise by 102.5%<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15640\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Landing-Page-Example-3-1024x838.png\" alt=\"Strong landing page example that includes testimonials and the logos of businesses that have used their software to enhance B2B lead generation.\" width=\"540\" height=\"442\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Landing-Page-Example-3-1024x838.png 1024w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Landing-Page-Example-3-300x246.png 300w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Landing-Page-Example-3-768x629.png 768w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Landing-Page-Example-3.png 1081w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/p>\n<p><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Take a look at the landing page we built for one of our B2B software clients. You can see that it includes testimonials and the logos of businesses that have used their software. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">For B2B companies, it\u2019s highly recommended to include a list of partners and previous clients. While online reviews are great, online reviews from known and respected partners are even better. This helps build trust with anyone who lands on that page, even if it\u2019s their first time hearing about this company. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">For e-commerce companies, tools like <\/span><a href=\"https:\/\/www.yotpo.com\/\"><span style=\"font-weight: 400;\">YotPo<\/span><\/a><span style=\"font-weight: 400;\"> can help you get reviews from previous customers. These reviews are then integrated into your B2B \u00a0landing pages.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">If you\u2019re in the software industry, you can use a review site like <\/span><a href=\"http:\/\/www.capterra.com\/\"><span style=\"font-weight: 400;\">Capterra <\/span><\/a><span style=\"font-weight: 400;\">or <\/span><a href=\"https:\/\/www.g2crowd.com\/\"><span style=\"font-weight: 400;\">G2 Crowd<\/span><\/a>. <span style=\"font-weight: 400;\">For more service industries, use Yelp or Google My Business pages. For software development or digital agencies, a site like Clutch.co works great for building reviews.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15641\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia4.png\" alt=\"Example of review on a website, which has shown to increase B2B lead generation.\" width=\"500\" height=\"113\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia4.png 500w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia4-300x68.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">Use Directional Cues to Draw More Attention to Your CTA<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Directional cues are visual aids, like arrows or the eye gaze of a model, that point toward the most important elements of your landing page. This could be your form, the CTA, videos, testimonials, or to push customers to read the information <a href=\"https:\/\/directiveconsulting.com\/uk\/resources\/glossary\/below-the-fold\/\">below the fold<\/a>.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15642\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia5.png\" alt=\"Example of how directional cues on a landing page can increase your B2B lead generation.\" width=\"488\" height=\"210\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia5.png 641w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia5-300x129.png 300w\" sizes=\"(max-width: 488px) 100vw, 488px\" \/><\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Above, is an obvious example from Wordstream: an arrow that points directly to the CTA.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15643\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia6.png\" alt=\"Example of how Salesforce used directional cues in their form to increase B2B lead generation.\" width=\"627\" height=\"204\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia6.png 951w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia6-300x97.png 300w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia6-768x250.png 768w\" sizes=\"(max-width: 627px) 100vw, 627px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Above, here is a subtle example from Salesforce: an arrow, created through white space, that points to the form.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">GIFs are another favorable way to draw your visitor\u2019s attention to your CTA. Images can be ignored, and videos can be paused, but a GIF is very hard to miss. Plus, you can use GIFs to better explain your offering! <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ve heard the phrase, \u201cA picture is worth a thousand words\u201d? Well by that logic a moving picture is worth 10,000! By using GIFs, Slack does a great job explaining some of the things you can do with their software.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15644\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia7.gif\" alt=\"Slack gives strong information to incorporate GIFs as part of your B2B lead generation strategy.\" width=\"512\" height=\"288\" \/><\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Include Important Information About the Details of Your Offer<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Imagine you\u2019re in a restaurant and the only thing on the menu is Dinner #1, Dinner #2, and Dinner #3. You\u2019re going to be pretty skeptical to go ahead and order, without fully knowing what comes with what that restaurant is offering.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">This is similar to your landing page. Your visitor wants to know exactly what they\u2019re going to get before they hand over any of their information. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, they also don\u2019t want to read a novel about everything you are offering. That being said, you need to find the right balance of providing enough information, without overwhelming your visitor with a wall of text. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The best way we\u2019ve been able to do this is by providing 4-6 bullet points that explain exactly what comes with our offer.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Additional Tip &#8211; Gather Qualitative Data<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Some of the best optimization can be achieved by utilizing user feedback. Use software like <\/span><a href=\"https:\/\/www.hotjar.com\/\"><span style=\"font-weight: 400;\">HotJar<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/www.crazyegg.com\/\"><span style=\"font-weight: 400;\">CrazyEgg<\/span><\/a><span style=\"font-weight: 400;\"> to analyze user recordings. With HotJar, you can watch actual visitors and see<\/span><span style=\"font-weight: 400;\"> how they interact with your page<\/span><span style=\"font-weight: 400;\">. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If your landing page isn\u2019t converting at the rate you\u2019d like, the recordings give you insight on where the hiccups in your design are. Maybe visitors are falling off at a particular part in your form, or maybe they\u2019re getting confused with a misleading image that looks clickable.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15645\" src=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia8.png\" alt=\"Here we see a screenshot showing where users begin to drop off a webpage. \" width=\"235\" height=\"512\" srcset=\"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia8.png 235w, https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/Olivia8-138x300.png 138w\" sizes=\"(max-width: 235px) 100vw, 235px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This Hotjar <a href=\"https:\/\/directiveconsulting.com\/uk\/resources\/glossary\/heat-map\/\">heatmap<\/a> shows how far people are scrolling on your page. If you\u2019re seeing a drastic drop-off, you may want to consider putting your most important information above the fold, or you may need to change your offer altogether. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The drop-off could be caused because your landing page is not aligning with what people are searching for.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It\u2019s a challenge to balance providing enough information to your visitors without overwhelming them. Focus on your one offer and support that offer with the key information that solves the customers&#8217; pain points. Our call to actions should be easy to find, and they should align with where our lead is in the buyer\u2019s journey.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">It\u2019s also important to test different things! While we\u2019ve seen these best practices work well, things change amongst industries constantly. You\u2019ll never know just how high your <a href=\"https:\/\/directiveconsulting.com\/uk\/resources\/glossary\/conversion-rate-optimization\/\">conversion rates<\/a> can be unless you\u2019re consistently testing.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Let us know in the comments if these changes helped your conversion rates. We would love to hear about any other optimization tips that have worked for you!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Imagine you want to take a bath after a long day at work. You run the water at the perfect<\/p>\n","protected":false},"author":12,"featured_media":15648,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[31,48],"tags":[74,91,127,140,168],"class_list":["post-9797","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cro","category-perspectives","tag-b2b","tag-cro","tag-marketing","tag-ppc","tag-seo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>B2B Landing Page Design Best Practices | Directive<\/title>\n<meta name=\"description\" content=\"Landing page design is an important factor when it comes to increasing B2B lead generation. Learn the best practices for landing page design now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"B2B Landing Page Design Best Practices | Directive\" \/>\n<meta property=\"og:description\" content=\"Landing page design is an important factor when it comes to increasing B2B lead generation. Learn the best practices for landing page design now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"Directive UK\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-11T10:26:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-23T11:42:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/DC_thumbnail-9-jpg.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Olivia Ross\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olivia Ross\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/\"},\"author\":{\"name\":\"Olivia Ross\",\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/#\\\/schema\\\/person\\\/38a44cb636c8e68d1b8c12de6b18b7cf\"},\"headline\":\"Landing Page Design Best Practices: Increasing Conversions Strategically\",\"datePublished\":\"2019-01-11T10:26:09+00:00\",\"dateModified\":\"2024-05-23T11:42:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/\"},\"wordCount\":2043,\"image\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/directiveconsulting.com\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2016\\\/09\\\/DC_thumbnail-9-jpg.webp\",\"keywords\":[\"B2B\",\"CRO\",\"Marketing\",\"PPC\",\"SEO\"],\"articleSection\":[\"CRO\",\"Perspectives\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/\",\"url\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/\",\"name\":\"B2B Landing Page Design Best Practices | Directive\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/directiveconsulting.com\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2016\\\/09\\\/DC_thumbnail-9-jpg.webp\",\"datePublished\":\"2019-01-11T10:26:09+00:00\",\"dateModified\":\"2024-05-23T11:42:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/#\\\/schema\\\/person\\\/38a44cb636c8e68d1b8c12de6b18b7cf\"},\"description\":\"Landing page design is an important factor when it comes to increasing B2B lead generation. Learn the best practices for landing page design now!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/#primaryimage\",\"url\":\"https:\\\/\\\/directiveconsulting.com\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2016\\\/09\\\/DC_thumbnail-9-jpg.webp\",\"contentUrl\":\"https:\\\/\\\/directiveconsulting.com\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2016\\\/09\\\/DC_thumbnail-9-jpg.webp\",\"width\":1920,\"height\":1080,\"caption\":\"Graphic showing how strong landing pages can increase B2B lead generation.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/landing-page-design-best-practices\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landing Page Design Best Practices: Increasing Conversions Strategically\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/\",\"name\":\"Directive UK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/#\\\/schema\\\/person\\\/38a44cb636c8e68d1b8c12de6b18b7cf\",\"name\":\"Olivia Ross\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aba0cd71e51a9ae70e4e5ce348a396820a8dc20b4246d75b1d41f6c6c7b80b16?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aba0cd71e51a9ae70e4e5ce348a396820a8dc20b4246d75b1d41f6c6c7b80b16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aba0cd71e51a9ae70e4e5ce348a396820a8dc20b4246d75b1d41f6c6c7b80b16?s=96&d=mm&r=g\",\"caption\":\"Olivia Ross\"},\"url\":\"https:\\\/\\\/directiveconsulting.com\\\/uk\\\/blog\\\/author\\\/oross\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"B2B Landing Page Design Best Practices | Directive","description":"Landing page design is an important factor when it comes to increasing B2B lead generation. Learn the best practices for landing page design now!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/","og_locale":"en_US","og_type":"article","og_title":"B2B Landing Page Design Best Practices | Directive","og_description":"Landing page design is an important factor when it comes to increasing B2B lead generation. Learn the best practices for landing page design now!","og_url":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/","og_site_name":"Directive UK","article_published_time":"2019-01-11T10:26:09+00:00","article_modified_time":"2024-05-23T11:42:16+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/directiveconsulting.com\/uk\/wp-content\/uploads\/sites\/9\/2016\/09\/DC_thumbnail-9-jpg.webp","type":"image\/jpeg"}],"author":"Olivia Ross","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Olivia Ross","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/#article","isPartOf":{"@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/"},"author":{"name":"Olivia Ross","@id":"https:\/\/directiveconsulting.com\/uk\/#\/schema\/person\/38a44cb636c8e68d1b8c12de6b18b7cf"},"headline":"Landing Page Design Best Practices: Increasing Conversions Strategically","datePublished":"2019-01-11T10:26:09+00:00","dateModified":"2024-05-23T11:42:16+00:00","mainEntityOfPage":{"@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/"},"wordCount":2043,"image":{"@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/DC_thumbnail-9-jpg.webp","keywords":["B2B","CRO","Marketing","PPC","SEO"],"articleSection":["CRO","Perspectives"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/","url":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/","name":"B2B Landing Page Design Best Practices | Directive","isPartOf":{"@id":"https:\/\/directiveconsulting.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/#primaryimage"},"image":{"@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/DC_thumbnail-9-jpg.webp","datePublished":"2019-01-11T10:26:09+00:00","dateModified":"2024-05-23T11:42:16+00:00","author":{"@id":"https:\/\/directiveconsulting.com\/uk\/#\/schema\/person\/38a44cb636c8e68d1b8c12de6b18b7cf"},"description":"Landing page design is an important factor when it comes to increasing B2B lead generation. Learn the best practices for landing page design now!","breadcrumb":{"@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/#primaryimage","url":"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/DC_thumbnail-9-jpg.webp","contentUrl":"https:\/\/directiveconsulting.com\/wp-content\/uploads\/sites\/9\/2016\/09\/DC_thumbnail-9-jpg.webp","width":1920,"height":1080,"caption":"Graphic showing how strong landing pages can increase B2B lead generation."},{"@type":"BreadcrumbList","@id":"https:\/\/directiveconsulting.com\/uk\/blog\/landing-page-design-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/directiveconsulting.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Landing Page Design Best Practices: Increasing Conversions Strategically"}]},{"@type":"WebSite","@id":"https:\/\/directiveconsulting.com\/uk\/#website","url":"https:\/\/directiveconsulting.com\/uk\/","name":"Directive UK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/directiveconsulting.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/directiveconsulting.com\/uk\/#\/schema\/person\/38a44cb636c8e68d1b8c12de6b18b7cf","name":"Olivia Ross","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/aba0cd71e51a9ae70e4e5ce348a396820a8dc20b4246d75b1d41f6c6c7b80b16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aba0cd71e51a9ae70e4e5ce348a396820a8dc20b4246d75b1d41f6c6c7b80b16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aba0cd71e51a9ae70e4e5ce348a396820a8dc20b4246d75b1d41f6c6c7b80b16?s=96&d=mm&r=g","caption":"Olivia Ross"},"url":"https:\/\/directiveconsulting.com\/uk\/blog\/author\/oross\/"}]}},"_links":{"self":[{"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/posts\/9797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/comments?post=9797"}],"version-history":[{"count":0,"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/posts\/9797\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/media\/15648"}],"wp:attachment":[{"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/media?parent=9797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/categories?post=9797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/directiveconsulting.com\/uk\/wp-json\/wp\/v2\/tags?post=9797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}