Pfeil.png

Let's make our CTO proud

Everything about technology

Scrollys and SEO? How does it work?

When it comes to integrating Scrollys into your website, there are three different approaches that vary interms of integration depth, complexity, and SEO performance. As so often, there is a correlation betweeneffort and performance.... ;)

Integration as iFrameThe easiest way is to use our JavaScript snippet, which embeds an iFrame into your page and performsscrolling within that iFrame. Similar to ad banners, this strategy allows for optimal separation of sitecontent and scrolly, as all scrolly content loads asynchronously and thus does not impact your site'sperformance. Google has made significant progress in indexing content from iFrames.

Integration without iFrameIt is possible to customize the JavaScript snippet for direct integration, thus eliminating the need for aniFrame. This prevents the content from being recognized as external by Google. However, there is ahigher risk of CSS conflicts between the website and the snippet, since the protective iFrame is no longerpresent. Integration without an iFrame may require individual testing and customization for each case.

Integration of a pre-rendered snippetThe 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 isretrieved and inserted into the server-side source code of the website. The snippet can include aSchema.org-compliant rich snippet that provides search engines with detailed information about thecontent. However, this strategy carries the risk that an error in the integration may block the page frombeing delivered. By hosting our content in the Google Cloud and using regionally distributed contentdelivery 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 ofimplementation, performance, and customization options. Our team is available to help you find the bestintegration approach for your specific needs and requirements.

Not the full stack. But a quick overview.

Scrolly.com is a modern digital storytelling platform built on a powerful tech stack.

Its frontend is based on React and Next.js, while its backend relies on Ruby on Rails and Postgres SQL. In addition to this, Scrolly.com also integrates the powerful Three.js/WebGL technology to create immersive 3D graphics and animations.

All parts of the application are hosted on Google Cloud Platform (GCP) using mainly CloudRun as to run our containers and Terraform for consistently setting up and managing the infrastructure. 

The platform is designed to provide a seamless and user-friendly experience, with a range of features and functionalities that empower storytellers to create immersive and engaging Scrollys.

Scrolly.com also integrates various third-party services, such as image processing, caching, and authorization, to ensure a reliable and efficient performance.

Thanks to its cutting-edge tech infrastructure, Scrolly.com is a leading platform for digital storytelling, used by publishers, brands, and educators around the world.
Cookie Settings
This website uses cookies

Cookie Settings

We use cookies to improve user experience. Choose what cookie categories you allow us to use. You can read more about our Cookie Policy by clicking on Cookie Policy below.

These cookies enable strictly necessary cookies for security, language support and verification of identity. These cookies can’t be disabled.

These cookies collect data to remember choices users make to improve and give a better user experience. Disabling can cause some parts of the site to not work properly.

These cookies help us to understand how visitors interact with our website, help us measure and analyze traffic to improve our service.

These cookies help us to better deliver marketing content and customized ads.