Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am creating a new website for a client, and I think a single page website / layout will be pretty neat. There is not that much detailed content, it is a company that imports a lot of products from different companies. So it will be a bit of a showcase of the different types of products / equipment you can order. Of the whole catalog only maybe 10 products are actually shown.

Now I have the basic structure with sections and links like:

#home / #products / #equipment / #services / #contact.

Now from what I understand is that Google does not index links containing #, so there will be no problem of duplicate content, everything will be indexed as the frontpage.

Now what I want to optimize is searching. This company is agent of some product in the country, meaning only they have the permission to import and sell that product. This means that when somebody searches for product x, this website pops up as the first hit.

Now can I make it that they will be automatically brought to the #products part of the website directly from google.

I was thinking of something like having google index the different sections as different pages. Is something like that possible?

share|improve this question
up vote 4 down vote accepted

Single page websites are bad for SEO. Period.

Since search engines rank web pages and not websites you need to make sure each web page is tailored towards a specific topic so it optimized to rank well for that topic. Putting more then one topic on a page dilutes that page's value for each topic and thus hurts its chances of ranking for both topics. It gets worse as you add more topics to that page. It also isn't useful for users since they have to sift through content they're not interested in to find the content they are looking for.

Additonally, internal links are valuable tools for SEO. They're almost as good incoming links from external sites and their anchor text does have value. Having a single page website means you are missing out on them.

I was thinking of something like having google index the different sections as different pages. Is something like that possible?


share|improve this answer
Thank for pointing that out. I was thinking almost the same thing. While developing I see that I do miss a lot of options that come with a multi-page website. I thought maybe I could get away with it using some smart optimization, guess not. Have to rethink the whole project. Thanks for the help. – Saif Bechan Dec 9 '11 at 14:24
@Saif: While Google won't show internal anchors as separate results in their SERP, Google is known to sometimes display them as a sort of mini-sitemap under the original anchorless page. I believe they do this with large Wikipedia articles that have a clearly defined document structure and contents menu. – Lèse majesté Dec 9 '11 at 14:30
Google will show different anchors as seperate pages if you use the ajax crawling scheme, known as HanshBang #! urls with meta tag for escaped fragments. developers.google.com/webmasters/ajax-crawling/docs/… – Frank Aug 13 '14 at 3:13

You can have accesible/indexable pages of each section as an alternative version of your webapp. In your situation you need to have this pages: Home, Products, Equipment, Services, Contact

When javascript isn't enabled you need to have 5 pages. Each page need to have specific title and show specific section to user (not the others). When javascript is enabled you can load your webapp.

Fot big projects you should look this project: http://www.asual.com/swfaddress/ (seo example includes datasource.php to do what i have told)


Home: /

<nav><stong>Home</strong> <a href="/products">Products</a>...</nav><div id="webapp">Home static content</div><script>window.onload=function(){ /*load webapp*/ }</script>

Products: /products

<nav><a href="/">Home</a> <stong>Products</strong>...</nav> <div id="webapp">Products static content</div><script>window.onload=function(){ /*load webapp*/ }</script>


share|improve this answer
@Saif: I think he means using AJAX to show different "subpages" but also associating those subpages to different URLs if the user wants to navigate to them directly or doesn't have JavaScript. You should use HTML5's history state API to allow these subpages to be bookmarked. The StackExchange user profile page is a good example of this technique. – Lèse majesté Dec 11 '11 at 21:32
@Lèsemajesté yes I understand what he is saying now, he edited it in. I didn;t understand the previous answer he gave. – Saif Bechan Dec 11 '11 at 21:39
@jrosell I was thinking of this technique before, but I do not think it is will be great for important content. Maybe for a portfolio page, or a profile page you can get away with it, but I do not think it would be good for a business. I think it is a good practice to not have a webapp specially for SEO. If there were build in techniques is would be ok, but this looks like a hack for SEO. – Saif Bechan Dec 11 '11 at 21:40
Look at this site with/without flash enabled as example santperedelboschotel.com – jrosell Dec 14 '11 at 19:48
Have you target users with javascript disabled? Google bot is one of these. – jrosell Dec 14 '11 at 19:52

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.