{"id":6442,"date":"2016-11-17T12:00:32","date_gmt":"2016-11-17T10:00:32","guid":{"rendered":"https:\/\/usersnap.com\/?p=6442"},"modified":"2022-09-29T10:22:47","modified_gmt":"2022-09-29T08:22:47","slug":"long-scrolling-websites-tips-best-practices","status":"publish","type":"post","link":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/","title":{"rendered":"Long-Scrolling Websites: Tips and Best Practices"},"content":{"rendered":"<p>Long-scrolling websites, i.e. sites that let you scroll down for an extended amount of time, have been around for years.<\/p>\n<p>The reason? Users love them!<\/p>\n<p>That isn\u2019t about to change, which is why we wanted to give you some tips and best practices in this article. Because long-scrolling or infinite-scrolling alone doesn\u2019t mean the user is going to spend a long time on your website.<\/p>\n<p>Have fun reading and scrolling \ud83d\ude09<\/p>\n<p><!--more--><\/p>\n<h2><strong>What was changed through Long-Scrolling or Infinite-Scrolling Websites<\/strong><\/h2>\n<p>Back in the day, Websites followed the same rules as newspapers: The most important content was supposed to be on top. There was even an expression for that: above the fold.<\/p>\n<p>It still applies to Facebook ads and blog post teasers. The teaser determines if the user will click on the blog post or Facebook ad or not.<\/p>\n<p>But this is exactly where the difference lies: When clicking something, the user makes a conscious decision. When scrolling, the user just keeps doing what he or she is doing already. The conscious decision would be to stop scrolling.<\/p>\n<p>The argument for above the fold content therefore only partially applies to websites. The front page may contain the main claim and maybe a teaser, but it might not contain <em>all<\/em> of the relevant information.<\/p>\n<p>You can see the difference at first sight:<\/p>\n<p><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/150506112202-old-website-apple-1024x640.png\"><img decoding=\"async\" class=\"wp-image-6482 aligncenter\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/150506112202-old-website-apple-1024x640.png\" alt=\"old-website-apple-1024x640\" width=\"724\" height=\"453\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/150506112202-old-website-apple-1024x640.png 1024w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/150506112202-old-website-apple-1024x640-300x188.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/150506112202-old-website-apple-1024x640-140x88.png 140w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/><\/a><\/p>\n<p>Apple Website 1997.<\/p>\n<p><strong>&nbsp;<a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/Bildschirmfoto-2016-08-31-um-12.23.07-e1479376367740.png\"><img decoding=\"async\" class=\"wp-image-6481 aligncenter\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/Bildschirmfoto-2016-08-31-um-12.23.07-e1479376367740.png\" alt=\"bildschirmfoto-2016-08-31-um-12-23-07\" width=\"788\" height=\"372\"><\/a><\/strong><\/p>\n<p>Apple Website 2016.<\/p>\n<p>Contrary to the original idea, endless scrolling is not causing higher bounce rates. Quite the contrary, it keeps the user entertained. At least, if it\u2019s done right. The longer a user stays on your website, the more likely he or she is to react to your call to action.<\/p>\n<h2><strong>When Will Users Keep Scrolling?<\/strong><\/h2>\n<p>Users keep on scrolling as long as the content is interesting to them. The more the content becomes irrelevant to the user, the more likely they are to abort a session.<\/p>\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/l41Ygr7sR5limRkek\" width=\"480\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Another reason for the popularity of long-scrolling websites is the growing usage of mobile devices. Scrolling is especially convenient on the small screen compared to using buttons for navigating a website.<\/p>\n<h2><strong>Long-Scrolling &amp; Story-Telling<\/strong><\/h2>\n<p>The challenge for designers and marketers is telling a story with their website.<\/p>\n<p>There are multiple design possibilities and effects for this. Examples are animations or parallax scrolling (more on this shortly).<\/p>\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/3oEjHSe4OCjZGHlgOs\" width=\"480\" height=\"257\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Alternating between different types of content, text, pics, videos and gifs is another thing that makes long-scrolling more attractive.<\/p>\n<h2><strong>The Feeling of Control<\/strong><\/h2>\n<p>Long-scrolling gives users a feeling of control, which is extremely important for user satisfaction.<\/p>\n<p>Users can navigate long-scrolling sites at their own pace: they can stay on relevant content or keep scrolling if the content is not interesting for them.<\/p>\n<p>Parallax scrolling and animations can partly be controlled by the user, giving him or her a feeling of control.<\/p>\n<p>Scrolling also keeps the user focused and on topic instead of instead of having him click around all the time. Clicking a link always creates a delay. If the page takes too long to load, the danger of the user leaving is relatively high. This can\u2019t happen with long-scrolling websites.<\/p>\n<h2><strong>Structuring Content Appropriately <\/strong><\/h2>\n<p>One challenge with long-scrolling websites is structuring the content in a way that makes sense. This is also important from a <a href=\"https:\/\/www.semrush.com\/blog\/parallax-vs-seo-web-design\/\">SEO perspective<\/a>.<\/p>\n<p>Theoretically you only need one page, although this is not reasonable in most cases. It makes more sense to have a horizontal navigation bar with the most important categories on your website. On the Usersnap homepage these are:<\/p>\n<p><em>Tour \/ Our Customers \/ Pricing \/ Integrations \/ Blog<\/em><\/p>\n<p>Each of these pages has different parts, but we chose not to use long dropdown-menus.<\/p>\n<p>Our navigation bar takes the visitor to different sections, from which he or she can navigate further within the site.<\/p>\n<p>A big challenge with long-scrolling sites is determining the optimal length for the user.<\/p>\n<p><em>Too much content will overwhelm the user.<\/em><\/p>\n<p>Too much content can overwhelm users and result in a bad user experience. It\u2019s hard to give general tips about this issue, as it largely depends on the type of industry or niche the site is in. Long-scrolling or infinite-scrolling sites with products are more widely accepted on e-commerce sites.<\/p>\n<h2><strong>Long-Scrolling and Interaction<\/strong><\/h2>\n<p>Animations and hovering have been around before long-scrolling, yet the effects are still popular. The reason is simple: long-scrolling creates entertainment and interaction for the user.<\/p>\n<p>Interactive elements keep users busy and also create a little mental break. A good example is the website of Pirate Code: <a href=\"http:\/\/piratecode.ru\/en\/\">http:\/\/piratecode.ru\/en\/<\/a><\/p>\n<p><a href=\"http:\/\/piratecode.ru\/en\/\">http:\/\/piratecode.ru\/en\/<\/a><a href=\"http:\/\/piratecode.ru\/en\/\"><img decoding=\"async\" class=\"aligncenter wp-image-1120\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-30-um-15.03.19.png\" alt=\"pirate code\" width=\"600\" height=\"303\"><\/a><\/p>\n<p>This site shows animated waves and lets the user scroll horizontally.<\/p>\n<h2><strong>Parallax &amp; Long-Scrolling<\/strong><\/h2>\n<p>The parallax effect has been around for years. In the beginning, it was especially popular in retro video games, before being quickly adapted by the web design community.<\/p>\n<p>The parallax effect incorporates different backgrounds that move at varying speeds. The result is a pseudo 3D effect. The term \u201cparallaxis\u201d stems from the Greek and means \u201cchange\u201d.<\/p>\n<p>A fantastic example of a combination of storytelling, parallax and long-scrolling is the website <a href=\"http:\/\/www.sbs.com.au\/theboat\/\">The Boat<\/a>.<\/p>\n<p>It takes Nam Le\u2019s graphic novel about escaping Vietnam and transfers it using technology of modern web design.<\/p>\n<p>You can watch the video below, but I suggest you visit the site so you can scroll it yourself.<\/p>\n<p>The parallax effect is still a little limited on mobile devices, but that should change shortly due to improvements to Ajax. Parallax is an effect that entertains users and is therefore becoming increasingly important.<\/p>\n<h2><strong>Wrapping it up.<br \/>\n<\/strong><\/h2>\n<p>Long-scrolling websites have established themselves as an integral part of the internet. Users love them and companies have the possibility to <a href=\"https:\/\/pearllemon.com\/seo-content-marketing\/\" target=\"_blank\" rel=\"noopener\">present different kinds of content<\/a> and offers to their users.<\/p>\n<p>Still they involve challenges, as only content that is consistently relevant and presented through stellar web design will keep the user scrolling down.<\/p>\n<p>Here is an overview of the pros and cons of long-scrolling websites:<\/p>\n<p>PRO:<\/p>\n<ul>\n<li>Interactive story telling<\/li>\n<li>Low bounce rates<\/li>\n<li>Higher immersion<\/li>\n<\/ul>\n<p>CON:<\/p>\n<ul>\n<li>Challenging for SEO<\/li>\n<li>Hard to measure<\/li>\n<li>Content is difficult to set up<\/li>\n<li>Complicated cross-browser testing<\/li>\n<\/ul>\n<p>We are excited to hear about your favourite long-scrolling website!<\/p>\n<p>We at Usersnap hope that you like this post and would love it if you follow us on <a href=\"https:\/\/twitter.com\/usersnap\">Twitter<\/a>. We post and offer solutions about web development, web design and <a href=\"https:\/\/usersnap.com\/templates\/user-acceptance-testing-form\" target=\"_blank\" rel=\"noopener\">UAT<\/a> on a regular basis.<\/p>\n<p><em>Usersnap is a <a href=\"https:\/\/usersnap.com\" target=\"_blank\" rel=\"noopener\">customer feedback solution<\/a>. Get immediate feedback from the visitors of your websites or web products. Try it now for free!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Long-scrolling websites, i.e. sites that let you scroll down for an extended amount of time, have been around for years. The reason? Users love them! That isn\u2019t about to change, which is why we wanted to give you some tips and best practices in this article. Because long-scrolling or infinite-scrolling alone doesn\u2019t mean the user [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":6480,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"ub_ctt_via":"","footnotes":""},"categories":[8],"tags":[],"class_list":["post-6442","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development-blog"],"acf":[],"featured_image_src":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg","author_info":{"display_name":"Rebecca Vogels","author_link":"https:\/\/usersnap.com\/blog\/author\/rebecca\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Long-Scrolling Websites: Here&#039;s why everyone loves them -Usersnap<\/title>\n<meta name=\"description\" content=\"Long-Scrolling Websites have been around for a while and everyone seems to love them. We explain why and show you some great examples of the long scroll.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Long-Scrolling Websites: Here&#039;s why everyone loves them -Usersnap\" \/>\n<meta property=\"og:description\" content=\"Long-Scrolling Websites have been around for a while and everyone seems to love them. We explain why and show you some great examples of the long scroll.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"Usersnap Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/usersnap\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-17T10:00:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-29T08:22:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1310\" \/>\n\t<meta property=\"og:image:height\" content=\"871\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rebecca Vogels\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@usersnap\" \/>\n<meta name=\"twitter:site\" content=\"@usersnap\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rebecca Vogels\" \/>\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:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/\"},\"author\":{\"name\":\"Rebecca Vogels\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/44148b679584b1b3ade4bd28e53f8181\"},\"headline\":\"Long-Scrolling Websites: Tips and Best Practices\",\"datePublished\":\"2016-11-17T10:00:32+00:00\",\"dateModified\":\"2022-09-29T08:22:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/\"},\"wordCount\":1072,\"publisher\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/\",\"url\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/\",\"name\":\"Long-Scrolling Websites: Here's why everyone loves them -Usersnap\",\"isPartOf\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg\",\"datePublished\":\"2016-11-17T10:00:32+00:00\",\"dateModified\":\"2022-09-29T08:22:47+00:00\",\"description\":\"Long-Scrolling Websites have been around for a while and everyone seems to love them. We explain why and show you some great examples of the long scroll.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage\",\"url\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg\",\"contentUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg\",\"width\":1310,\"height\":871},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/usersnap.com\/blog\/#website\",\"url\":\"https:\/\/usersnap.com\/blog\/\",\"name\":\"Usersnap Blog\",\"description\":\"Learn more about how to collect user feedback and build better products with the magic power of feedback.\",\"publisher\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/usersnap.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\",\"name\":\"Usersnap\",\"url\":\"https:\/\/usersnap.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png\",\"contentUrl\":\"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png\",\"width\":136,\"height\":26,\"caption\":\"Usersnap\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/usersnap\",\"https:\/\/x.com\/usersnap\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/44148b679584b1b3ade4bd28e53f8181\",\"name\":\"Rebecca Vogels\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d2dfb48d05b36affc2e548f53c73815ccd262ce357b41d20f1f2fba65dd69955?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d2dfb48d05b36affc2e548f53c73815ccd262ce357b41d20f1f2fba65dd69955?s=96&d=mm&r=g\",\"caption\":\"Rebecca Vogels\"},\"url\":\"https:\/\/usersnap.com\/blog\/author\/rebecca\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Long-Scrolling Websites: Here's why everyone loves them -Usersnap","description":"Long-Scrolling Websites have been around for a while and everyone seems to love them. We explain why and show you some great examples of the long scroll.","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:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/","og_locale":"en_US","og_type":"article","og_title":"Long-Scrolling Websites: Here's why everyone loves them -Usersnap","og_description":"Long-Scrolling Websites have been around for a while and everyone seems to love them. We explain why and show you some great examples of the long scroll.","og_url":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/","og_site_name":"Usersnap Blog","article_publisher":"https:\/\/www.facebook.com\/usersnap","article_published_time":"2016-11-17T10:00:32+00:00","article_modified_time":"2022-09-29T08:22:47+00:00","og_image":[{"width":1310,"height":871,"url":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg","type":"image\/jpeg"}],"author":"Rebecca Vogels","twitter_card":"summary_large_image","twitter_creator":"@usersnap","twitter_site":"@usersnap","twitter_misc":{"Written by":"Rebecca Vogels","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#article","isPartOf":{"@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/"},"author":{"name":"Rebecca Vogels","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/44148b679584b1b3ade4bd28e53f8181"},"headline":"Long-Scrolling Websites: Tips and Best Practices","datePublished":"2016-11-17T10:00:32+00:00","dateModified":"2022-09-29T08:22:47+00:00","mainEntityOfPage":{"@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/"},"wordCount":1072,"publisher":{"@id":"https:\/\/usersnap.com\/blog\/#organization"},"image":{"@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg","articleSection":["Web Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/","url":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/","name":"Long-Scrolling Websites: Here's why everyone loves them -Usersnap","isPartOf":{"@id":"https:\/\/usersnap.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage"},"image":{"@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg","datePublished":"2016-11-17T10:00:32+00:00","dateModified":"2022-09-29T08:22:47+00:00","description":"Long-Scrolling Websites have been around for a while and everyone seems to love them. We explain why and show you some great examples of the long scroll.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/long-scrolling-websites-tips-best-practices\/#primaryimage","url":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg","contentUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/11\/pexels-photo-63572-e1479376224855.jpeg","width":1310,"height":871},{"@type":"WebSite","@id":"https:\/\/usersnap.com\/blog\/#website","url":"https:\/\/usersnap.com\/blog\/","name":"Usersnap Blog","description":"Learn more about how to collect user feedback and build better products with the magic power of feedback.","publisher":{"@id":"https:\/\/usersnap.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/usersnap.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/usersnap.com\/blog\/#organization","name":"Usersnap","url":"https:\/\/usersnap.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png","contentUrl":"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png","width":136,"height":26,"caption":"Usersnap"},"image":{"@id":"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/usersnap","https:\/\/x.com\/usersnap"]},{"@type":"Person","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/44148b679584b1b3ade4bd28e53f8181","name":"Rebecca Vogels","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d2dfb48d05b36affc2e548f53c73815ccd262ce357b41d20f1f2fba65dd69955?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d2dfb48d05b36affc2e548f53c73815ccd262ce357b41d20f1f2fba65dd69955?s=96&d=mm&r=g","caption":"Rebecca Vogels"},"url":"https:\/\/usersnap.com\/blog\/author\/rebecca\/"}]}},"_links":{"self":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts\/6442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/comments?post=6442"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts\/6442\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/media\/6480"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/media?parent=6442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/categories?post=6442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/tags?post=6442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}