|
|
|
| Всем привет! Хочу разобраться с навигацией по сайту без перезагрузки, но со сменой адреса в адресной строке и чтобы поисковики понимали ссылки.
Несколько дней ищу информацию, её много, она разная, и что самое противное - нет идеального решения, пусть было бы сложное, но чтобы кроссбраузерно и современно. Готов разбираться в каком-либо методе, но хочется знать, что я разбираюсь в способе, который актуален.
Поэтому мой вопрос простой. Если кто делал полностью аяксовый сайт, то поделитесь информацией, какие библиотеки Вы использовали.
Буду рад, если направите в нужное русло, а то голова кипит, а толку мало.
Заранее спасибо! | |
|
|
|
|
|
|
|
для: grafen
(23.03.2012 в 23:02)
| | Если без перезагрузки, то ajax, https://developer.mozilla.org/en/DOM/XMLHttpRequest/Using_XMLHttpRequest Здесь информации предостаточно. Но отсутствие перезагрузки исключает изменение адреса страницы. Использовать нужно что-то среднее. Каждый метод хорош там, где он хорош. | |
|
|
|
|
|
|
|
для: Sergeich
(23.03.2012 в 23:55)
| | Запрограммировать можно все. У одних есть на это время, у других нет. | |
|
|
|
|
|
|
|
для: grafen
(23.03.2012 в 23:02)
| | Мы все за вас очень рады, что вы решили изучить некие технологии, вот только есть проблемы, которые действительно тяжело решить. IE не хочет работать, изменяя адрес страницы, не знаю конечно про 9, но 8 точно не хочет.
Могу сказать что у вас ничего не получится, а если и получится (что кстати зависит только от вас), то вам придется потратить не мало времени. Причем это время исчисляется не часами, а скорее годами. Хотя я говорю опираясь только на свой опыт. | |
|
|
|
|
|
|
|
для: deimand
(24.03.2012 в 03:53)
| | могу сказать что ваши знания по данному вопросу устарели. | |
|
|
|
|
|
|
|
для: grafen
(23.03.2012 в 23:02)
| | почитайте про historyAPI - http://habrahabr.ru/post/123106/
в конце статьи есть ссылка на History.js - решение для ie6-8 | |
|
|
|
|
|
|
|
для: AlexSol
(24.03.2012 в 07:44)
| | Спасибо, но не кроссбраузерный способ. Даже не получилось собрать, чтобы потестировать у себя.
Нашел идеальный вариант, проверил во всех браузерах, работает даже в IE6. Только смущает, индексируются ли поисковиком ссылки вида: <a href="#page">page</a>
Вот пример: http://www.yensdesign.com/tutorials/anchornavigation/
И проблема, что не понятно, как отправить заголовок на страницу, был бы признателен, если кто знает - подскажите! | |
|
|
|
|
|
|
|
для: grafen
(26.03.2012 в 11:46)
| | Маловероятно что поисковики будут индексировать переходы по якорям. Предполагается (изначально) что все якоря в HTML расположены на этой же странице. Т.е. якоря поисковик проигнорирует. А вот то что страница ссылается сама на себя много раз - это будет хорошим поводом для бана. Так что вы уж подумайте что вам важнее: модно или эффективно. | |
|
|
|
|
|
|
|
для: grafen
(26.03.2012 в 11:46)
| | похоже вы невнимательно читали. на описанной в статье технологии работают фейсбук, вконтакте и т.д.
<a href="#page">page</a> - это не ссылка, а якорь и проиндексировано не будет.
если вы хотите использовать именно location.hash для навигации, то делается это так:
собирается сайт обычным образом. далее пишется js скрипт, который перехватывает клики по ссылкам (меняет hash и подгружает нужный контент) | |
|
|
|
|
|
|
|
для: AlexSol
(26.03.2012 в 12:48)
| | Так найти бы реализацию этого, чтобы работало во всех браузерах. Из всего что находил, то работает - то не работает.
Конкретно в этом скрипте можно сделать адрес: <a href="http://site.ru/#!/page">page</a>
Получается как в твиттере, и должно индексироваться.
Я правильно понимаю? | |
|
|
|
|
|
|
|
для: grafen
(26.03.2012 в 13:15)
| | все что после # отбрасывается.
http://site.ru/#!/page
http://site.ru/#!/page101
будут идентичны для поисковика | |
|
|
|
|
|
|
|
для: AlexSol
(26.03.2012 в 15:11)
| | Тогда как индексируется твиттер? В поисковике хранятся нормальные ссылки: twitter.com/medvedev , когда заходишь, то меняет ссылку на twitter.com/#!/medvedev
Остается выход - сделать карту сайта с нормальными ссылками. Только опять возникает вопрос, можно ли карту сделать с нормальными ссылками, но если на них заходить, то будет переадресация на #! | |
|
|
|
|
|
|
|
для: grafen
(26.03.2012 в 15:56)
| | Так посмотрите в исходный код твиттера и увидите, что часть ссылок обычные, например <a href="/anekdotru">, они и индексируются. | |
|
|
|
|
|
|
|
для: Рома
(26.03.2012 в 18:42)
| | Нашёл сайт: http://flir-russia.ru/
Сделано офигенски. Навигация по сайту на аяксе, а если посмотреть исходный код - то там обычные ссылки. По обычным ссылкам сайт тоже открывается. Т.е. сайт индексируется спокойно. Я взял для себя эту технологию, работает во всех браузерах. | |
|
|
|