title: Attaching hashtag to URL with javascript
body: <p>I want to build an ajax site without sacrificing SEO. My question is:
  If I have link on my page like this:</p>
  
  <pre><code>   &lt;a href="http://example.com/cats" id="cats"&gt;Cats&lt;/a&gt;
     &lt;a href="http://example.com/dogs" id="dogs"&gt;Dogs&lt;/a&gt;
  </code></pre>
  
  <p>...when each link is clicked I would like to update the address bar with the corresponding hashtag. So, if "Cats" link is clicked the current location will be <a href="http://example.com/#cats" rel="nofollow noreferrer">http://example.com/#cats</a> and I can use this to show my ajax content. If javascript is off or user is search engine, they will go directly to /cats</p>