Parallax website design represents the latest frontier of customer experience and user engagement. Originating from the gaming industry, “parallax” came from the visual effect of 2D side scrolling video games that gave the illusion of depth.
With parallax site design, the background of the website moves at a different speed than the rest of the page, providing endless applications for online storytelling through stunning visual effects.
But, there is a trade off because search engines need to make semantic sense of the page. With very little text on what is essentially a single web document, your SEO performance is going to take a hit.
- One-page websites allow only one set of meta information, one effective H1 tag and one URL
- A lot of images can slow load times, affecting search rankings
- Inbound links can only link to your site’s single page and not to specific page content
- Workarounds to direct users to a different web page is in violation of Google’s webmaster guidelines
If you’re convinced that parallax design will serve your visitors and brand well, you can take the combo approach. Create a parallax home page and accompanying sub-pages. Here’s what you can do:
- Map out the parallax page and how the story will be segmented
- Perform on-page optimization of the parallax page, e.g. unique page title, meta description, H1 tag and 200 words of on-page text
- Plan out your site map to allow for keyword-focused supporting HTML pages
- Create an .xml site map and submit to Google
Parallax design offers a real wow factor. In this age of integrated marketing, design aesthetics and captivating layouts may give you an edge, with high social engagement and links earned through tweets and other shares.
Honda CRV parallax design website
Wildlife parallax design website
What’s your opinion about parallax design? Do the user benefits outweigh the potential SEO downside?
Photo credit: Themify