{"id":15324,"date":"2022-02-10T07:32:27","date_gmt":"2022-02-10T12:32:27","guid":{"rendered":"https:\/\/www.invespcro.com\/blog\/?p=15324"},"modified":"2022-02-10T07:32:27","modified_gmt":"2022-02-10T12:32:27","slug":"landing-page-optimization","status":"publish","type":"post","link":"https:\/\/www.invespcro.com\/blog\/landing-page-optimization\/","title":{"rendered":"Landing Page Optimization Checklist: What to do When your Landing Pages are Underperforming"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 8<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span><p class=\"ql-align-justify\">Before we start talking about what to do when your landing pages are underperforming, let\u2019s start talking about the average landing page conversion rate.<\/p>\n<p class=\"ql-align-justify\">Recent studies have shown that an average landing page conversion rate should fall around <a href=\"https:\/\/www.impactplus.com\/blog\/what-is-a-good-landing-page-conversion-rate\" target=\"_blank\" rel=\"noopener noreferrer\">2.35%<\/a>. So, if your landing page conversion rate is below that number, then it is definitely underperforming.<\/p>\n<p class=\"ql-align-justify\">But some top landing pages convert way above 2.35%. This indicates that there\u2019s a possibility for your landing page to do more than well. <!--more--><\/p>\n<p class=\"ql-align-justify\">One thing to note here is that conversion rates are always subjective, What is considered to be good for one business may be below average for another.<\/p>\n<p class=\"ql-align-justify\"><strong>Think of a good conversion rate as the one that is always improving.\u00a0<\/strong><\/p>\n<p class=\"ql-align-justify\">Having said that, now let\u2019s take a look at things you can do to improve the performance of your landing pages.<\/p>\n<h2 class=\"ql-align-justify\">Clear Value Proposition<\/h2>\n<p class=\"ql-align-justify\">When visitors get to your landing pages, why should they keep scrolling or click your CTA button? What\u2019s in it for them?<\/p>\n<p class=\"ql-align-justify\">You probably know the answer to this question, but is the answer clear enough to your visitors? Is it convincing enough? Do they get it the exact way you\u2019d want them to?<\/p>\n<p class=\"ql-align-justify\">It doesn\u2019t matter how good your offer or landing page design is, if your <a href=\"https:\/\/www.invespcro.com\/blog\/value-proposition-what-is-it-how-it-works-and-why-you-should-pay-attention\/\">value proposition<\/a> is not articulated well, your visitors are more likely to go to move on to your competitor.<\/p>\n<p class=\"ql-align-justify\">The best way to create a killer landing page value prop? Start by asking yourself the following questions:<\/p>\n<ul>\n<li class=\"ql-align-justify\">How does your brand or your product solve your target customers\u2019 pain points?<\/li>\n<li class=\"ql-align-justify\">What tangible benefits are associated with your offer?<\/li>\n<li class=\"ql-align-justify\">What makes your brand different from other competitors?<\/li>\n<\/ul>\n<p class=\"ql-align-justify\">The answers to the above questions will give you directions on how you can then craft that value proposition statement on your landing page.<\/p>\n<h2 class=\"ql-align-justify\">Strong Call to Action<\/h2>\n<p class=\"ql-align-justify\">When people visit your landing page, there must be directional signs telling them where to go and what to do.<\/p>\n<p class=\"ql-align-justify\">This is where CTAs come in.<\/p>\n<p class=\"ql-align-justify\">Your landing page CTAs have to communicate with your visitors and help them move toward achieving a goal of that particular page.<\/p>\n<p class=\"ql-align-justify\">That means the message on the <a href=\"https:\/\/www.invespcro.com\/blog\/your-complete-guide-to-call-to-action-button-plus-a-bonus-with-free-200-effective-cta-buttons\/\">CTA buttons<\/a> has to be short,\u00a0 obvious, clear, and easy to understand. Here are some of the CTAs message\/copy examples:<\/p>\n<ul>\n<li class=\"ql-align-justify\">Buy Now<\/li>\n<li class=\"ql-align-justify\">Download<\/li>\n<li class=\"ql-align-justify\">Subscribe<\/li>\n<li class=\"ql-align-justify\">Request A Demo<\/li>\n<li class=\"ql-align-justify\">Download the eBook<\/li>\n<li class=\"ql-align-justify\">Buy It Here<\/li>\n<li class=\"ql-align-justify\">Save My Spot<\/li>\n<\/ul>\n<p class=\"ql-align-justify\">Take a look at the CTA on Shopify\u2019s landing page:<\/p>\n<p class=\"ql-align-justify\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/POidvOE3hevhj8oyR-porjCO4GpfCns0lgkVeizzh_lAWPT2pebHQcLPMQPIre5OF-zkRbt3bxTS2XPABKqCbKyOEfEzxM-dIo0ubIceV1U5rsAjpfURuxp3TcUjcecHRSrIxid-\" \/><\/p>\n<p class=\"ql-align-justify\">The CTA is clear and easy to understand: <em>Start free trial<\/em>. Looking at that CTA, visitors know what to do and how to take the next steps to do it.<\/p>\n<p class=\"ql-align-justify\">Most people despise the idea of testing CTA colors. But, we can\u2019t deny the fact that visual hierarchy matters even when it comes to CTAs. One thing to remember here is that your CTA button&#8217;s color doesn\u2019t work in isolation.<\/p>\n<p class=\"ql-align-justify\">It would be wrong to suggest that orange is better than green or black is better than white. The CTA color depends on where you will position it and the background of the page is also a determining factor.<\/p>\n<p class=\"ql-align-justify\">To pick the right color of your CTA button, here\u2019s what you have to remember:<\/p>\n<ul>\n<li class=\"ql-align-justify\">High contrasting colors attract users\u2019 attention. For instance, the Shopify CTA stands out because of the CTA color.<\/li>\n<li class=\"ql-align-justify\">CTAs should have a consistent palette. However, this doesn\u2019t mean that you have to create a rainbow on your landing page.<\/li>\n<li class=\"ql-align-justify\">8% of the male population in the United States is color blind, so, think about their experience as you design your CTAs.<\/li>\n<li class=\"ql-align-justify\">Always remember to have a CTA button above the fold. When users land on your page, before they even scroll, you want to answer the question in their minds: \u201c<em>where should I click<\/em>?\u201d<\/li>\n<li class=\"ql-align-justify\">Multiple CTAs are better than one \u2013 especially on longer pages. It has to be the same CTA placed on different areas of the landing page. The idea here is to make it easy for visitors to take the next step.<\/li>\n<li class=\"ql-align-justify\">You can use tools like FigPii heat maps to see where people are clicking and how far they are scrolling in order to determine where to place your CTAs.<\/li>\n<\/ul>\n<p class=\"ql-align-justify\"><strong>Expert Tip: <\/strong>To build brand awareness and improve engagement, stick to your brand\u2019s color for the primary CTA button on your landing page.<\/p>\n<h2 class=\"ql-align-justify\">Remove Navigation<\/h2>\n<p class=\"ql-align-justify\">When users visit your landing page, it simply means that you now have their attention. All you have to do here is to make sure that your landing page keeps them on track and focused on what you want them to do.<\/p>\n<p class=\"ql-align-justify\">Now the question here is, how do you do that?<\/p>\n<p class=\"ql-align-justify\">Well, you give them landing page experience, not a full-scale website experience. This often means removing elements like <a href=\"https:\/\/www.invespcro.com\/blog\/improving-website-navigation-increased-conversion-rate\/\">navigation<\/a>. Having navigation on your landing page will dilute their attention and they end up focusing on something other than what you intend them to do on your page.<\/p>\n<p class=\"ql-align-justify\">Another thing to remember here is that every element \u2013 copy, visuals, CTAs, social proof, etc. \u2013\u00a0 you add on this page has to propel visitors towards taking the action you want them to do.<\/p>\n<p class=\"ql-align-justify\">Going back to that Shopify example, you\u2019d see that the page is navigation free and every element placed on that page is designed to make convince visitors to start a free trial.<\/p>\n<h2 class=\"ql-align-justify\">Images, Videos, and GIFs are your friends<\/h2>\n<p class=\"ql-align-justify\">Visuals bring more than just aesthetics to your landing pages.<\/p>\n<p class=\"ql-align-justify\">They set the emotional foundation for your landing pages \u2013 meaning images, videos, and even GIFs have the power to make your landing page visitors feel convinced, informed, or reassured.<\/p>\n<p class=\"ql-align-justify\">In the example below, you see a sad dog. The image is unique enough to capture the attention of visitors. And the look in the dog\u2019s face aligns with the <em>sadness <\/em>emotion:<\/p>\n<p class=\"ql-align-justify\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/OhtTc3vlxg2shlgMx4tJdGr1EdfU5WQNUxE_o0rwAwR_HDNaoLXoBYHJrHLfsz3IKbJbgYxN2m71r5LXirCIBXbYZdfpAXA-Xyp4GUSQ6M4itzXhV3FOl-3TnO9C2jgBBx-w_qp0\" \/><\/p>\n<p class=\"ql-align-justify\">Original images such as the one above can easily capture the attention of visitors before they even process your content, thus helping improve the landing page experience.<\/p>\n<p class=\"ql-align-justify\">One other thing to remember when it comes to landing pages visuals is to avoid using stock photos. Why? They make your landing page appear generic, untrustworthy and that kills conversions.<\/p>\n<p class=\"ql-align-justify\">When you intend to show your product on your landing page, here are some ways you can go about it:<\/p>\n<ul>\n<li class=\"ql-align-justify\">Show the product in use (you can use user-generated content)<\/li>\n<li class=\"ql-align-justify\">Show the product by itself<\/li>\n<\/ul>\n<p class=\"ql-align-justify\">The idea here is to show visitors how the product looks from different angles and how it works.<\/p>\n<p><strong>Related Article<\/strong>: <a href=\"https:\/\/www.invespcro.com\/blog\/product-page-optimization\/\">How To Optimize Product Pages On A Shopify Website<\/a><\/p>\n<h2 class=\"ql-align-justify\">Social Proof<\/h2>\n<p class=\"ql-align-justify\">Nowadays, just talking about how great your product is doesn\u2019t cut it anymore. You have to start showing it.<\/p>\n<p class=\"ql-align-justify\">Enter social proof.<\/p>\n<p class=\"ql-align-justify\">Think about the last time you were considering trying a new restaurant. What made you choose one over all the others?<\/p>\n<p class=\"ql-align-justify\">If you&#8217;re like most people, your decision was likely based at least in part on what others had to say. Social proof is one of the oldest and most powerful persuasion techniques out there, and it is something that you can also incorporate on your landing pages today.<\/p>\n<p class=\"ql-align-justify\">The strategy of injecting social proof on landing pages is to prove to potential customers or visitors that your product is worth their money. And it is extremely important if you want to:<\/p>\n<ul>\n<li class=\"ql-align-justify\">Build trust<\/li>\n<li class=\"ql-align-justify\">Increase credibility<\/li>\n<li class=\"ql-align-justify\">Guide the customer\u2019s buying decision<\/li>\n<\/ul>\n<p class=\"ql-align-justify\">Potential customers are motivated to take them a step forward if they are convinced that your product has been used by others to solve similar problems to theirs.<\/p>\n<p class=\"ql-align-justify\">If your landing page is for a specific product, it makes sense to showcase specific customer reviews about that product. Casper does this well on their landing page:<\/p>\n<p class=\"ql-align-justify\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/3UgICKMbHmQ65cwHDZ__K-Fk-5GWRdJSr2SiN4__yXMcygaUXHqFn5AtSVA5_lLfmRyNoC-eriKlvSKIdXXQI7flEMV1jucC_6i4KIIPsDZjvQ3NhrY7pF8DDOEkgdD1FhzNDFQT\" \/><\/p>\n<p class=\"ql-align-justify\">Here are smart ways you can use to show social proof on your landing page:<\/p>\n<ul>\n<li class=\"ql-align-justify\">Number of downloads<\/li>\n<li class=\"ql-align-justify\">Testimonials<\/li>\n<li class=\"ql-align-justify\">Trust badges<\/li>\n<li class=\"ql-align-justify\">Case Studies<\/li>\n<li class=\"ql-align-justify\">Expert social proof<\/li>\n<li class=\"ql-align-justify\">Celebrity social proof<\/li>\n<\/ul>\n<h2 class=\"ql-align-justify\">Page Speed<\/h2>\n<p class=\"ql-align-justify\">The length of time it takes for your landing page to display content is something you should take seriously. If a site takes more than 3 seconds to load, then it likely has usability issues that should be addressed right away.<\/p>\n<p class=\"ql-align-justify\">50% of users expect websites to load and show all the content on a page in less than 2 seconds. The longer it takes for a landing page to load, the higher the bounce rate. And if your landing speed is slow, that will also affect your rankings on search engines.<\/p>\n<p class=\"ql-align-justify\">. At some point, Walmart discovered that for every second of improvement in load time, their website conversion rate increased by 2%.<\/p>\n<p class=\"ql-align-justify\">Don&#8217;t know how fast your landing page is? Use tools like WebPageTest, YSlow, Uptime, Google Chrome DevTools, Uptime, GTmetrix, Website Audit, etc.<\/p>\n<h2 class=\"ql-align-justify\">About Forms<\/h2>\n<p class=\"ql-align-justify\">If you don\u2019t need a landing page form, just don\u2019t use it. If you only need a visitor\u2019s email address, don\u2019t add any other unnecessary fields. People like to separate <em>First Name<\/em> and <em>Last Name<\/em> fields on their fields, instead of just combining the two fields into <em>Full Name<\/em>.<\/p>\n<p class=\"ql-align-justify\">If your product is pricey, it makes sense to have a long-form. But you can also make a multi-step form so that it doesn\u2019t look daunting to fill out. Here\u2019s an example of a multi-step form:<\/p>\n<p class=\"ql-align-justify\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/tJIMbImMIVa9VOWjGnxbG1AsGJ4YXjphnxjptP0aBlvjM9zAqUHFgvhHH_EDcy5uYsUZymwUwN0p3P95YrhC44Yof-j_jRJo7qD4uNYd6r-6pmCmXvj0QCUr9_gaAqTiVw-zUqEX\" \/><\/p>\n<p class=\"ql-align-justify\">And if you are adding a long-form to your landing page, make the benefit and rewards of filling out the form very clear. And we always recommend placing the form above the fold just like what Marketo does:<\/p>\n<h2 class=\"ql-align-justify\">Check your Ad Campaigns Messaging<\/h2>\n<p class=\"ql-align-justify\">One of the things that can affect your landing page conversions is the disconnect between the page itself and the ad campaign you\u2019re using.<\/p>\n<p class=\"ql-align-justify\">All I\u2019m saying here is that your ad campaign messaging has to be aligned with that of your targeted landing pages. If the messaging or the offers used on the ad campaign and landing page are different, this will cause some credibility issues.<\/p>\n<h2 class=\"ql-align-justify\">Mobile Experience<\/h2>\n<p class=\"ql-align-justify\">If 51% of shoppers purchase products using mobile devices, then you can\u2019t afford to ignore the mobile experience of your users.<\/p>\n<p class=\"ql-align-justify\">One good practice to keep in mind when designing a landing page is to do quality assurance on different browsers and devices to make sure that it&#8217;s working the way you want it. That is a must-do before you publish your landing pages.<\/p>\n<p class=\"ql-align-justify\">Another thing to keep in mind is to make sure that your landing page or web page appears to have a single-column layout. This is important considering that mobile devices do not have room for multiple columns. The official Alaska state website used to have the same look on their desktop and mobile devices, and this made it difficult for mobile users to use the website:<\/p>\n<p class=\"ql-align-justify\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/fSA2549n44Q6l7Emno235kZEOAO9p08MdSYl6EpK2165Ot8PG8YAmkoQ74oXlOIAvBkZSWK4wiJcSGJc7W3TkvA7q6iZ4Op2E7gImcX8jqkxCwYE6RlxkfkJ9UGYlow4Lj4CNbPl\" \/><\/p>\n<p class=\"ql-align-justify\">Every landing page elements you include in your desktop version of your landing page has to be optimized for mobile devices. This means that you should avoid using images that take up a lot of space, make sure that the form loads fast, and implement drop-down menus where it is necessary.<\/p>\n<h2 class=\"ql-align-justify\">Final words\u2026 Get in the Habit A\/B testing<\/h2>\n<p class=\"ql-align-justify\">Landing page optimization is tricky. What works for one business may not work for another. This is why we recommend that you get in the habit of A\/B testing. Test all of the above-mentioned elements to see which helps boost your conversion rate. You can also use landing page optimization tools like <a href=\"https:\/\/www.figpii.com\/\">Figpii<\/a> to launch heat maps, session recordings and get better insights into how your website visitors are interacting with your page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 8<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>Before we start talking about what to do when your landing pages are underperforming, let\u2019s start talking about the average landing page conversion rate. Recent studies have shown that an average landing page conversion rate should fall around 2.35%. So, if your landing page conversion rate is below that number, then it is definitely underperforming. [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":15325,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-15324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-landing-pages"],"_links":{"self":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/posts\/15324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/comments?post=15324"}],"version-history":[{"count":0,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/posts\/15324\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/media\/15325"}],"wp:attachment":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/media?parent=15324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/categories?post=15324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/tags?post=15324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}