Scrollys and SEO? How does that work.
When it comes to integrating Scrollys into your website, there are three different approaches that vary in terms of integration depth, complexity, and SEO performance. As so often, there is a correlation between effort and performance.... ;)
Integration as iFrame
The easiest way is to use our JavaScript snippet, which embeds an iFrame into your page and performs scrolling within that iFrame. Similar to ad banners, this strategy allows for optimal separation of site content and scrolly, as all scrolly content loads asynchronously and thus does not impact your site's performance. Google has made significant progress in indexing content from iFrames.
Integration without iFrame
It is possible to customize the JavaScript snippet for direct integration, thus eliminating the need for an iFrame. This prevents the content from being recognized as external by Google. However, there is a higher risk of CSS conflicts between the website and the snippet, since the protective iFrame is no longer present. Integration without an iFrame may require individual testing and customization for each case.
Integration of a pre-rendered snippet
The ultimate solution from an SEO point of view is the server-side integration of a pre-rendered snippet. We can provide this snippet for each scrolly in a cloud bucket. When the page loads, the snippet is retrieved and inserted into the server-side source code of the website. The snippet can include a Schema.org-compliant rich snippet that provides search engines with detailed information about the content. However, this strategy carries the risk that an error in the integration may block the page from being delivered. By hosting our content in the Google Cloud and using regionally distributed content delivery networks (CDNs) and aggressive caching, we guarantee minimal latency for server-side requests. Please note that this integration strategy requires some effort on the part of the embedding website.
At Scrolly.com, we offer several integration options, each offering different trade-offs between ease of implementation, performance, and customization options. Our team is available to help you find the best integration approach for your specific needs and requirements.
