I am planning to make a responsive+mobile first web design. So here is my plan:
- Making a mobile first website.
- Using Javascript to load desktop or big screen HTML
However, I have a problem here. From my knowledge, the HTML content which I will load using javascript will not be readable by search engines? I have searched a lot on internet but I could not find a reasonable answer to this problem.
Can anybody tell me if it is possible to do SEO friendly conditional loading using Javascript? Or do I have to look into server side language i.e PHP/ASP to load content using device detection?
Have a read about Hashbangs which allow for dynamically loading content into web pages.
I won’t comment on whether you should use server side, Javascript or simply a responsive design as you’ve specifically mentioned Javascript.
From Google
This document describes an agreement between web servers and search engine crawlers that allows for dynamically created content to be visible to crawlers. Google currently supports this agreement. The hope is that other search engines will also adopt this proposal.