HTML5 and CSS3 brought new functionalities allowing flexible layouts and creative designs. 2015 marks the dawn of a new “One Page” era: unique interface website are emerging all around the web. However one page websites don’t go easily hand in hand with SEO. Will you sacrifice your ranking for the benefits of your platform’s appearance? Can SEO work with one page designs? Discover our tips!
You own a “one page” website or you envisage to redesign your platform to follow the trend? If you are in that case, you should take some precautions: a lack of rigor on your unique online entry point could turn out to be risky. No cause for panic: some good practices will allow us to optimize your indexing.
Before looking for technical solutions, ask yourself: will my user be able to easily access all key elements among the condensed feed? If the answer is no, Google won’t be able to do better. Be simple, accessibility is the the fundamental element in SEO. Even though a multi-layered website design is no longer appropriate, synthesize your content in 2-3 pages (instead of one) could turn out to be beneficial.
Headers and anchors
In order to help crawlers index your content properly, we advise to distinguish your content into well defined sections.
To this end use identified wrappers like the following:
<div id=”contact”> … </div>
You will be able to access your content through anchor links:
We also advise one H1 tag per section in order for your code to be interpreted accurately. Crawlers will then identify all your sections as well as their different thematics.
Google is nowadays capable of parsing and indexing a dynamic operating website. We don’t have anymore excuse not to use all technologies available!
- Use AJAX to dynamically load parts of your website with changing to another page. This is the technology used by Facebook when you feed is progressively displaying while you are scrolling down. Take advantage of AJAX to exclusively load content that needs to be changed, thus reducing loading times and saving bandwidth.
- By using AJAX you will load parts of your page content without changing of URL. In order your URLs always match your content, you will need to modify it on the go thanks to the HTML5 pushState API.
With this “WebAPP” mechanic you will build a user-friendly, fast responding, and accessible website. In fact, crawlers that don’t support HTML5 yet will identify several independent and static pages, without any supplementary development.
Different aspects have to be taken into account, on a conception level on the one hand, and during content edition on the other, with intent to reach crawlers values: accessibility, speed, common sens.
Whether you encounter difficulties to implement those solutions or wish obtain SEO advice, our experts are here to answer your questions. We offer free audits that could help you make your strategic decisions. Do not hesitate to reach us through our contact form.