{"id":9449,"date":"2018-08-03T05:53:35","date_gmt":"2018-08-03T00:23:35","guid":{"rendered":"https:\/\/www.rankwatch.com\/blog\/?p=9449"},"modified":"2022-09-27T14:13:19","modified_gmt":"2022-09-27T08:43:19","slug":"7-landing-page-best-practices-to-keep-in-mind-when-designing","status":"publish","type":"post","link":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/","title":{"rendered":"7 Landing Page Best Practices to Keep in Mind When Designing"},"content":{"rendered":"<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/7-Landing-Page-Best-Practices-to-Keep-in-Mind-When-Designing.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-9487 size-large\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/7-Landing-Page-Best-Practices-to-Keep-in-Mind-When-Designing.png?resize=640%2C320&#038;ssl=1\" alt=\"Landing Page \" width=\"640\" height=\"320\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/7-Landing-Page-Best-Practices-to-Keep-in-Mind-When-Designing.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/7-Landing-Page-Best-Practices-to-Keep-in-Mind-When-Designing.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/7-Landing-Page-Best-Practices-to-Keep-in-Mind-When-Designing.png?resize=768%2C384&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">By now, you probably already know that quantity is one of the landing page best practices you need to follow. But having more is not enough, quality is just as important. Having epic landing pages will lead you towards a better conversion rate. <\/span><\/p>\n<p><span style=\"font-weight: 400;\"> This post will guide you on the landing page best practices in design. Just a few tweaks will do wonders even if you\u2019re not a designer. Don\u2019t worry, there won\u2019t be deep coding jargons ahead; just simple actionable steps for mere mortals.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s jump in!<\/span><\/p>\n<h2>Simple and clean is in<\/h2>\n<p><span style=\"font-weight: 400;\">Minimalism is getting trendier everywhere, from house interior, mobile design, and people&#8217;s lifestyle in general. Even your landing page design should keep up with the trend too.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ve probably heard about the shortening of human\u2019s attention span. Keep that in mind when planning your designs. You are competing with thousands of other businesses and service providers for your client&#8217;s attention. Your job is to make it easy for a visitor to make a decision.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So how do you do that? Reduce complexity. Remove clutter. Only go for what is essential. A compelling headline, few details to reduce friction, and an obvious call-to-action are all you need. The landing page must have only one goal. If you need to show other topics, then create a separate landing page.<\/span><\/p>\n<h2>Make it familiar<\/h2>\n<p><span style=\"font-weight: 400;\">Your landing pages are not walking on a runway. You don\u2019t need to come up with something new every time. Now is not the time to show off your pizzazz because it might backlash.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Marketing goes hand-in-hand with psychology. You have to understand how your clients think or \u201cnot think\u201d. Learn what compels them to do an ideal behavior or what obstructs them from taking action.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The human brain follows what is familiar. Unfamiliar objects often trigger skepticism. If your landing page \u201cdoesn\u2019t look like a landing page\u201d, you might be scaring off your visitors. Again, your job is to reduce complexity. Make it easy peasy for your visitor to make a decision by using a familiar template.<\/span><\/p>\n<h2>Add social proof<\/h2>\n<p><span style=\"font-weight: 400;\">The innate need to belong is embedded deep within<\/span><a href=\"https:\/\/sproutsocial.com\/insights\/social-proof\/\"> <span style=\"font-weight: 400;\">sometimes even irrationally<\/span><\/a><span style=\"font-weight: 400;\">. So what does this mean to you as a designer? Meet the need for belongingness in your landing page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Show them that by responding to your call-to-action, they will become a part of a community. You can do this by adding customer testimonials, the number of users, or your social media following.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This page by Asana uses \u201cmillions of users\u201d and \u201c192 countries\u201d as their social proof. This is a great approach if your business has grown hundreds of thousands or millions of users. Aside from the social proof, they also followed another landing page best practices such as a descriptive, bold, and striking CTA which we\u2019ll cover more on the next number.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-1.jpg?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-9460 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-1.jpg?resize=640%2C263&#038;ssl=1\" alt=\"Landing Page \" width=\"640\" height=\"263\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-1.jpg?w=986&amp;ssl=1 986w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-1.jpg?resize=300%2C123&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-1.jpg?resize=768%2C315&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.nielsen.com\/us\/en\/insights\/news\/2012\/consumer-trust-in-online-social-and-mobile-advertising-grows.html\"><span style=\"font-weight: 400;\">Research showed<\/span><\/a><span style=\"font-weight: 400;\"> that 92% of users are more likely to trust non-paid endorsements compared to other forms of advertising. Make it authentic. Make your social proof be about real people.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let your testimonials be from customers who have genuinely benefited from your product or service. Specific and heartfelt stories work best. A plain \u201cthis business is great\u201d won\u2019t cut it. For example, you can use something like \u201cSince I have worked with RankWatch, my e-commerce profit doubled in less than a year.\u201d \u00a0But of course, it has to come from a real customer. Edit it a bit with their permission, but the core message must come directly from your customer.<\/span><\/p>\n<h2>Go for descriptive, bold, and striking CTA<\/h2>\n<p><span style=\"font-weight: 400;\">For the nth time, you should reduce complexity. So, your CTA should be obvious. If all they do after arriving on your landing page is to click on it, then your mission is accomplished.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The label should be descriptive. It should tell exactly what\u2019s going to happen if you click on it. Avoid vague CTA\u2019s such as submit and next.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Your visitors should not need to find your CTA. Again, it should be broad daylight obvious. Use a color that contrasts with the background. Of course, the color should still be aligned with your brand. Just because I said a contrasting color, don&#8217;t go for orange if it appears out of place on your website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Speaking of orange, Payoneer has a striking orange CTA and it fits perfectly well because orange is one of the brand\u2019s colors. Aside from that, they also practiced other landing pages best practices like using images, position, and location of their clients for their social proof.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-2.jpg?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-9461 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-2.jpg?resize=640%2C458&#038;ssl=1\" alt=\"Landing Page \" width=\"640\" height=\"458\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-2.jpg?w=649&amp;ssl=1 649w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-2.jpg?resize=300%2C214&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<h2>Be mindful of the details<\/h2>\n<p><span style=\"font-weight: 400;\">Mehmet Murat ildan said that \u201cLittle details have special talents in creating big problems!\u201d Indeed, the small details can make or break your landing page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The<\/span><a href=\"https:\/\/www.shortstack.com\/blog\/how-colors-affect-your-landing-page-conversion-rate-infographic\/\"> <span style=\"font-weight: 400;\">colors you use<\/span><\/a><span style=\"font-weight: 400;\">, size and shape of your buttons, and typography all have an effect on your conversion rate. There is no hard rule for the best elements you can use because every user is different. That is why it is important to have the A\/B test, more of that on the number. <\/span><\/p>\n<h2>Meanwhile here are more details you should watch for when designing.<\/h2>\n<p><span style=\"font-weight: 400;\"><strong>\u00d8<\/strong> \u00a0<em><strong>AVOID ALL CAPS. ALL CAPS ARE MORE DIFFICULT TO READ AND SCAN.<\/strong> You see. So please, go easy with the big letters.<\/em><\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-3.jpg?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-9462 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-3.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Landing Page \" width=\"500\" height=\"333\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-3.jpg?w=500&amp;ssl=1 500w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/landing-page-3.jpg?resize=300%2C200&amp;ssl=1 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\"><strong>\u00d8<\/strong> \u00a0<em>Align labels on top. Forms with top aligned labeled have better conversion rate than those Top-aligned labels also translate well on mobile.<\/em><\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>\u00d8<\/strong> \u00a0<em>Ensure that the headline matches the ad that they clicked before they landed on your page.<\/em><\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>\u00d8<\/strong> \u00a0<em>Use bullets instead of long paragraphs.<\/em><\/span><\/p>\n<h2>Optimize your design for mobile<\/h2>\n<p><a href=\"https:\/\/hostingfacts.com\/internet-facts-stats\/\"><span style=\"font-weight: 400;\">Statistics<\/span><\/a><span style=\"font-weight: 400;\"> show how much revenue you are gambling to lose if you don\u2019t optimize for mobile. There are currently 3.7 billion mobile Internet users growing at an unprecedented speed. By 2020, mobile will comprise 45 % of all e-commerce transactions.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Make your landing page responsive so mobile users won\u2019t need to scroll, zoom, or pinch for ages to view your entire page or find your CTA. Your button should also be convenient enough to be clicked on using the thumb.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If your desktop version is already minimalist, your mobile version should be the simplest it could be without cutting the important elements. Filler words will only crowd out the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The font sizes should be easily readable on mobile. The ideal base font size according to Google is 16 CSS pixels. If you have few coding skills then go ahead and<\/span><a href=\"https:\/\/varvy.com\/mobile\/legible-font-size.html\"> <span style=\"font-weight: 400;\">read this article<\/span><\/a><span style=\"font-weight: 400;\"> on the ideal typography for mobile design.<\/span><\/p>\n<h2>Run A\/B Tests<\/h2>\n<p><span style=\"font-weight: 400;\">As much as we&#8217;d like to pretend that we fully understand our consumer behavior, we don&#8217;t. The human brain is crazy, wonderful, and ever-changing. We can never fully understand how it works.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So how do you know if your landing page will be received by your clients perfectly? Test! Test which CTA works well, which headline engages more, which color converts better, etc. <\/span><\/p>\n<h2>Conclusion<\/h2>\n<p>The best landing page practices start with the client in mind. What is interesting to the user? What is easier for the user? What can compel the visitor to convert? These are the questions you need to answer before starting to design your landing page.<\/p>\n<p><span style=\"font-weight: 400;\">To sum up, make your landing page simple, familiar, and trustworthy by adding social proof. Use compelling CTA and be mindful of the details. Don\u2019t forget to make it mobile-friendly. After that, test. Do what works. Drop what doesn\u2019t. Rinse and repeat.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>By now, you probably already know that quantity is one of the landing page best practices you need to follow. But having more is not enough, quality is just as important. Having epic landing pages will lead you towards a better conversion rate. This post will guide you on the landing page best practices in [&hellip;]<\/p>\n","protected":false},"author":25530,"featured_media":9488,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-9449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-ux","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>7 Landing Page Best Practices to Keep in Mind When Designing - RankWatch Blog<\/title>\n<meta name=\"description\" content=\"Having epic landing pages will lead you towards a better conversion rate. Discover 7 landing page best practices to keep in mind when designing landing pages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Landing Page Best Practices to Keep in Mind When Designing - RankWatch Blog\" \/>\n<meta property=\"og:description\" content=\"Having epic landing pages will lead you towards a better conversion rate. Discover 7 landing page best practices to keep in mind when designing landing pages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/\" \/>\n<meta property=\"og:site_name\" content=\"RankWatch Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RankWatch\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-03T00:23:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-27T08:43:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kimberly Maceda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:site\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kimberly Maceda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/\"},\"author\":{\"name\":\"Kimberly Maceda\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/80d5a20d50dbc63569cd3ebd985a8ce4\"},\"headline\":\"7 Landing Page Best Practices to Keep in Mind When Designing\",\"datePublished\":\"2018-08-03T00:23:35+00:00\",\"dateModified\":\"2022-09-27T08:43:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/\"},\"wordCount\":1240,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1\",\"articleSection\":[\"UI &amp; UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/\",\"name\":\"7 Landing Page Best Practices to Keep in Mind When Designing - RankWatch Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1\",\"datePublished\":\"2018-08-03T00:23:35+00:00\",\"dateModified\":\"2022-09-27T08:43:19+00:00\",\"description\":\"Having epic landing pages will lead you towards a better conversion rate. Discover 7 landing page best practices to keep in mind when designing landing pages.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rankwatch.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Landing Page Best Practices to Keep in Mind When Designing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"name\":\"RankWatch Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\",\"name\":\"Rankwatch\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"width\":400,\"height\":90,\"caption\":\"Rankwatch\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RankWatch\/\",\"https:\/\/x.com\/rankwatch\",\"https:\/\/www.instagram.com\/rankwatch_seo\/\",\"https:\/\/in.linkedin.com\/company\/rankwatch\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/80d5a20d50dbc63569cd3ebd985a8ce4\",\"name\":\"Kimberly Maceda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3988983a5c239cdba50158708f18d44f?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3988983a5c239cdba50158708f18d44f?s=96&d=blank&r=g\",\"caption\":\"Kimberly Maceda\"},\"description\":\"Kimberly Maceda is a Content Writer for ActiveTrail. She writes for some top online marketing sites and blogging advice on email marketing and marketing automation. ActiveTrail is a leading provider of professional-grade email marketing and automation software for growing businesses.\",\"sameAs\":[\"http:\/\/www.activetrail.com\"],\"url\":\"https:\/\/www.rankwatch.com\/blog\/author\/kimberly-maceda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Landing Page Best Practices to Keep in Mind When Designing - RankWatch Blog","description":"Having epic landing pages will lead you towards a better conversion rate. Discover 7 landing page best practices to keep in mind when designing landing pages.","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:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/","og_locale":"en_US","og_type":"article","og_title":"7 Landing Page Best Practices to Keep in Mind When Designing - RankWatch Blog","og_description":"Having epic landing pages will lead you towards a better conversion rate. Discover 7 landing page best practices to keep in mind when designing landing pages.","og_url":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/","og_site_name":"RankWatch Blog","article_publisher":"https:\/\/www.facebook.com\/RankWatch\/","article_published_time":"2018-08-03T00:23:35+00:00","article_modified_time":"2022-09-27T08:43:19+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png","type":"image\/png"}],"author":"Kimberly Maceda","twitter_card":"summary_large_image","twitter_creator":"@rankwatch","twitter_site":"@rankwatch","twitter_misc":{"Written by":"Kimberly Maceda","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#article","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/"},"author":{"name":"Kimberly Maceda","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/80d5a20d50dbc63569cd3ebd985a8ce4"},"headline":"7 Landing Page Best Practices to Keep in Mind When Designing","datePublished":"2018-08-03T00:23:35+00:00","dateModified":"2022-09-27T08:43:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/"},"wordCount":1240,"commentCount":0,"publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1","articleSection":["UI &amp; UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/","url":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/","name":"7 Landing Page Best Practices to Keep in Mind When Designing - RankWatch Blog","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1","datePublished":"2018-08-03T00:23:35+00:00","dateModified":"2022-09-27T08:43:19+00:00","description":"Having epic landing pages will lead you towards a better conversion rate. Discover 7 landing page best practices to keep in mind when designing landing pages.","breadcrumb":{"@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#primaryimage","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/www.rankwatch.com\/blog\/7-landing-page-best-practices-to-keep-in-mind-when-designing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rankwatch.com\/blog\/"},{"@type":"ListItem","position":2,"name":"7 Landing Page Best Practices to Keep in Mind When Designing"}]},{"@type":"WebSite","@id":"https:\/\/www.rankwatch.com\/blog\/#website","url":"https:\/\/www.rankwatch.com\/blog\/","name":"RankWatch Blog","description":"","publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rankwatch.com\/blog\/#organization","name":"Rankwatch","url":"https:\/\/www.rankwatch.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","width":400,"height":90,"caption":"Rankwatch"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RankWatch\/","https:\/\/x.com\/rankwatch","https:\/\/www.instagram.com\/rankwatch_seo\/","https:\/\/in.linkedin.com\/company\/rankwatch"]},{"@type":"Person","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/80d5a20d50dbc63569cd3ebd985a8ce4","name":"Kimberly Maceda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3988983a5c239cdba50158708f18d44f?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3988983a5c239cdba50158708f18d44f?s=96&d=blank&r=g","caption":"Kimberly Maceda"},"description":"Kimberly Maceda is a Content Writer for ActiveTrail. She writes for some top online marketing sites and blogging advice on email marketing and marketing automation. ActiveTrail is a leading provider of professional-grade email marketing and automation software for growing businesses.","sameAs":["http:\/\/www.activetrail.com"],"url":"https:\/\/www.rankwatch.com\/blog\/author\/kimberly-maceda\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2018\/08\/if_landing-page-internet_532722.png?fit=512%2C512&ssl=1","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/9449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/users\/25530"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/comments?post=9449"}],"version-history":[{"count":6,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/9449\/revisions"}],"predecessor-version":[{"id":9679,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/9449\/revisions\/9679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media\/9488"}],"wp:attachment":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media?parent=9449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/categories?post=9449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/tags?post=9449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}