Идеальное решение для плавного воспроизведения музыки при «загрузке страницы»? Использование JavaScript для загрузки страниц

Question

Я нахожусь в процессе разработки музыкального онлайн-журнала.У нас есть музыкальный проигрыватель html5 / flash, и он составляет основную часть сайта.Но на сайте также есть много статей и прочего.Итак, в основном, я хочу плавного воспроизведения музыки при загрузке страницы, но я также хочу избегать полного javascript-приложения, потому что я хочу, чтобы весь контент был дружественным к паукам и индексируемым в Google.

Я использую html5 history api с откатом hashbang (#!) Для загрузки различного контента на главной странице по кликам.И загруженные URL-адреса также указывают на страницы с контентом.

Например: ссылка munimkazia.com/page1.html на моей странице индекса munimkazia.com загрузит содержимое из page1.html и вставит его.URL-адрес изменится на munimkazia.com/#!/page1.html в Firefox и IE и munimkazia.com/page1.html в Chrome. Поскольку ссылка href - munimkazia.com/page1.html, паук будет следовать засвязать и получить контент.Я правильно настроил страницу на page1.html и готов к просмотру.Но сейчас у меня проблемы.

Если я решу использовать загрузки ajax на этой странице, URL-адреса, отображаемые в строке адреса браузера, не будут соответствовать запасному варианту hashbang (http://munimkazia.com/page1.html/#!/page2.html) Если я решу перенаправить все клики на страницу основного контейнера вhttp://munimkazia.com и загрузите page2.html, после этого все будет работать нормально, но эта загрузка страницы прервет воспроизведение музыки перед ним, если таковое будет.

Кроме того, я не хочу переписывать всеhttp://munimkazia.com/page1.html до http://munimkazia.com/#!/page1.html,, потому что я хочу, чтобы весь контент присутствовал, а не извлекался и записывался javascript для чтения поисковыми машинами. Мне известно, что у Google есть спецификация для чтения контента из #! URL, но я хочу, чтобы страница загружалась с содержимым статьи для пользователя, даже если JS отключен

Любые идеи / советы / обходные пути?

Редактировать: эти URL являются лишь примерами для объяснениямоя точка зрения. На сайте munimkazia.com

нет кода JavaScript для извлечения страниц

Answer 1

Хэш-бэнг #! URL-адреса могут быть проиндексированы Google, в этом вся их суть, иначе люди просто использовали бы хеш-код самостоятельно.

Я думаю, идея в том, что Google видит #! URL и преобразует его в параметр строки запроса, например. example.com/#!/products/123/ipod-nano-32gb становится example.com/?_escaped_fragment_=/products/123/ipod-nano-32gb, но пользователи по-прежнему используют URL-адрес хэш-взрыва. Вы программируете сервер для ответа на параметр? _Escaped_fragment_, но пользователь JavaScript перенаправляется на правильный #! URL.

Ознакомьтесь со спецификацией Google здесь http://code.google.com/web/ajaxcrawling/docs/getting-started.html

Я не думаю, что будет хорошей идеей использовать оба типа URL, так как у вас есть два URL, размещенных пользователями в блогах, Twitter и т. Д. Пользователями для одной и той же страницы, также было бы кошмаром для написания кода обращаться с этим надежно. Вам, вероятно, придется довольствоваться хэш-бангом, пока API истории HTML5 не получит более широкую поддержку.