{"id":494,"date":"2016-11-08T10:00:12","date_gmt":"2016-11-08T18:00:12","guid":{"rendered":"https:\/\/www.websitemuscle.com\/?p=494"},"modified":"2016-11-08T10:00:12","modified_gmt":"2016-11-08T18:00:12","slug":"what-you-need-to-know-about-heat-maps-scroll-maps","status":"publish","type":"post","link":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/","title":{"rendered":"What You Need to Know About Heat Maps & Scroll Maps"},"content":{"rendered":"

Optimize.<\/em><\/h4>\n

Optimize is one of the most frequently used words in web design and online marketing.<\/strong>\u00a0It literally puts the \u201cO\u201d in SEO.<\/p>\n

Some optimization tactics are basic — make sure all of your links work, include a Call to Action, etc. Professional \u2018optimizers,\u2019 however, need to go deeper than these surface-level improvements. And to do that, we need data.<\/p>\n

Developers often use information from Google Analytics to optimize their websites for conversions.<\/p>\n

This information is helpful, but it includes gaps.<\/p>\n

Google Analytics can report on how long people stay on a page, where they came from, and where they went, but more precise and granular data — like where users stop looking at a page before they leave it — is not available.<\/p>\n

Not through Google Analytics, anyway.<\/p>\n

Enter the heat map.<\/p>\n

What You Need to Know About Heat Maps & Scroll Maps<\/h2>\n

What\u2019s a Heat Map?<\/h3>\n

Heat maps, which are available through tracking programs like\u00a0CrazyEgg<\/a>, show where users are and are not clicking on a given website page. The map is formatted intuitively, showing warmer colors like orange and red on page areas that get the most clicks and cooler hues like blues and purples on places that aren\u2019t getting as much attention.<\/p>\n

According to\u00a0Webmaster<\/a>, heat maps typically track eye movement by attaching complicated machinery to someone\u2019s head to see where their eyes land on the page.<\/p>\n

Since heat map providers can\u2019t wire up every visitor to your website, they track clicks instead. This isn\u2019t such a bad thing — a\u00a0Carnegie Mellon study<\/a>\u00a0found an 88% correlation between where people\u2019s eyes go and where they click on a web page.<\/p>\n

Heat maps are extremely helpful for judging the performance of your content and Calls to Action. Once the heat map is installed, you\u2019ll be able to decide which CTAs to keep and which ones to change or remove based on user data, which can lead to a higher conversion rate.<\/p>\n

Website heat maps provide the power of a premium eye-tracking software at a much more reasonable price than more sophisticated usability testing.<\/p>\n

What is a Scroll Map?<\/h3>\n

Scroll maps show which areas on a website visitors leave from. This information allows you to remove or reconfigure these elements so that more people convert on your offer.<\/p>\n

Typically, one specific area or a select few are causing people to leave. With the scroll map, you can identify these areas quickly through the same intuitive color scheme as the heat map. This tool lets developers and online marketers monitor activity on your website and make improvements for more conversions.<\/p>\n

Interested in taking your online marketing to the next level? Click here to contact us.<\/em><\/a><\/h4>\n

Lessons From Heat & Scroll Map Tracking<\/h3>\n

Heat maps, scroll maps and other tracking software make it much easier to see the actions that users take on your website. Your\u00a0online marketing provider<\/a>\u00a0can use these programs to improve your specific campaign, but are there any overarching lessons that tracking can tell us?<\/p>\n

HubSpot<\/a>\u00a0found a few lessons after studying a number of heat maps and scroll maps provided by\u00a0Marketing Sherpa<\/a>. Website designers and \u201cmaintainers\u201d can use these tips to optimize their sites and improve their conversions — even without direct tracking data of their own.<\/p>\n

1) People don\u2019t read, they scan.<\/h4>\n

As we mentioned above, tracking maps can take some of the guesswork out of web design by showing exactly what your visitors are or are not doing.<\/p>\n

HubSpot found that website visitors aren\u2019t reading, they’re scanning — quickly perusing information on the page to find what they need and take the next step.<\/p>\n

Designers and content writers who want to increase conversions should adapt to this reality by creating content for these \u2018scanners.\u2019<\/p>\n

Bullet points and bold text can highlight key ideas, and short, simple sentences will keep users engaged — unlike long, unbroken blocks of text.<\/p>\n

2) Images draw interest — even if they aren\u2019t interesting.<\/h4>\n

People love to click on images. So much, in fact, that research shows people click on images that are not even linked to anything.<\/p>\n

If your website is full of\u00a0uninteresting stock images<\/a>\u00a0that don\u2019t engage visitors, you\u2019re missing out on potential leads that could help your business. Each image should contribute towards the goal of that page.<\/p>\n

If you\u2019re building a landing page, for example, the images should help convince people to submit their information. If you are sending out an email campaign, the images should convince people to click and visit your site or take advantage of an offer.<\/p>\n

3) Get to the important stuff right away.<\/h4>\n

Online users\u2019 reluctance to scroll, especially in search engine results, is one of the reasons that\u00a0Google rankings<\/a>\u00a0are so important to businesses who want to grow online.<\/p>\n

Research shows that “below the fold” content, which is not visible when you open the page because you need to scroll down to see it, will only be viewed by about half of your site\u2019s visitors.<\/p>\n

While an increase in\u00a0mobile-friendliness<\/a>\u00a0has made scrolling more common in website design, it\u2019s still a best practice to put your most important content, including a Call to Action, above the fold.<\/p>\n","protected":false},"excerpt":{"rendered":"

