{"id":672,"date":"2017-03-17T09:09:45","date_gmt":"2017-03-17T15:09:45","guid":{"rendered":"https:\/\/www.ometrics.com\/blog\/?p=672"},"modified":"2026-04-23T16:11:23","modified_gmt":"2026-04-23T22:11:23","slug":"conversion-rate-optimization-guide-page-layout","status":"publish","type":"post","link":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/","title":{"rendered":"Conversion Rate Optimization Page Layout (Chapter 8)"},"content":{"rendered":"<h1 style=\"text-align: center;\">The Conversion Rate Optimization Guide<\/h1>\n<h1 style=\"text-align: center;\">Chapter 8<\/h1>\n<hr \/>\n<p style=\"text-align: center;\"><span style=\"color: #68a72f;\"><strong>&lt;&lt;<a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-elements\/\">Previous<\/a> \u00a0| <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide\">Table of Contents<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/cro-ebook.html\">Download the CRO Guide<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-copy\/\">Next<\/a> &gt;&gt;<\/strong><\/span><\/p>\n<hr \/>\n<h2>Page layout and flow<\/h2>\n<p>Each page has a purpose, something you want the user to do. For those of you who took an art class, you may remember how some paintings can have a directional flow to them that causes your eyes to follow a path or line. Like a painting, a web page needs to be constructed such that the user\u2019s eyes follow an unconscious path which ends at the call-to-action. In most cases, we want the user to go through this process:<!--more--><\/p>\n<ul>\n<li>Gain some information and interact with the page.<\/li>\n<li>Make a decision.<\/li>\n<li>Take action.<\/li>\n<\/ul>\n<p><em>Tip: Before you start laying out your page, take a minute and write down where the user needs to go mentally before taking action. For example, is this the right part? Will it fit my model? Does it have the same or better features? Is there a return policy? Is it affordable?&#8230; <\/em><\/p>\n<p>To do this we have to help the user along with directional guidance. For example, a person looking at the form, a finger pointing, or graphic elements like arrows, line angles and trapezoid shapes will cause the user to look at the CTA, and this can have a dramatic effect on the conversion rate of the page.<\/p>\n<p>Images, especially of the product or of people will affect your conversion rate. The product image has to pop. Tests on ecommerce sites show that the bigger product image can increase sales by over 50%.<\/p>\n<p>When placing images of people on the page, one thousand assumptions are being made depending on the demographic of the user. Testing different types of people images must also be done for different ad campaigns or groups.<\/p>\n<p>People naturally focus on the eyes first. This popular test below is a heat map using eye tracking software from Tobii Studio resulting from 106 people looking at the ad. Notice that more people spent time on the copy when the baby was looking at it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-590\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg\" alt=\"heat-map-baby\" width=\"402\" height=\"562\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg 402w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby-215x300.jpg 215w\" sizes=\"(max-width: 402px) 100vw, 402px\" \/><\/p>\n<p>You can read more about this test by James Breeze at <a href=\"https:\/\/www.objectiveexperience.com\/eye-tracking-ux-research\/\">https:\/\/www.objectiveexperience.com\/eye-tracking-ux-research\/<\/a><\/p>\n<p>The example below has a number of important elements, but the first thing you see is the woman and then the form. The third may be the conversation bubble.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-598\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Woman-looking-up.jpg\" alt=\"woman-looking-up\" width=\"661\" height=\"393\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Woman-looking-up.jpg 661w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Woman-looking-up-300x178.jpg 300w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Woman-looking-up-624x371.jpg 624w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/p>\n<p>Look at your page layout from an artist\u2019s point of view. Graphically, what shapes and images make you look at the call-to-action and\/or form. Use human faces as much as possible. Review the image on your site and ask yourself:<\/p>\n<ul>\n<li>Does the image peak their attention?<\/li>\n<li>Does the image connect to the user subconsciously?<\/li>\n<li>Does the image persuade them and overcome objections?<\/li>\n<li>Does the image or layout point to the call to action?<\/li>\n<\/ul>\n<p>Use heat map tools to understand how users are interacting with the site.<\/p>\n<p>Use feedback tabs and pop-up surveys to query users and find out where they are getting stuck.<\/p>\n<p><em>Tip: For landing pages with a download goal, make people curious by blurring the background image of the item so they cannot really read the details of what the downloadable item says. Ask questions that peak their curiosity, and have shocking info that makes them want it more.<\/em><\/p>\n<h3>Mobile and desktop design considerations<\/h3>\n<p>The user\u2019s experience is affected by the device they are on. Designers are creating a site on a desktop then it is coded and viewed responsively (layout change depending on the device). Because of this, the desktop version may look great and the mobile version is an afterthought or vice versa. When testing, it is important to look at the conversion rate by device, often one device can cancel out the other. In some cases, a mobile only landing page is easier to test than a responsive page, depending on your testing platform. A mobile page is designed to scroll whereas the desktop often is not. This can cause conflicting results and design decisions.<\/p>\n<hr \/>\n<p style=\"text-align: center;\"><span style=\"color: #68a72f;\"><strong>&lt;&lt;<a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-elements\/\">Previous<\/a> \u00a0| <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide\">Table of Contents<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/cro-ebook.html\">Download the CRO Guide<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-copy\/\">Next<\/a> &gt;&gt;<\/strong><\/span><\/p>\n<hr \/>\n<h3><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>The Conversion Rate Optimization Guide Chapter 8 &lt;&lt;Previous \u00a0| Table of Contents | Download the CRO Guide | Next &gt;&gt; Page layout and flow Each page has a purpose, something you want the user to do. For those of you who took an art class, you may remember how some paintings can have a directional [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<h1 style=\"text-align: center;\">The 2021 Conversion Rate Optimization Guide<\/h1>\n<h1 style=\"text-align: center;\">Chapter 8<\/h1>\n\n<hr \/>\n<p style=\"text-align: center;\"><span style=\"color: #68a72f;\"><strong>&lt;&lt;<a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-elements\/\">Previous<\/a> \u00a0| <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide\">Table of Contents<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/cro-ebook.html\">Download the CRO Guide<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-copy\/\">Next<\/a> &gt;&gt;<\/strong><\/span><\/p>\n\n\n<hr \/>\n\n<h2>Page layout and flow<\/h2>\nEach page has a purpose, something you want the user to do. For those of you who took an art class, you may remember how some paintings can have a directional flow to them that causes your eyes to follow a path or line. Like a painting, a web page needs to be constructed such that the user\u2019s eyes follow an unconscious path which ends at the call-to-action. In most cases, we want the user to go through this process:<!--more-->\n<ul>\n \t<li>Gain some information and interact with the page.<\/li>\n \t<li>Make a decision.<\/li>\n \t<li>Take action.<\/li>\n<\/ul>\n<em>Tip: Before you start laying out your page, take a minute and write down where the user needs to go mentally before taking action. For example, is this the right part? Will it fit my model? Does it have the same or better features? Is there a return policy? Is it affordable?... <\/em>\n\nTo do this we have to help the user along with directional guidance. For example, a person looking at the form, a finger pointing, or graphic elements like arrows, line angles and trapezoid shapes will cause the user to look at the CTA, and this can have a dramatic effect on the conversion rate of the page.\n\nImages, especially of the product or of people will affect your conversion rate. The product image has to pop. Tests on ecommerce sites show that the bigger product image can increase sales by over 50%.\n\nWhen placing images of people on the page, one thousand assumptions are being made depending on the demographic of the user. Testing different types of people images must also be done for different ad campaigns or groups.\n\nPeople naturally focus on the eyes first. This popular test below is a heat map using eye tracking software from Tobii Studio resulting from 106 people looking at the ad. Notice that more people spent time on the copy when the baby was looking at it.\n\n<img class=\"aligncenter size-full wp-image-590\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg\" alt=\"heat-map-baby\" width=\"402\" height=\"562\" \/>\n\nYou can read more about this test by James Breeze @http:\/\/usableworld.com.au\/2009\/03\/16\/you-look-where-they-look\/\n\nThe example below has a number of important elements, but the first thing you see is the woman and then the form. The third may be the conversation bubble.\n\n<img class=\"aligncenter size-full wp-image-598\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Woman-looking-up.jpg\" alt=\"woman-looking-up\" width=\"661\" height=\"393\" \/>\n\nLook at your page layout from an artist\u2019s point of view. Graphically, what shapes and images make you look at the call-to-action and\/or form. Use human faces as much as possible. Review the image on your site and ask yourself:\n<ul>\n \t<li>Does the image peak their attention?<\/li>\n \t<li>Does the image connect to the user subconsciously?<\/li>\n \t<li>Does the image persuade them and overcome objections?<\/li>\n \t<li>Does the image or layout point to the call to action?<\/li>\n<\/ul>\nUse heat map tools to understand how users are interacting with the site.\n\nUse feedback tabs and pop-up surveys to query users and find out where they are getting stuck.\n\n<em>Tip: For landing pages with a download goal, make people curious by blurring the background image of the item so they cannot really read the details of what the downloadable item says. Ask questions that peak their curiosity, and have shocking info that makes them want it more.<\/em>\n<h3>Mobile and desktop design considerations<\/h3>\nThe user\u2019s experience is affected by the device they are on. Designers are creating a site on a desktop then it is coded and viewed responsively (layout change depending on the device). Because of this, the desktop version may look great and the mobile version is an afterthought or vice versa. When testing, it is important to look at the conversion rate by device, often one device can cancel out the other. In some cases, a mobile only landing page is easier to test than a responsive page, depending on your testing platform. A mobile page is designed to scroll whereas the desktop often is not. This can cause conflicting results and design decisions.\n\n<hr \/>\n<p style=\"text-align: center;\"><span style=\"color: #68a72f;\"><strong>&lt;&lt;<a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-elements\/\">Previous<\/a> \u00a0| <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide\">Table of Contents<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/cro-ebook.html\">Download the CRO Guide<\/a> | <a style=\"color: #68a72f;\" href=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-copy\/\">Next<\/a> &gt;&gt;<\/strong><\/span><\/p>\n\n\n<hr \/>\n\n<h3><\/h3>","_et_gb_content_width":"","footnotes":""},"categories":[18,111522],"tags":[682423,28],"class_list":["post-672","post","type-post","status-publish","format-standard","hentry","category-conversion-rate-optimization","category-cro-guide","tag-blog","tag-conversion-rate-optimization-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Conversion Rate Optimization Page Layout (Chapter 8)<\/title>\n<meta name=\"description\" content=\"Each page has a purpose, something you want the user to do. Page layout and flow are key factors in how that page converts.\" \/>\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.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Conversion Rate Optimization Page Layout (Chapter 8)\" \/>\n<meta property=\"og:description\" content=\"Each page has a purpose, something you want the user to do. Page layout and flow are key factors in how that page converts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Ometrics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ometrics\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/ometrics\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-17T15:09:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-23T22:11:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg\" \/>\n<meta name=\"author\" content=\"Greg Ahern\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Greg Ahern\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/\"},\"author\":{\"name\":\"Greg Ahern\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#\/schema\/person\/2e626ba442cbcf4e1db7e9fe737dcbc8\"},\"headline\":\"Conversion Rate Optimization Page Layout (Chapter 8)\",\"datePublished\":\"2017-03-17T15:09:45+00:00\",\"dateModified\":\"2026-04-23T22:11:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/\"},\"wordCount\":679,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg\",\"keywords\":[\"blog\",\"conversion rate optimization\"],\"articleSection\":[\"Conversion Rate Optimization\",\"CRO Guide\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/\",\"url\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/\",\"name\":\"Conversion Rate Optimization Page Layout (Chapter 8)\",\"isPartOf\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg\",\"datePublished\":\"2017-03-17T15:09:45+00:00\",\"dateModified\":\"2026-04-23T22:11:23+00:00\",\"description\":\"Each page has a purpose, something you want the user to do. Page layout and flow are key factors in how that page converts.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage\",\"url\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg\",\"contentUrl\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg\",\"width\":402,\"height\":562},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ometrics.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conversion Rate Optimization Page Layout (Chapter 8)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#website\",\"url\":\"https:\/\/www.ometrics.com\/blog\/\",\"name\":\"Ometrics\",\"description\":\"AI Chatbots, Conversion Rate Optimization Resources, Exit Popups, A-B Testing\",\"publisher\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ometrics.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#organization\",\"name\":\"Ometrics\",\"url\":\"https:\/\/www.ometrics.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png\",\"contentUrl\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png\",\"width\":210,\"height\":45,\"caption\":\"Ometrics\"},\"image\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Ometrics\/\",\"https:\/\/x.com\/ometrics\",\"https:\/\/www.instagram.com\/ometricsllc\/\",\"https:\/\/www.linkedin.com\/company\/ometrics\",\"https:\/\/www.youtube.com\/channel\/UCqOKmRfWQ7v7cgXAuSABFIw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#\/schema\/person\/2e626ba442cbcf4e1db7e9fe737dcbc8\",\"name\":\"Greg Ahern\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f1e660b474ae1134f6648fb4f62489cf0672e17474fa4eeadcb2bca8b9a9e25e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f1e660b474ae1134f6648fb4f62489cf0672e17474fa4eeadcb2bca8b9a9e25e?s=96&d=mm&r=g\",\"caption\":\"Greg Ahern\"},\"description\":\"Greg Ahern Founder and CEO of Ometrics\u00ae and Ochatbot\u00ae is a fanatic about artificial intelligence, machine learning, AI chatbots, conversational ecommerce, lead generation and conversion rate optimization. Greg has been a successful Internet entrepreneur since 1994. He speaks at conferences and webinars and has built a number of internet businesses. You can follow Greg on Twitter @gregahern, Linkedin, and join his CRO Hacks Groups on Slack. https:\/\/www.ometrics.com\/cro-growth-hacks\/\",\"sameAs\":[\"https:\/\/www.ometrics.com\",\"http:\/\/www.facebook.com\/ometrics\",\"https:\/\/x.com\/gregahern\"],\"url\":\"https:\/\/www.ometrics.com\/blog\/author\/domoreblogs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Conversion Rate Optimization Page Layout (Chapter 8)","description":"Each page has a purpose, something you want the user to do. Page layout and flow are key factors in how that page converts.","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.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/","og_locale":"en_US","og_type":"article","og_title":"Conversion Rate Optimization Page Layout (Chapter 8)","og_description":"Each page has a purpose, something you want the user to do. Page layout and flow are key factors in how that page converts.","og_url":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/","og_site_name":"Ometrics","article_publisher":"https:\/\/www.facebook.com\/Ometrics\/","article_author":"http:\/\/www.facebook.com\/ometrics","article_published_time":"2017-03-17T15:09:45+00:00","article_modified_time":"2026-04-23T22:11:23+00:00","og_image":[{"url":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg","type":"","width":"","height":""}],"author":"Greg Ahern","twitter_misc":{"Written by":"Greg Ahern","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#article","isPartOf":{"@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/"},"author":{"name":"Greg Ahern","@id":"https:\/\/www.ometrics.com\/blog\/#\/schema\/person\/2e626ba442cbcf4e1db7e9fe737dcbc8"},"headline":"Conversion Rate Optimization Page Layout (Chapter 8)","datePublished":"2017-03-17T15:09:45+00:00","dateModified":"2026-04-23T22:11:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/"},"wordCount":679,"commentCount":0,"publisher":{"@id":"https:\/\/www.ometrics.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg","keywords":["blog","conversion rate optimization"],"articleSection":["Conversion Rate Optimization","CRO Guide"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/","url":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/","name":"Conversion Rate Optimization Page Layout (Chapter 8)","isPartOf":{"@id":"https:\/\/www.ometrics.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage"},"image":{"@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg","datePublished":"2017-03-17T15:09:45+00:00","dateModified":"2026-04-23T22:11:23+00:00","description":"Each page has a purpose, something you want the user to do. Page layout and flow are key factors in how that page converts.","breadcrumb":{"@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#primaryimage","url":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg","contentUrl":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2017\/03\/Heat-map-baby.jpg","width":402,"height":562},{"@type":"BreadcrumbList","@id":"https:\/\/www.ometrics.com\/blog\/conversion-rate-optimization-guide-page-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ometrics.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Conversion Rate Optimization Page Layout (Chapter 8)"}]},{"@type":"WebSite","@id":"https:\/\/www.ometrics.com\/blog\/#website","url":"https:\/\/www.ometrics.com\/blog\/","name":"Ometrics","description":"AI Chatbots, Conversion Rate Optimization Resources, Exit Popups, A-B Testing","publisher":{"@id":"https:\/\/www.ometrics.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ometrics.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ometrics.com\/blog\/#organization","name":"Ometrics","url":"https:\/\/www.ometrics.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png","contentUrl":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png","width":210,"height":45,"caption":"Ometrics"},"image":{"@id":"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Ometrics\/","https:\/\/x.com\/ometrics","https:\/\/www.instagram.com\/ometricsllc\/","https:\/\/www.linkedin.com\/company\/ometrics","https:\/\/www.youtube.com\/channel\/UCqOKmRfWQ7v7cgXAuSABFIw"]},{"@type":"Person","@id":"https:\/\/www.ometrics.com\/blog\/#\/schema\/person\/2e626ba442cbcf4e1db7e9fe737dcbc8","name":"Greg Ahern","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ometrics.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f1e660b474ae1134f6648fb4f62489cf0672e17474fa4eeadcb2bca8b9a9e25e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f1e660b474ae1134f6648fb4f62489cf0672e17474fa4eeadcb2bca8b9a9e25e?s=96&d=mm&r=g","caption":"Greg Ahern"},"description":"Greg Ahern Founder and CEO of Ometrics\u00ae and Ochatbot\u00ae is a fanatic about artificial intelligence, machine learning, AI chatbots, conversational ecommerce, lead generation and conversion rate optimization. Greg has been a successful Internet entrepreneur since 1994. He speaks at conferences and webinars and has built a number of internet businesses. You can follow Greg on Twitter @gregahern, Linkedin, and join his CRO Hacks Groups on Slack. https:\/\/www.ometrics.com\/cro-growth-hacks\/","sameAs":["https:\/\/www.ometrics.com","http:\/\/www.facebook.com\/ometrics","https:\/\/x.com\/gregahern"],"url":"https:\/\/www.ometrics.com\/blog\/author\/domoreblogs\/"}]}},"_links":{"self":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/posts\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/comments?post=672"}],"version-history":[{"count":8,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions"}],"predecessor-version":[{"id":10373,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions\/10373"}],"wp:attachment":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/categories?post=672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/tags?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}