Ajax сайт индексируемый всеми поисковиками

в 20:01, , рубрики: ajax, Google, Yandex, Веб-разработка, метки: , ,

Вижу очень много статей на тему того что люди пытаются сделать Ajax сайты но их смущает то что такие сайты не будут проиндексированы поисковиками. У Google с этим все в порядке, можно использовать специальный синтаксис.

Некоторое время назад у меня стояла задача сделать Ajax сайт работающий «как твиттер» но при этом индексируемый поисковиками.

С Google не было проблемы, но с Яндекс было посложнее. Все достаточно просто решилось. Надо сделать так что бы сайт работал и без Javascript. Как для пользователей с отключенным Javascript. И преобразовывал ссылки на сайте в нужный формат при посещении сайта через браузер с включенным Javascript.

В итоге было решено сделать сайт статическим со статическими линками /p/video и при загрузке сайта преобразовывать их в «ломанный веб».

  1. $("a").each(function(){
  2.         var href = $(this).attr("href");
  3.         if(href){
  4.             var nh = href.replace(/^/p//g,"/#!/");
  5.             $(this).attr("href",nh);
  6.             $(this).bind("click",function(){
  7.                 show($(this).attr("href")); 
  8.             });     
  9.         }
  10.     });

После этого пользователь сайта уже нажимает по ссылкам вида /#!/video, которые отслеживаются при помощи jQuery Address Plugin v1.4 и подгружаются на лету.

Сайт http://flir-russia.ru/
Проиндексировано в Яндекс
Проиндексировано в Google

Автор: greyhard

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js