Design vs Performance: Creating immersive experiences that enhance your SEO
The battle to win and retain online visitors intensifies every year. Increased competition, dominant behemoths gobbling up market share, as well as a fragmented discovery journey that no longer starts exclusively on a search engine. All of these elements have made acquiring new customers online more complex and time consuming.
Against this backdrop, the Search Engine Results Pages (SERPs) are more crowded than ever, with the continued evolution of universal search and Google’s shift towards becoming an answer engine – there are more assets vying for clicks.
This has increased the need to make every website session work harder. Your brand’s website needs to leave a lasting impression on the visitor so that they return, and you do not have to ‘pay’ - whether that’s through PPC/SEO or with time/effort - to acquire a new visit. Visitors to your site not only expect great content, but they also want a fast, accessible, and immersive web experience. So, how do you we create a lasting impression?
Marketers have always been captivated by creating “sticky” websites – that’s websites with low bounce rates, strong engagement metrics (time on site, page views) and a high conversion rate. So how do we create these “sticky” websites?
Designers have long flexed their collective muscles to create experiences that “help brands stand out from the crowd”. From the early days of using Flash to animate, to the mid-noughties launch of jQuery that enabled sliders, carousels, and content accordions, designers have always sought to create a more engaging experience beyond ‘flat’ HTML. After all, it’s these cool micro UX touches, alongside traditional brand elements, that help bring websites to life and make them memorable.
The most popular of these frameworks are Vue.Js, Ember, Google’s Angular and Facebook’s React. The latter two also power two of the most popular websites online - Gmail.com and Facebook.com – however there is also a plethora of others that offer slightly different benefits in how they serve and present content to the user.
Using this technology designers can create new and exciting experience as seen below:
Sounds good. So, what is the downside?
But design-led web builds, without SEO considerations can often lead to stripped back image, video and JS-heavy experiences that are light on textual content (Google still predominantly favours text over other content types). Depending on the architecture, any copy that is present can become inaccessible to Google if the correct fallback is not put in place. Fundamentally, if Google cannot crawl a site, parse and understand the copy, it will not be indexed, and the site is not going to rank for target keywords.
With the launch of Google’s Page Experience algorithm in May 2020, sites will be rewarded for an engaging experience, but also assessed for their speed, security, and usability. The introduction of Core Web Vitals as a part of this update has put an increased focus on site speed (which has been a ranking factor since 2010) in the overall algorithm.
It was also observed to be the worst performing library in time-to-interact tests i.e., the time it takes from a webpage starting to load until the user can interact, scroll or click the page.
Source: ITNEXT 2020
We’ve now established that adopting new JS technologies can create exciting and memorable experiences that encourage repeat use, but their use incurs added complexities for SEO.
- Consider whether you need a fully JS/AJAX powered website.
- Do not overly sacrifice content in favour of design.
- Test using fetch and render tools to see what Google vs the user will see (and then test again!)
- Present important content at an initial page load.
- Create fully formed URLs.
- Make sure your meta data is accessible.
- Check the speed of your pages using a tool like Google Lighthouse.
- Consider using Server-Side Rendering (SSR) as a fall back.
- Ensure that your UX, development and creative teams are working closely with your SEO team throughout the process.
Tap into our latest thinking to discover the newest trends, innovations, and opinions direct from our team.