Optimize. Optimize is one of the most frequently used words in web design and online marketing.\u00a0It literally puts the \u201cO\u201d in SEO. Some optimization tactics are basic — make sure all of your links work, include a Call to Action, etc. Professional \u2018optimizers,\u2019 however, need to go deeper than these surface-level improvements. And to do […]<\/p>\n","protected":false},"author":2,"featured_media":495,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[41,42],"class_list":["post-494","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-development","tag-heat-maps","tag-scroll-maps"],"yoast_head":"\nWhat You Need to Know About Heat Maps & Scroll Maps - Website Muscle<\/title>\n<meta name=\"description\" content=\"Heat maps & scroll maps are optimization tools that show you what users are doing on a given page. Heat maps show where users are and are not clicking, and scroll maps show which areas on a website visitors leave from.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What You Need to Know About Heat Maps & Scroll Maps - Website Muscle\" \/>\n<meta property=\"og:description\" content=\"Heat maps & scroll maps are optimization tools that show you what users are doing on a given page. Heat maps show where users are and are not clicking, and scroll maps show which areas on a website visitors leave from.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"Website Muscle\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-08T18:00:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"220\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sam Nelson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sam Nelson\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/\",\"url\":\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/\",\"name\":\"What You Need to Know About Heat Maps & Scroll Maps - Website Muscle\",\"isPartOf\":{\"@id\":\"https:\/\/websitemuscle.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png\",\"datePublished\":\"2016-11-08T18:00:12+00:00\",\"author\":{\"@id\":\"https:\/\/websitemuscle.com\/#\/schema\/person\/89522caa8c5027c475b71ade36325264\"},\"description\":\"Heat maps & scroll maps are optimization tools that show you what users are doing on a given page. Heat maps show where users are and are not clicking, and scroll maps show which areas on a website visitors leave from.\",\"breadcrumb\":{\"@id\":\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#primaryimage\",\"url\":\"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png\",\"contentUrl\":\"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png\",\"width\":1600,\"height\":220,\"caption\":\"logo email\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/websitemuscle.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What You Need to Know About Heat Maps & Scroll Maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/websitemuscle.com\/#website\",\"url\":\"https:\/\/websitemuscle.com\/\",\"name\":\"Website Muscle\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/websitemuscle.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/websitemuscle.com\/#\/schema\/person\/89522caa8c5027c475b71ade36325264\",\"name\":\"Sam Nelson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitemuscle.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dd9d8d1636b1dbf2b83163f10576abaadd0116af49c6136ffa7a845b3a2410e0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dd9d8d1636b1dbf2b83163f10576abaadd0116af49c6136ffa7a845b3a2410e0?s=96&d=mm&r=g\",\"caption\":\"Sam Nelson\"},\"sameAs\":[\"http:\/\/wm2020.wpengine.com\"],\"url\":\"https:\/\/websitemuscle.com\/author\/astraelem\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What You Need to Know About Heat Maps & Scroll Maps - Website Muscle","description":"Heat maps & scroll maps are optimization tools that show you what users are doing on a given page. Heat maps show where users are and are not clicking, and scroll maps show which areas on a website visitors leave from.","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:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/","og_locale":"en_US","og_type":"article","og_title":"What You Need to Know About Heat Maps & Scroll Maps - Website Muscle","og_description":"Heat maps & scroll maps are optimization tools that show you what users are doing on a given page. Heat maps show where users are and are not clicking, and scroll maps show which areas on a website visitors leave from.","og_url":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/","og_site_name":"Website Muscle","article_published_time":"2016-11-08T18:00:12+00:00","og_image":[{"width":1600,"height":220,"url":"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png","type":"image\/png"}],"author":"Sam Nelson","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sam Nelson","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/","url":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/","name":"What You Need to Know About Heat Maps & Scroll Maps - Website Muscle","isPartOf":{"@id":"https:\/\/websitemuscle.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#primaryimage"},"image":{"@id":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png","datePublished":"2016-11-08T18:00:12+00:00","author":{"@id":"https:\/\/websitemuscle.com\/#\/schema\/person\/89522caa8c5027c475b71ade36325264"},"description":"Heat maps & scroll maps are optimization tools that show you what users are doing on a given page. Heat maps show where users are and are not clicking, and scroll maps show which areas on a website visitors leave from.","breadcrumb":{"@id":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#primaryimage","url":"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png","contentUrl":"https:\/\/websitemuscle.com\/wp-content\/uploads\/2018\/08\/logo_email.png","width":1600,"height":220,"caption":"logo email"},{"@type":"BreadcrumbList","@id":"https:\/\/websitemuscle.com\/what-you-need-to-know-about-heat-maps-scroll-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websitemuscle.com\/"},{"@type":"ListItem","position":2,"name":"What You Need to Know About Heat Maps & Scroll Maps"}]},{"@type":"WebSite","@id":"https:\/\/websitemuscle.com\/#website","url":"https:\/\/websitemuscle.com\/","name":"Website Muscle","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/websitemuscle.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/websitemuscle.com\/#\/schema\/person\/89522caa8c5027c475b71ade36325264","name":"Sam Nelson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitemuscle.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dd9d8d1636b1dbf2b83163f10576abaadd0116af49c6136ffa7a845b3a2410e0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd9d8d1636b1dbf2b83163f10576abaadd0116af49c6136ffa7a845b3a2410e0?s=96&d=mm&r=g","caption":"Sam Nelson"},"sameAs":["http:\/\/wm2020.wpengine.com"],"url":"https:\/\/websitemuscle.com\/author\/astraelem\/"}]}},"_links":{"self":[{"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/posts\/494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/comments?post=494"}],"version-history":[{"count":0,"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/posts\/494\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/media\/495"}],"wp:attachment":[{"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/media?parent=494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/categories?post=494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websitemuscle.com\/wp-json\/wp\/v2\/tags?post=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}