: One Page Website, with jump links, but hide, display:none all other content except jump link clicked I'm wondering how this website design/structure will work for SEO. I have example.com that

I'm wondering how this website design/structure will work for SEO. I have example.com that I'm building. The only actual URL for the website is example.com. However, it will appear to the user that their is 8 different pages.

For example. There will be example.com, example.com/#about, example.com/#contact, example.com/#services, etc.

I'm using jquery to hide all the other 7 "pages" and only show the link that is clicked. So if a user goes to example.com, it will hide all the 7 other "pages" and only show the example.com.

If the user then clicks on the link example.com/#about, it will hide example.com content, and keep all the other pages content hidden, but then only show example.com/#about content.

So everything on the website stays the same, the only thing that changes is the "content" div when they click on a menu link.

I notice that this is VERY good for user experience in that it loads the whole website code when they first come to the website, so when they click between "pages" it is instant.

I'm interested in getting answers to why this is a bad idea for like SEO? or any other reasons? Anyone else ever use this kind of setup? Thanks.

10% popularity Vote Up Vote Down