Хашбанг или не хэшбанг?

Я принимаю совет из комментария @Daniel Pryden и вместо этого публикую это как ответ.

Я задумался над этой проблемой и подумал - а почему бы не создать сайт по старинке, настоящие страницы и все такое, а потом выполнить следующие шаги.

1. Перехватывайте все внутренние ссылки на главной странице с помощью jQuery и добавляйте решетку (#) перед window.location.pathname, тем самым вызывая событие hashchange. (см. шаг 3)
2. Добавьте перенаправление javascript на все страницы, кроме главной, чтобы перенаправить страницы обратно на домашнюю страницу, но добавьте window.location.pathname после решетки (#). Например, Google сканирует http://www.domain.com/about-us.aspx но когда пользователь посещает страницу, он перенаправляется на http://www.domain.com/#/about-us.aspx
3. На главной странице используйте jQuery BBQ или аналогичный плагин для прослушивания события hashchange, в том числе при загрузке страницы, чтобы можно было загрузить динамический контент. Umbraco можно настроить для обслуживания частичного или полного содержимого страницы в зависимости от того, является ли запрос запросом AJAX или нет.

Таким образом, пользователи без Javascript будут иметь полноценный (полукрасивый) веб-сайт, Google без проблем просканирует все страницы, но пользователи с Javascript всегда останутся на главной странице — и классная концепция наличия Будет выполнено веб-приложение, а не веб-сайт.

Вы также рассматривали возможность использования управления сеансами истории HTML5?

Таким образом, вам не нужно использовать хэши в более новых браузерах, и таким образом пользователь не заметит вещь.

Немного упрощенно вы бы сделали что-то вроде этого:

РЕДАКТИРОВАТЬ: обновленный пример.

function route(path) {
    $.get(path, function(data) {
        //parse data
    });
}

if (typeof history.pushState !== 'undefined') 
{
    $(window).bind('popstate', function(e)
    {
        route(window.location.pathname);
    });
    $('a').click(function(event) {
        event.preventDefault();
        history.pushState({},'',this.href);
    });
} else {
    $(window).bind('hashchange', function(e)
    {
        route(window.location.hash);
    });
    $('a').click(function(event) {
        event.preventDefault();
        $(this).attr('href', '/#'+$(this).attr('href'));
    });
}

Используйте jQuery BBQ и используйте функцию js в верхней части ваших страниц, чтобы проверить, есть ли действительный хэш, если да, перенаправьте на страницу.