SEO and the use of !# in a url

Question

I read somewhere about how you can create a website that loads each section of a page with AJAX while still providing SEO. It had something to do with the use of !# in a url. Similar to what twitter does. I can't seem to find anything about it anywhere. Does anyone know what I'm talking about?

Could this be a duplicate of http://stackoverflow.com/questions/1457/modify-address-bar-url-in-ajax-app-to-match-current-state ? — jjmontes, Dec 22 '11 at 15:02
It warms my heart that you accepted my answer even though it didn't have the most votes. I feel I've helped steer a web developer towards best practice, and made the web just a little bit better place. — Chris Sobolewski, Jan 17 '12 at 15:10
Your title should use `#!`, not `!#`, otherwise the `!` will be part of the main URI without fragment (sent to the server). — Bruno, Jan 25 '12 at 13:42

score 5 · Answer 1 · edited Dec 22 '11 at 15:41

Is this what you are looking for:

Quoting:

Slightly modify the URL fragments for stateful AJAX pages Stateful AJAX pages display the same content whenever accessed directly. These are pages that could be referred to in search results. Instead of a URL like http://example.com/page?query#state we would like to propose adding a token to make it possible to recognize these URLs: http://example.com/page?query#[FRAGMENTTOKEN]state. Based on a review of current URLs on the web, we propose using "!" (an exclamation point) as the token for this. The proposed URL that could be shown in search results would then be: http://example.com/page?query#!state.

score 3 · Accepted Answer · answered Dec 22 '11 at 15:04

#! is called a "hashbang" and they are the root of all that is evil in web development.

Basically, weak web developers decided to use #anchor names as a kludgy hack to get "web 2.0" things to work on their page, then complained to google that their page rank suffered. Google made a work around to their kludge by enabling the hashbang.

Weak web developers took this work around as gospel. Don't use it. It is a crutch.

Web development that depends on hashbangs is web-development done wrong.

This article is far more well worded than I could ever be, and deals with the Gawker media fiasco from their migration to a (failed) hashbang centric website. It tells you WHAT is happening and why it's bad.

http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs

score 2 · Answer 3 · edited Feb 16 '21 at 19:18

2

Take a look at this article: http://eliperelman.com/blog/2011/10/06/handling-googles-ajax-crawling-hashbang-number-navigation-in-asp-dot-net-mvc-3/

It explains the implementation of hashbang navigation, allowing google to index your site.

edited Feb 16 '21 at 19:18

petrosmm

528
9
23

answered Dec 22 '11 at 15:01

Adilson de Almeida Jr

2,761
21
37

score 1 · Answer 4 · edited May 23 '17 at 11:51

1

Check Modify Address Bar URL in AJAX App to Match Current State, also this can be done from Flash and Ajax with http://www.asual.com/swfaddress .

edited May 23 '17 at 11:51

Community

1
1

answered Dec 22 '11 at 15:00

jjmontes

24,679
4
39
51

score 0 · Answer 5 · answered Dec 22 '11 at 15:01

0

I believe you are looking for this forum question here: http://www.google.com/support/forum/p/Webmasters/thread?tid=55f82c8e722ecbf2&hl=en

answered Dec 22 '11 at 15:01

alessioalex

62,577
16
155
122

SEO and the use of !# in a url

5 Answers5

Linked