I have a page where the general structure is

<a href="#section1">section 1</a>
<a href="#section2">section 2</a>
<a href="#section3">section 3</a>
<a href="#section4">section 4</a>

<section id="section1">
<h1>section 1</h1>
<p>some content</p>

<section id="section2">
<h1>section 2</h1>
<p>some content</p>

<section id="section3">
<h1>section 3</h1>
<p>some content</p>

<section id="section4">
<h1>section 4</h1>
<p>some content</p>

(there are about 10 sections all with quite a bit more content and have missed out alot of the surrounding html but this is the basic structure).

All the content is on one page and clearly seperated semantically and the page relies on javascript to choose which sections to hide / show.

I am wondering whether from an SEO perspective it would be good to use #! links and implement http://code.google.com/web/ajaxcrawling/ returning only the content for each section? Would this mean that the site no longer functioned without javascript? If the '!' was added in using javascript would google pick this up or would they use the raw html? Or will google index the content on the page correctly (ie ignore the javascript completely)?

1 Answer 1


Make a test page and use fetch as googlebot to see how it crawls your page.

  • Checked and it seems google is ignoring the javascript as far as I can see
    – Tom
    Aug 2, 2011 at 13:55
  • 1
    You might be interested in this thread: webmasters.stackexchange.com/questions/15083/… . I was looking for a way to tell if the content was actually indexed after publishing, it might be useful to you. Read both answers.
    – JMC
    Aug 2, 2011 at 14:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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