{"id":107141,"date":"2013-09-23T21:49:06","date_gmt":"2013-09-23T13:49:06","guid":{"rendered":"https:\/\/seo-hacker.com\/?p=7141"},"modified":"2021-05-11T06:10:28","modified_gmt":"2021-05-11T06:10:28","slug":"heatmaps-scrollmaps","status":"publish","type":"post","link":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/","title":{"rendered":"Introduction to Heat Maps, Scroll Maps and Everything in Between"},"content":{"rendered":"

\"Introduction-Conversion-Rate-Optimization\"<\/a><\/p>\n

Most marketers see conversion rate optimization<\/a> as a priority for their website optimization programs. It’s no longer a question of ‘if’ but a question of ‘how’ – how do you start with Conversion Rate Optimization (CRO)?
\n<\/p>\n

Webmaster’s Note:<\/strong> This is not an entry for advanced CRO. If anything, it’s an introduction to what CRO is and how you can start.<\/em><\/p>\n

Ever heard the phrase “to make more money, you gotta have money<\/em>” ? Conversion Rate Optimization is geared towards making you more money. As chances may have it, you won’t be able to do it well without the right initial investments in the right tool-set.<\/p>\n

Heat Mapping
\n<\/strong><\/p>\n

Heat Maps are an awesome way to know where people are clicking. Here’s a heat Map taken from our free registration page in SEO School:<\/p>\n

\"Heatmap\"<\/a><\/p>\n

As you can see, people are clicking on the registration form to create their account. Right there and then we know that this is an effective landing page for our free subscribers. Is it the effect of the registration form? Heck no. It’s a combination of context that helped the form to be in its current state of effectiveness.<\/p>\n

Here are some elements that helps affect the context:<\/p>\n

    \n
  1. Landing page Copy<\/li>\n
  2. Above-the-fold layout<\/li>\n
  3. Graphic Images<\/li>\n
  4. Referring page<\/li>\n
  5. Testimonials<\/li>\n<\/ol>\n

    If you get all these things right, conversion increases. It’s not easy. Heat Mapping is a great way to verify <\/strong>if you’re doing all the little things correctly.<\/p>\n

    On the other hand, you can also use heat mapping to see if people are clicking on the wrong places<\/strong>. Perhaps your button is not eye-catching? Or there are too many other options they could click on in a single page. Heat Mapping is an awesome source of data that should be used to direct your CRO.<\/p>\n

    Scroll Mapping<\/strong><\/p>\n

    Scroll Maps are a kind of a big picture setter on where most of your users settle on your page. Not everyone has the same screen size. So you’ll need to know where your users stay the most when your landing page is longer than the fold. A scroll map looks something like this:<\/p>\n

    \"Scrollmap<\/a><\/p>\n

    \"Scrollmap<\/a>Based on this example, I know that I should make meaning of the 4 circles I have there – Foundational, Marketing, Technical and Copywriting. Me and my team haven’t finished it yet but we’ll ship it out once it’s done. We got the idea to make those buttons clickable because of the data we got in this scroll Map.<\/p>\n

    Here’s the legend behind the scroll map color code -><\/p>\n

    If you’re wondering what tool I use for my heat maps and scroll maps, I use Crazyegg. It’s a CRO tool that provides heat mapping and scroll mapping capabilities for as low as $9 a month. It’s really easy to install their tracking script and it doesn’t bog down your page load speed.<\/p>\n

    You should check it out<\/a>.<\/p>\n

    Confetti<\/strong><\/p>\n

    One other thing I love about Crazyegg is their Confetti tool. It tells you where the clicks came from. In this case, there are lots of clicks that came from other parts of our site (seo-hacker.org) and there were clicks that came from the main site (seo-hacker.com). Other than that, search engines and Slideshare seem to refer the rest of our clicks.<\/p>\n

    \"Confetti<\/a><\/p>\n

    This is pretty helpful in trying to know what other referring sites have brought you clicks – and where exactly those users clicked on.<\/p>\n

    Poor Man’s Heat Map<\/strong><\/p>\n

    If you don’t have the credit card but have the technical know-how to set-up an internal heat map, try Labmedia’s Clickheat<\/a>.<\/p>\n

    \"Clickheat<\/a><\/p>\n

    It takes some setting up to start (you have to download it and upload it via FTP) but it’s a pretty good free alternative if you don’t have the budget to invest on Crazyegg.<\/p>\n

    We’ll be talking more about CRO (and why it’s the next big thing after the rise of SEO) in this series.<\/p>\n

    Tips for Keeps:<\/strong> Sign up with Crazyegg and take advantage of their 30-day free trial. You’ll get to have a better picture if it’s worth investing your $9 a month on.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Most marketers see conversion rate optimization as a priority for their website optimization programs. It’s no longer a question of ‘if’ but a question of ‘how’ – how do you start with Conversion Rate Optimization (CRO)?<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wl_entities_gutenberg":"","footnotes":""},"categories":[101889],"tags":[101897,101899,101898,101894,101893,101895,101896],"wl_entity_type":[102583],"class_list":["post-107141","post","type-post","status-publish","format-standard","hentry","category-conversion-rate-optimization","tag-confetti","tag-conversion-rate","tag-cro","tag-heatmapping","tag-heatmaps","tag-scrollmap","tag-scrollmapping","wl_entity_type-article"],"acf":[],"yoast_head":"\nWhy Conversion Rate Optimization is a Must<\/title>\n<meta name=\"description\" content=\"Most marketers see conversion rate optimization as a priority for their website optimization programs. It's no longer a question of 'if' but a question of 'how' - how do you start with Conversion Rate Optimization (CRO)?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Conversion Rate Optimization is a Must\" \/>\n<meta property=\"og:description\" content=\"Most marketers see conversion rate optimization as a priority for their website optimization programs. It's no longer a question of 'if' but a question of 'how' - how do you start with Conversion Rate Optimization (CRO)?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/\" \/>\n<meta property=\"og:site_name\" content=\"SEO Services Agency in Manila, Philippines\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-23T13:49:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-11T06:10:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seo-hacker.com\/wp-content\/uploads\/2013\/09\/Introduction-Conversion-Rate-Optimization.jpg\" \/>\n<meta name=\"author\" content=\"Sean Si\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/\"},\"author\":{\"name\":\"Sean Si\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#\\\/schema\\\/person\\\/5565b7823135bb49dd1618bbcaec2dbf\"},\"headline\":\"Introduction to Heat Maps, Scroll Maps and Everything in Between\",\"datePublished\":\"2013-09-23T13:49:06+00:00\",\"dateModified\":\"2021-05-11T06:10:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/\"},\"wordCount\":711,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/Introduction-Conversion-Rate-Optimization.jpg\",\"keywords\":[\"confetti\",\"conversion rate\",\"cro\",\"heatmapping\",\"heatmaps\",\"scrollmap\",\"scrollmapping\"],\"articleSection\":[\"Conversion Rate Optimization\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/\",\"url\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/\",\"name\":\"Why Conversion Rate Optimization is a Must\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/Introduction-Conversion-Rate-Optimization.jpg\",\"datePublished\":\"2013-09-23T13:49:06+00:00\",\"dateModified\":\"2021-05-11T06:10:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#\\\/schema\\\/person\\\/5565b7823135bb49dd1618bbcaec2dbf\"},\"description\":\"Most marketers see conversion rate optimization as a priority for their website optimization programs. It's no longer a question of 'if' but a question of 'how' - how do you start with Conversion Rate Optimization (CRO)?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/Introduction-Conversion-Rate-Optimization.jpg\",\"contentUrl\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/Introduction-Conversion-Rate-Optimization.jpg\",\"width\":649,\"height\":330,\"caption\":\"Introduction-Conversion-Rate-Optimization\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/heatmaps-scrollmaps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/seo-hacker.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction to Heat Maps, Scroll Maps and Everything in Between\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#website\",\"url\":\"https:\\\/\\\/seo-hacker.com\\\/\",\"name\":\"SEO Services Agency in Manila, Philippines\",\"description\":\"SEO Hacker is an SEO Agency and SEO Blog in the Philippines. Let us take your website to the top of the search results with our holistic white-hat strategies. Inquire today!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/seo-hacker.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#\\\/schema\\\/person\\\/5565b7823135bb49dd1618bbcaec2dbf\",\"name\":\"Sean Si\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g\",\"caption\":\"Sean Si\"},\"description\":\"Sean Si is a Filipino motivational speaker and a Leadership Speaker in the Philippines. He is the head honcho and editor-in-chief of SEO Hacker. He does SEO Services for companies in the Philippines and Abroad. Connect with him at Facebook, LinkedIn or Twitter. Check out his new project...\",\"sameAs\":[\"https:\\\/\\\/sean.si\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why Conversion Rate Optimization is a Must","description":"Most marketers see conversion rate optimization as a priority for their website optimization programs. It's no longer a question of 'if' but a question of 'how' - how do you start with Conversion Rate Optimization (CRO)?","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:\/\/seo-hacker.com\/heatmaps-scrollmaps\/","og_locale":"en_US","og_type":"article","og_title":"Why Conversion Rate Optimization is a Must","og_description":"Most marketers see conversion rate optimization as a priority for their website optimization programs. It's no longer a question of 'if' but a question of 'how' - how do you start with Conversion Rate Optimization (CRO)?","og_url":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/","og_site_name":"SEO Services Agency in Manila, Philippines","article_published_time":"2013-09-23T13:49:06+00:00","article_modified_time":"2021-05-11T06:10:28+00:00","og_image":[{"url":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2013\/09\/Introduction-Conversion-Rate-Optimization.jpg","type":"","width":"","height":""}],"author":"Sean Si","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#article","isPartOf":{"@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/"},"author":{"name":"Sean Si","@id":"https:\/\/seo-hacker.com\/#\/schema\/person\/5565b7823135bb49dd1618bbcaec2dbf"},"headline":"Introduction to Heat Maps, Scroll Maps and Everything in Between","datePublished":"2013-09-23T13:49:06+00:00","dateModified":"2021-05-11T06:10:28+00:00","mainEntityOfPage":{"@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/"},"wordCount":711,"commentCount":1,"image":{"@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#primaryimage"},"thumbnailUrl":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2013\/09\/Introduction-Conversion-Rate-Optimization.jpg","keywords":["confetti","conversion rate","cro","heatmapping","heatmaps","scrollmap","scrollmapping"],"articleSection":["Conversion Rate Optimization"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/","url":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/","name":"Why Conversion Rate Optimization is a Must","isPartOf":{"@id":"https:\/\/seo-hacker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#primaryimage"},"image":{"@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#primaryimage"},"thumbnailUrl":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2013\/09\/Introduction-Conversion-Rate-Optimization.jpg","datePublished":"2013-09-23T13:49:06+00:00","dateModified":"2021-05-11T06:10:28+00:00","author":{"@id":"https:\/\/seo-hacker.com\/#\/schema\/person\/5565b7823135bb49dd1618bbcaec2dbf"},"description":"Most marketers see conversion rate optimization as a priority for their website optimization programs. It's no longer a question of 'if' but a question of 'how' - how do you start with Conversion Rate Optimization (CRO)?","breadcrumb":{"@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#primaryimage","url":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2013\/09\/Introduction-Conversion-Rate-Optimization.jpg","contentUrl":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2013\/09\/Introduction-Conversion-Rate-Optimization.jpg","width":649,"height":330,"caption":"Introduction-Conversion-Rate-Optimization"},{"@type":"BreadcrumbList","@id":"https:\/\/seo-hacker.com\/heatmaps-scrollmaps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seo-hacker.com\/"},{"@type":"ListItem","position":2,"name":"Introduction to Heat Maps, Scroll Maps and Everything in Between"}]},{"@type":"WebSite","@id":"https:\/\/seo-hacker.com\/#website","url":"https:\/\/seo-hacker.com\/","name":"SEO Services Agency in Manila, Philippines","description":"SEO Hacker is an SEO Agency and SEO Blog in the Philippines. Let us take your website to the top of the search results with our holistic white-hat strategies. Inquire today!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seo-hacker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/seo-hacker.com\/#\/schema\/person\/5565b7823135bb49dd1618bbcaec2dbf","name":"Sean Si","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g","caption":"Sean Si"},"description":"Sean Si is a Filipino motivational speaker and a Leadership Speaker in the Philippines. He is the head honcho and editor-in-chief of SEO Hacker. He does SEO Services for companies in the Philippines and Abroad. Connect with him at Facebook, LinkedIn or Twitter. Check out his new project...","sameAs":["https:\/\/sean.si"]}]}},"_wl_alt_label":[],"jetpack_featured_media_url":"","wl:entity_url":"http:\/\/data.wordlift.io\/wl0320\/post\/introduction_to_heat_maps__scroll_maps_and_everything_in_between","_links":{"self":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/posts\/107141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/comments?post=107141"}],"version-history":[{"count":0,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/posts\/107141\/revisions"}],"wp:attachment":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/media?parent=107141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/categories?post=107141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/tags?post=107141"},{"taxonomy":"wl_entity_type","embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/wl_entity_type?post=107141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}