{"id":936,"date":"2017-08-11T12:17:49","date_gmt":"2017-08-11T12:17:49","guid":{"rendered":"http:\/\/www.effectualmedia.com\/blog\/?p=936"},"modified":"2017-08-16T10:38:10","modified_gmt":"2017-08-16T10:38:10","slug":"landing-page-mistakes-hurt-10-real-examples-and-solutions-to-learn-from","status":"publish","type":"post","link":"https:\/\/www.effectualmedia.com\/blog\/landing-page-mistakes-hurt-10-real-examples-and-solutions-to-learn-from\/","title":{"rendered":"Landing Page Mistakes Hurt: 10 Real Examples and Solutions to Learn From"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/header-banner.jpg\" alt=\"header-banner\" width=\"4050\" height=\"2044\" \/><br \/>\nA landing page is a foremost page that visitors land onto from ads or email marketing. Within first 5-10 seconds of visit, a user decides if they are going to stay or leave. This means you have very less time to showcase what you offer.<\/p>\n<p>You might be scratching your head and wondering that you have a well-designed landing page then why lacking in getting proper conversion ratio.<\/p>\n<p>But my friend, designing is not one and the only thing that is going to yield you great results.<\/p>\n<p>Now you don\u2019t have to worry about what is done, as it is rightly said \u2018It is never late to start again\u2019 and all you need to do is learn from others mistakes.<\/p>\n<p>Here, presenting you the 10 real examples and solution to learn from in order to create a landing page that converts visitors into customers.<\/p>\n<p><!--more--><\/p>\n<h2>Mistake #1. Headline Does Not Grab Attention or Is Missing<\/h2>\n<p>The headline is the primary thing a visitor notices at your page. It gives the generic idea to the user what your landing page is about and what services you offer.<\/p>\n<p>Most marketers lose their visitors on first place by making the headline boring, vague and meaningless.<\/p>\n<p>Have a glance at below image.<\/p>\n<p>All you will notice is: Give $10, Get $10.<\/p>\n<p>Now you will be having a puzzled look and following questions in your mind: What does it indicate? What are they trying to sell?<\/p>\n<p>Leaving user with such kind of question will only increase your bounce rate.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/get10.jpg\" alt=\"get10\" width=\"638\" height=\"416\" \/><\/p>\n<p><strong>The Solutions:<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Headline should clearly give an idea about the content of the page.<\/li>\n<li>Make sure your reader found headline useful and actionable.<\/li>\n<li>Make a catchy headline that grabs visitors\u2019 attention. Crazy Egg, co-founder Neil Patel shared informative tips on how to write the engaging headline in his \u201c<a href=\"http:\/\/neilpatel.com\/blog\/the-step-by-step-guide-to-writing-powerful-headlines\/\" target=\"_blank\">The Step-by-Step Guide to Writing Powerful Headlines<\/a>\u201d post.<\/li>\n<\/ul>\n<\/blockquote>\n<p>The unbounce headline is one such example that straight to point tells what it provides.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/Unbounce-SaaS-landing-page.jpg\" alt=\"Unbounce-SaaS-landing-page\" width=\"638\" height=\"350\" \/><\/p>\n<h2>Mistake #2. Explaining Things in an Unclear Manner!<\/h2>\n<p>If a user is unable to decode the purpose you want to convey them it will be the biggest misfortune for you despite having a significant design. As your visitor will never be converted to your customer.<\/p>\n<p>Look at the below image! What do you think they are into?<\/p>\n<p>Their headlines did not clearly communicate what business they are in exactly.<\/p>\n<p>What the product or a service is their business into?<\/p>\n<p>This all confusion can lead to unhappy visitors which can create a stressful situation for you.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/dfdf.jpg\" alt=\"dfdf\" width=\"840\" height=\"588\" \/><\/p>\n<p><strong>How to get most out of landing page?<\/strong><\/p>\n<p>The landing page should clearly and concisely define the following things-<\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>What is the page about?<\/li>\n<li>Explain whether a business is a service or a product based?<\/li>\n<li>What sort of products or services they offer?<\/li>\n<li>What is the time limitation for the particular offer?<\/li>\n<\/ul>\n<\/blockquote>\n<h2>Mistake #3. Visual Distractions<\/h2>\n<p>A right image has a tendency to spread information widely. The common mistake marketer do is using a free stock image that is less informative and used by other site members. Another such mistake is overloading the page with too many visuals which distract user instead of getting their attention.<\/p>\n<p>Below image is one such example that confuses the user. It doesn\u2019t clarify what the page is about.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/myfitfoods.jpg\" alt=\"myfitfoods\" width=\"800\" height=\"1080\" \/><\/p>\n<p><strong>The Solutions:<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Use custom images to increase 35% chance in conversion rate.<\/li>\n<li>Image of people gazing at the call to action grabs visitor attention to look at it.<\/li>\n<li>Get rid of any unrelated images.<\/li>\n<li>Show product image so that user gets a clear idea of what they are going to get.<\/li>\n<\/ul>\n<\/blockquote>\n<p>Below is the perfect example of the good landing page. It clearly explains that they are going to provide online survey. Plus the image also catches attention to look at the call to action.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/fluidsurvey.jpg\" alt=\"fluidsurvey\" width=\"840\" height=\"546\" \/><\/p>\n<h2>Mistake #4. Opt-in Form Seeks Too Much Information<\/h2>\n<p>Imagine you just want to download an eBook or sign up for newsletters but you have to fill in the answer for 10 questions. Wouldn\u2019t it be annoying and feels like you are been investigated?<\/p>\n<p>Everyone wants to get things quickly and instantly. Asking for too many and irrelevant information can cause a visitor to bounce from your site to another and you might lose one of your valued customers!<\/p>\n<p>Below is an example of one such form which asks for birthday and eye color. Doesn\u2019t it seem unnecessary and suspicious?<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/wantmass.png\" alt=\"wantmass\" width=\"620\" height=\"468\" \/><\/p>\n<p><strong>The Solutions:<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Ask only relevant information.<\/li>\n<li>Keep your form short.<\/li>\n<li>In the case of needing more information, create multi step form. This won\u2019t create a bad user experience. As shown below:<\/li>\n<\/ul>\n<\/blockquote>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/steptosolve-1.jpg\" alt=\"steptosolve\" width=\"656\" height=\"360\" \/><\/p>\n<h2>Mistake #5. No Proper Call-to-Action<\/h2>\n<p>Call to action is a golden opportunity which you should never miss. Your landing page should clearly dictate visitors what to do next after knowing your services. It should impart immediate action on the page.<\/p>\n<div class=\"tweet-three social-tweet right\"><a class=\"inline-twitter-link inline-tweet-click\" href=\"#\" onclick=\"inline_tweet_sharer_open_win('https:\\\/\\\/twitter.com\\\/intent\\\/tweet?url=https%3A%2F%2Fbit.ly%2F3vjA2w6&text=RT+%40poorti01%3A+Having+CTA+in+a+page+is+a+good+sign+but+including+too+many+will+get+you+in+trouble.');\" title=\"Tweet This!\">Having CTA in a page is a good sign but including too many will get you in trouble. <span class=\"dashicons dashicons-twitter dashicons-inline-tweet-sharer\"><\/span><\/a><\/div>\n<p>Now look at below image, it confuses visitor in taking action. C\u2019mon! Who would like to think too much while taking an action? Obviously! No one.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/noproper.jpg\" alt=\"noproper\" width=\"638\" height=\"546\" \/><\/p>\n<p><strong>How to make a clickable call to action?<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Place the CTA button in such a position that user can easily find it.<\/li>\n<li>Keep color contrast between your text and CTA button. Your call to action color should stand out by itself.<\/li>\n<li>Make use of Whitespace wisely.<\/li>\n<li>Use urgent CTA phrase such as free, new, hurry, now, limited. This will draw their attention.<\/li>\n<li>Offer one thing at a time.<\/li>\n<\/ul>\n<\/blockquote>\n<p>Below image is a perfect example of adequate CTA. It very clearly explains what user is going to get, it uses whitespace ideally that visitor can find CTA button effortlessly, CTA color is also contrasting, CTA phrase is impressive too.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/call-to-action-examples-inbound-1.jpg\" alt=\"call-to-action-examples-inbound\" width=\"700\" height=\"400\" \/><\/p>\n<h2>Mistake #6. Heavy Text Imposing on the Page<\/h2>\n<p>Don\u2019t bombard your landing page with lots of text. People might get confused and won\u2019t understand what you are offering to them.<\/p>\n<p>Look at the given image below. comScore provides white paper for download but it is too much loaded with text that its light blue download link barely catches visitor\u2019s eye. Hence it will result in increased bounce rate.<\/p>\n<p style=\"text-align: Center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/heavytext.png\" alt=\"heavytext\" width=\"600\" height=\"297\" \/><\/p>\n<p><strong>The Solutions:<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Try to explain things in fewer words and get rid of really fancy adjectives.<\/li>\n<li>Unless and until there is too much detail required you can divide your text in multiple ways such as \u2013\n<p style=\"font-family: 'Roboto', sans-serif !important; padding: 7px 0 7px 30px; font-size: 18px; margin: 0px 0px 0px 0px !important; line-height: 24px; color: #171717;\">&#8212; Bullet points<\/p>\n<p style=\"font-family: 'Roboto', sans-serif !important; padding: 7px 0 7px 30px; font-size: 18px; margin: 0px 0px 0px 0px !important; line-height: 24px; color: #171717;\">&#8212; Bold Headlines to grab attention<\/p>\n<p style=\"font-family: 'Roboto', sans-serif !important; padding: 7px 0 7px 30px; font-size: 18px; margin: 0px 0px 0px 0px !important; line-height: 24px; color: #171717;\">&#8212; Subhead points<\/p>\n<\/li>\n<li>Highlight the important lines so it will be easy for the visitor to absorb essential information quickly.<\/li>\n<li>Make use of images, as one picture worth a thousand words.<\/li>\n<\/ul>\n<\/blockquote>\n<h2>Mistake #7. Lacking Trust Indicators<\/h2>\n<p>Do you buy the products from the suspicious store? No! Right? So how can you expect your visitor will trust your service if you fail to show trust signals.<\/p>\n<p><strong>How to gain trust?<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Display honest testimonials on your landing page.<\/li>\n<li>Share a useful piece of information.<\/li>\n<li>Don\u2019t overstate your services and benefits.<\/li>\n<li>Incorporate Social proofs.<\/li>\n<\/ul>\n<\/blockquote>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/manpacks-1.jpg\" alt=\"manpacks\" width=\"840\" height=\"1052\" \/><\/p>\n<h2>Mistake #8. Missing Above the Fold Advantage<\/h2>\n<p>Above the fold is space which visitors see without scrolling. It is the crucial aspect to make into consideration. If you miss showing important details in this area you are likely to increase your bounce rate.<\/p>\n<p><strong>Which details to include?<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Place call-to-action button in this section where the viewer can easily find it and take action.<\/li>\n<li>Showcase what kind of business you are into.<\/li>\n<li>Place information that viewers want to keep reading.<\/li>\n<\/ul>\n<\/blockquote>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\"aligncenter size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/landing-page.jpg\" alt=\"landing-page\" width=\"900\" height=\"700\" \/><\/p>\n<h2>Mistake #9. Landing Page Takes Too Long To Respond<\/h2>\n<p>Small things play a really important role in this competitive world. According to <a href=\"https:\/\/blog.kissmetrics.com\/loading-time\/\" target=\"_blank\">Akamai and Gomez.com data on loading time<\/a>, a user will quit a website if it fails to load within 3 seconds. 79 % visitors who have a bad experience with site performance prefer not to buy from the same site again.<\/p>\n<div class=\"tweet-three social-tweet right\"><a class=\"inline-twitter-link inline-tweet-click\" href=\"#\" onclick=\"inline_tweet_sharer_open_win('https:\\\/\\\/twitter.com\\\/intent\\\/tweet?url=https%3A%2F%2Fbit.ly%2F3vjA2w6&text=Landing+Page+Tip+%3A+Slow+speed+not+only+decreases+your+conversion+rate+and+revenue+but+also+affects+your+ranking+and+page+views+in+search+engines.LandingPage');\" title=\"Tweet This!\">Slow speed not only decreases your conversion rate and revenue but also affects your ranking and page views in search engines. <span class=\"dashicons dashicons-twitter dashicons-inline-tweet-sharer\"><\/span><\/a><\/div>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/longtorespond-2.jpg\" alt=\"longtorespond\" width=\"840\" height=\"627\" \/><\/p>\n<p><strong>Tips to Reduce Load time:<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Take a speed test using <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\">Google\u2019s PageSpeed Insights tool<\/a> which recommends some solutions like which images need optimization.<\/li>\n<li>Check your code. Remove unnecessary sections. Minify JavaScript and CSS.<\/li>\n<li>Large images take too long time to load, leaving negative user experience so reduce and compress the images where required.<\/li>\n<li>Minimize your 301 Redirect. A number of 301 Redirects can also result in slowing down your speed.<\/li>\n<\/ul>\n<\/blockquote>\n<h2>Mistake #10. There Is No Tracking &amp; Optimization Done to See What Is Working<\/h2>\n<p>You are selling a product or service and don\u2019t look at how much sales you are doing or what customer is seeking, chances will increase that your business will soon be in loss. Similarly, all your efforts will go in vain if you don\u2019t track and optimize your landing page.<\/p>\n<p><strong>How to keep an eye on the landing page?<\/strong><\/p>\n<blockquote class=\"gen\">\n<ul class=\"blogul mtm25\">\n<li>Create several versions of landing pages and keep track on them to see what is working and what not. Change if the conversion rate is not increasing.\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\" size-full\" src=\"http:\/\/www.effectualmedia.com\/blog\/wp-content\/uploads\/2017\/08\/notracking.png\" alt=\"notracking\" width=\"543\" height=\"221\" \/><\/p>\n<\/li>\n<li>You can experiment by changing your call-to-action, headlines, price, design, and content, to look what changes are working.<\/li>\n<li>Use analytical tools such as Google analytics to observe how much traffic is coming to your page.<\/li>\n<li>Keep tweaking and testing timely.<\/li>\n<\/ul>\n<\/blockquote>\n<p><strong>Conclusion<\/strong><\/p>\n<p>Now you know most common mistake done by marketers. You know how information should be shown, what are the dos and don\u2019ts. Keeping all the above 10 mistakes and quick fix in mind while designing your landing page will for sure help you in increasing your click through rate.<\/p>\n<p>Did you find these tips useful? Do you have any tips to add? Share your thoughts with us.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A landing page is a foremost page that visitors land onto from ads or email marketing. Within first 5-10 seconds of visit, a user decides if they are going to stay or leave. This means you have very less time &hellip; <\/p>\n<p><strong><a href=\"https:\/\/www.effectualmedia.com\/blog\/landing-page-mistakes-hurt-10-real-examples-and-solutions-to-learn-from\/\">Read More<\/a><\/strong><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15,9,13],"tags":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/posts\/936"}],"collection":[{"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=936"}],"version-history":[{"count":87,"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/posts\/936\/revisions"}],"predecessor-version":[{"id":1053,"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/posts\/936\/revisions\/1053"}],"wp:attachment":[{"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.effectualmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}