URL AJAX и перезапись URL

Question

Я начинаю настраивать личный веб-сайт, и мне бы хотелось, чтобы его макет выглядел примерно так:

-------------------------------
- Page Header & Menus Go Here -
-------------------------------
-        Main Contents        -
-------------------------------
-           Footers           -
-------------------------------

Основной вопрос заключается в том, что я хотел бы, чтобы это был одностраничный интерфейс, в котором основное содержимое загружается и отображается с комбинацией AJAX и jQuery для получения приятного эффекта. Тем не менее, я бы, конечно, хотел бы, чтобы содержание было включено в закладки и проиндексировано поисковыми системами. Я просмотрел одностраничный интерфейсный манифест , в котором объясняются некоторые хорошие способы достижения этого, но я бы не хотел, чтобы мои URL-адреса были такими, как

http://www.mysite.com/index.php#!section=section1

http://www.mysite.com/index.php#!section=section2

Я бы, конечно, хотел бы переписать их как

http://www.mysite.com/section1

http://www.mysite.com/section2

Мои вопросы заключаются в том, является ли этот подход корректным / выполнимым и совместимы ли URL-адреса AJAX с перезаписью URL-адресов. Какие URL-адреса будут проиндексированы, скажем, Google в любом случае?

Answer 1

Если вы хотите, чтобы ваша страница работала без перезагрузки и одновременного обновления URL-адреса страницы, единственный способ архивировать это - изменить хеш в URL-адресе (location.hash = «что угодно»).

Перезапись URL не может использоваться, поскольку хэш не отправляется на сервер, он доступен только в области видимости браузера.

Проверьте URL-адреса Facebook или Twitter. Они красивее, чем #! Section = section1, но все еще нуждаются в хэше.

Приветствие.

Answer 2

Я сам ищу решение для аналогичной проблемы (у меня есть клиентский сайт с AJAXed-темой WordPress, и эти ужасные вещи #! В URL не позволяют работать всем плагинам для обмена социальными сетями, которые я пробовал до сих пор)правильно).

По-видимому, есть решение (с некоторыми недостатками ofc ..).Я узнал об этом здесь: http://moz.com/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate

Я знаю, что прошло уже два года с тех пор, как вы спросили, но это может быть полезно для кого-то другого, или вы можете проверить это только ради любопытствасам!: -)

Answer 3

Если вы хотите загрузить другой контент / вкладки / некоторый контент страницы без перезагрузки браузера, теперь это возможно с pjax ..

вы можете использовать что-то вроде http://padrino -pjax.heroku.com / Вы можете попробовать это, перейти по ссылке и нажать на любую из ссылок дома, динозавры, инопланетяне, и вы увидите, что изменится URL и некоторый контент без перезагрузки полной страницы

Достигнутоиспользование ajax + push / pop из url в браузере