Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: hash-навигация на ajax
 
 автор: grafen   (23.03.2012 в 23:02)   письмо автору
 
 

Всем привет! Хочу разобраться с навигацией по сайту без перезагрузки, но со сменой адреса в адресной строке и чтобы поисковики понимали ссылки.
Несколько дней ищу информацию, её много, она разная, и что самое противное - нет идеального решения, пусть было бы сложное, но чтобы кроссбраузерно и современно. Готов разбираться в каком-либо методе, но хочется знать, что я разбираюсь в способе, который актуален.

Поэтому мой вопрос простой. Если кто делал полностью аяксовый сайт, то поделитесь информацией, какие библиотеки Вы использовали.

Буду рад, если направите в нужное русло, а то голова кипит, а толку мало.

Заранее спасибо!

  Ответить  
 
 автор: Sergeich   (23.03.2012 в 23:55)   письмо автору
 
   для: grafen   (23.03.2012 в 23:02)
 

Если без перезагрузки, то ajax, https://developer.mozilla.org/en/DOM/XMLHttpRequest/Using_XMLHttpRequest Здесь информации предостаточно. Но отсутствие перезагрузки исключает изменение адреса страницы. Использовать нужно что-то среднее. Каждый метод хорош там, где он хорош.

  Ответить  
 
 автор: deimand   (24.03.2012 в 03:54)   письмо автору
 
   для: Sergeich   (23.03.2012 в 23:55)
 

Запрограммировать можно все. У одних есть на это время, у других нет.

  Ответить  
 
 автор: deimand   (24.03.2012 в 03:53)   письмо автору
 
   для: grafen   (23.03.2012 в 23:02)
 

Мы все за вас очень рады, что вы решили изучить некие технологии, вот только есть проблемы, которые действительно тяжело решить. IE не хочет работать, изменяя адрес страницы, не знаю конечно про 9, но 8 точно не хочет.

Могу сказать что у вас ничего не получится, а если и получится (что кстати зависит только от вас), то вам придется потратить не мало времени. Причем это время исчисляется не часами, а скорее годами. Хотя я говорю опираясь только на свой опыт.

  Ответить  
 
 автор: AlexSol   (24.03.2012 в 07:43)   письмо автору
 
   для: deimand   (24.03.2012 в 03:53)
 

могу сказать что ваши знания по данному вопросу устарели.

  Ответить  
 
 автор: AlexSol   (24.03.2012 в 07:44)   письмо автору
 
   для: grafen   (23.03.2012 в 23:02)
 

почитайте про historyAPI - http://habrahabr.ru/post/123106/
в конце статьи есть ссылка на History.js - решение для ie6-8

  Ответить  
 
 автор: grafen   (26.03.2012 в 11:46)   письмо автору
 
   для: AlexSol   (24.03.2012 в 07:44)
 

Спасибо, но не кроссбраузерный способ. Даже не получилось собрать, чтобы потестировать у себя.

Нашел идеальный вариант, проверил во всех браузерах, работает даже в IE6. Только смущает, индексируются ли поисковиком ссылки вида: <a href="#page">page</a>

Вот пример: http://www.yensdesign.com/tutorials/anchornavigation/

И проблема, что не понятно, как отправить заголовок на страницу, был бы признателен, если кто знает - подскажите!

  Ответить  
 
 автор: Sfinks   (26.03.2012 в 12:00)   письмо автору
 
   для: grafen   (26.03.2012 в 11:46)
 

Маловероятно что поисковики будут индексировать переходы по якорям. Предполагается (изначально) что все якоря в HTML расположены на этой же странице. Т.е. якоря поисковик проигнорирует. А вот то что страница ссылается сама на себя много раз - это будет хорошим поводом для бана. Так что вы уж подумайте что вам важнее: модно или эффективно.

  Ответить  
 
 автор: AlexSol   (26.03.2012 в 12:48)   письмо автору
 
   для: grafen   (26.03.2012 в 11:46)
 

похоже вы невнимательно читали. на описанной в статье технологии работают фейсбук, вконтакте и т.д.

<a href="#page">page</a> - это не ссылка, а якорь и проиндексировано не будет.
если вы хотите использовать именно location.hash для навигации, то делается это так:

собирается сайт обычным образом. далее пишется js скрипт, который перехватывает клики по ссылкам (меняет hash и подгружает нужный контент)

  Ответить  
 
 автор: grafen   (26.03.2012 в 13:15)   письмо автору
 
   для: AlexSol   (26.03.2012 в 12:48)
 

Так найти бы реализацию этого, чтобы работало во всех браузерах. Из всего что находил, то работает - то не работает.

Конкретно в этом скрипте можно сделать адрес: <a href="http://site.ru/#!/page">page</a>
Получается как в твиттере, и должно индексироваться.
Я правильно понимаю?

  Ответить  
 
 автор: AlexSol   (26.03.2012 в 15:11)   письмо автору
 
   для: grafen   (26.03.2012 в 13:15)
 

все что после # отбрасывается.
http://site.ru/#!/page
http://site.ru/#!/page101
будут идентичны для поисковика

  Ответить  
 
 автор: grafen   (26.03.2012 в 15:56)   письмо автору
 
   для: AlexSol   (26.03.2012 в 15:11)
 

Тогда как индексируется твиттер? В поисковике хранятся нормальные ссылки: twitter.com/medvedev , когда заходишь, то меняет ссылку на twitter.com/#!/medvedev
Остается выход - сделать карту сайта с нормальными ссылками. Только опять возникает вопрос, можно ли карту сделать с нормальными ссылками, но если на них заходить, то будет переадресация на #!

  Ответить  
 
 автор: Рома   (26.03.2012 в 18:42)   письмо автору
 
   для: grafen   (26.03.2012 в 15:56)
 

Так посмотрите в исходный код твиттера и увидите, что часть ссылок обычные, например <a href="/anekdotru">, они и индексируются.

  Ответить  
 
 автор: grafen   (27.03.2012 в 14:44)   письмо автору
 
   для: Рома   (26.03.2012 в 18:42)
 

Нашёл сайт: http://flir-russia.ru/
Сделано офигенски. Навигация по сайту на аяксе, а если посмотреть исходный код - то там обычные ссылки. По обычным ссылкам сайт тоже открывается. Т.е. сайт индексируется спокойно. Я взял для себя эту технологию, работает во всех браузерах.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования