React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 04.11.18 01:28
Оценка:
По сути React создавался фейсбуком для закрытого от поисковиков проекта — в фейсбуке почти все доступно только для зарегистрированных пользователей. По этому проблемы как бы и нет.

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

Какой же выход предлагает современная индустрия?

В ASP.Net есть спец. тег:

<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>


Он то и делает эту задачу, т.е. сервер уже отдает HTML, запуск JS происходит на сервере. Это нужно для поисковиков. Хотя, в последних шаблонах его убрали

Как вообще принято решать проблему индексации в рамках всеобщего перехода на React и иже с ними?
Re: React и индексирование поисковиками
От: vsb Казахстан  
Дата: 04.11.18 08:15
Оценка: +1
Проблемы нет. Ничего решать не нужно.
Re[2]: React и индексирование поисковиками
От: loginx  
Дата: 04.11.18 11:24
Оценка:
Здравствуйте, vsb, Вы писали:

vsb>Проблемы нет. Ничего решать не нужно.


согласен, давно уже пора забыть про это уродство реакт
Re: React и индексирование поисковиками
От: bnk СССР http://unmanagedvisio.com/
Дата: 04.11.18 12:10
Оценка: +1
Здравствуйте, Shmj, Вы писали:

S>Реальные же сайты хотят чтобы контент не только отображался с JS, но и был доступен для индексирования всеми поисковиками.


Поисковики давно научились выполнять клиентский JS и рендерить результаты во время индексированиии.
Google, в частности, делает это уже пять лет как.
Re[2]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 04.11.18 14:04
Оценка:
Здравствуйте, bnk, Вы писали:

bnk>Поисковики давно научились выполнять клиентский JS и рендерить результаты во время индексированиии.

bnk>Google, в частности, делает это уже пять лет как.

А другие поисковики? Приведите исследование и сводные результаты по данному вопросу.
Re[2]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 04.11.18 14:06
Оценка:
Здравствуйте, vsb, Вы писали:

vsb>Проблемы нет. Ничего решать не нужно.


В каком смысле? Хотите сказать что все поисковики сами выполняют JS?
Re[3]: React и индексирование поисковиками
От: vsb Казахстан  
Дата: 04.11.18 14:24
Оценка:
Здравствуйте, Shmj, Вы писали:

vsb>>Проблемы нет. Ничего решать не нужно.


S>В каком смысле? Хотите сказать что все поисковики сами выполняют JS?


Гугл выполняет. До остальных никому дела нет.
Re[3]: React и индексирование поисковиками
От: bnk СССР http://unmanagedvisio.com/
Дата: 04.11.18 14:25
Оценка:
Здравствуйте, Shmj, Вы писали:

S>Здравствуйте, bnk, Вы писали:


bnk>>Поисковики давно научились выполнять клиентский JS и рендерить результаты во время индексированиии.

bnk>>Google, в частности, делает это уже пять лет как.

S>А другие поисковики? Приведите исследование и сводные результаты по данному вопросу.


Да вроде все уже...

Yandex начал в 2015: https://webmaster.yandex.ru/blog/21369
Google в 2014: https://webmasters.googleblog.com/2014/05/understanding-web-pages-better.html

Более-менее актуальное состояние для SPA (которые полностью client-side):
https://webmasters.googleblog.com/2017/12/rendering-ajax-crawling-pages.html

#bla/bla/bla (клиентские пути) поддреживаются
Re[4]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 04.11.18 14:37
Оценка:
Здравствуйте, bnk, Вы писали:

bnk>Да вроде все уже...


bnk>#bla/bla/bla (клиентские пути) поддреживаются


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


Это называется бежать впереди паравоза. Тем более не ясно как это скажется на SEO — Google занижает медленные сайты, быть может будет занижать и с JS-рендерингом

Если чисто для себя, для проверки зайдет или нет — то можно сделать. А если на заказ хотя бы малому бизнесу — дурью никто страдать не будет.
Re[4]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 04.11.18 14:40
Оценка:
Здравствуйте, vsb, Вы писали:

vsb>Гугл выполняет. До остальных никому дела нет.


Если для себя делаете типа блог — то да, можно ради прикола посмотреть что будет. Вроде должно проиндексироваться а если нет то и пофиг.

Если же от качества индексации зависит прибыль, пусть и не мега-корпорации — дурью никто страдать не будет. Есть то что точно работает во всех поисковиках — это HTML. Яндекс пишут что выполняют JS только для некоторых сайтов, так что ваш сайт может просто не попасть в индекс или дадут низкую позицию.

Но да, если вы для себя делаете по приколу — то можно не переживать.
Re[5]: React и индексирование поисковиками
От: vsb Казахстан  
Дата: 04.11.18 14:47
Оценка:
Здравствуйте, Shmj, Вы писали:

vsb>>Гугл выполняет. До остальных никому дела нет.


S>Если для себя делаете типа блог — то да, можно ради прикола посмотреть что будет. Вроде должно проиндексироваться а если нет то и пофиг.


S>Если же от качества индексации зависит прибыль, пусть и не мега-корпорации — дурью никто страдать не будет. Есть то что точно работает во всех поисковиках — это HTML. Яндекс пишут что выполняют JS только для некоторых сайтов, так что ваш сайт может просто не попасть в индекс или дадут низкую позицию.


С таким подходом можно и от JS отказаться, у какой-то доли юзеров он отключен. Доля яндекса и других поисковиков мизерная. Или IE 6 поддерживать, лол.

Ну а так да, есть технологии. В случае React + Redux просто делаешь рендеринг на сервере и state высылаешь. Клиенту приходит отрендеренный HTML. Ничего сложного.

S>Но да, если вы для себя делаете по приколу — то можно не переживать.


Для себя я бы заморочился, мне по фану все эти микрооптимизации, я бы и версию без JS сделал. А как раз в коммерческих проектах никто этим не парится по моему опыту, всем важно подешевле да побыстрей.
Отредактировано 04.11.2018 14:49 vsb . Предыдущая версия . Еще …
Отредактировано 04.11.2018 14:49 vsb . Предыдущая версия .
Отредактировано 04.11.2018 14:48 vsb . Предыдущая версия .
Re[6]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 04.11.18 15:46
Оценка:
Здравствуйте, vsb, Вы писали:

vsb>Для себя я бы заморочился, мне по фану все эти микрооптимизации, я бы и версию без JS сделал. А как раз в коммерческих проектах никто этим не парится по моему опыту, всем важно подешевле да побыстрей.


Покажите мне коммерческий сайт (магазин, к примеру) из топа Google или Yandex, который работает чисто на JS Вряд ли найдете.

Ваши розовые мечты сильно расходятся с реальностью.

Если вы скажиет заказчику, типа, вроде должно работать — вас погонят ссаными тряпками. Никто не будет рисковать. Вот есть то что гарантированно работает — все делают по этому образцу. Тратить деньги на то чтобы ты поигрался с новомодными технологиями и проверил а будет ли оно так же индексироваться — ни один лох не будет.
Отредактировано 04.11.2018 15:48 Shmj . Предыдущая версия .
Re[7]: React и индексирование поисковиками
От: vsb Казахстан  
Дата: 04.11.18 16:09
Оценка: -1
Здравствуйте, Shmj, Вы писали:

vsb>>Для себя я бы заморочился, мне по фану все эти микрооптимизации, я бы и версию без JS сделал. А как раз в коммерческих проектах никто этим не парится по моему опыту, всем важно подешевле да побыстрей.


S>Покажите мне коммерческий сайт (магазин, к примеру) из топа Google или Yandex, который работает чисто на JS Вряд ли найдете.


AirBnB подойдёт?
Re[8]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 04.11.18 16:21
Оценка: :))
Здравствуйте, vsb, Вы писали:

vsb>AirBnB подойдёт?


1. Отключаем JS.
2. Введим в гугле site:www.airbnb.ru (сам Google без JS прекрасно работает, кста).
3. Переходим по все страницам из индекса — они все работают без JS.

Примеры:

https://www.airbnb.ru/s
https://www.airbnb.ru/companies
https://www.airbnb.ru/rooms/2239517

Страниц из индекса, которые не работают без JS — не нашел.

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

По факту — нет ни одного сайта, который бы работал на чистом JS и был в топе гугла.

Да, как дополнение JS может служить. Но основа — все равно чистый HTML и серверный рендеринг.
Отредактировано 04.11.2018 16:22 Shmj . Предыдущая версия . Еще …
Отредактировано 04.11.2018 16:22 Shmj . Предыдущая версия .
Re: React и индексирование поисковиками
От: Буравчик Россия  
Дата: 06.11.18 08:12
Оценка:
Здравствуйте, Shmj, Вы писали:

S>Как вообще принято решать проблему индексации в рамках всеобщего перехода на React и иже с ними?


Создать отдельные страницы специально для поисковика.
Страницы должны выводить информацию из БД и шаблонов. Даже дизайн особый не нужен.
На статической странице кнопка — перейти в app (переход из статического сайта в динамический).
Best regards, Буравчик
Re[2]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 06.11.18 08:45
Оценка:
Здравствуйте, Буравчик, Вы писали:

Б>Создать отдельные страницы специально для поисковика.

Б>Страницы должны выводить информацию из БД и шаблонов. Даже дизайн особый не нужен.
Б>На статической странице кнопка — перейти в app (переход из статического сайта в динамический).

Получается двойная работа...
Re[3]: React и индексирование поисковиками
От: Буравчик Россия  
Дата: 06.11.18 12:42
Оценка:
Здравствуйте, Shmj, Вы писали:

S>Здравствуйте, Буравчик, Вы писали:


Б>>Создать отдельные страницы специально для поисковика.

Б>>Страницы должны выводить информацию из БД и шаблонов. Даже дизайн особый не нужен.
Б>>На статической странице кнопка — перейти в app (переход из статического сайта в динамический).

S>Получается двойная работа...


Да, работы больше.
Но не вдвойне, т.к. статические страницы сделать сильно проще приложения.
Плюс адаптированы под поиск они будут лучше, чем app.
Best regards, Буравчик
Re[4]: React и индексирование поисковиками
От: Shmj Ниоткуда  
Дата: 06.11.18 18:35
Оценка:
Здравствуйте, Буравчик, Вы писали:

Б>Да, работы больше.

Б>Но не вдвойне, т.к. статические страницы сделать сильно проще приложения.
Б>Плюс адаптированы под поиск они будут лучше, чем app.

Серверный пре-рендеринг лучше по двум параметрам:

1. Не нужно делать дурную работу/синхронизировать фактически две версии в актуальном состоянии.
2. Страница загружается быстрее, т.к. сервер мощнее и у вас в распоряжении возможности по кешированию.

Но это сложнее — нужно разобаться как это настроить. Зато разобравшись один раз — можете использовать везде и делать сайты совсем иного уровня качества.
Отредактировано 06.11.2018 18:35 Shmj . Предыдущая версия .
Re[4]: React и индексирование поисковиками
От: Ops Россия  
Дата: 06.11.18 23:43
Оценка:
Здравствуйте, vsb, Вы писали:

vsb>Гугл выполняет. До остальных никому дела нет.


В РФ 60% трафика идет с яндекса, а с гугла 40. В бСССР, думаю, доля яндекса тоже не самая маленькая.
Переубедить Вас, к сожалению, мне не удастся, поэтому сразу перейду к оскорблениям.
Re: React и индексирование поисковиками
От: EugeneIvanov Земля http://e-ivanov.ru/portfolio/
Дата: 09.02.19 14:26
Оценка: :)
Здравствуйте, Shmj, Вы писали:

S>По сути React создавался фейсбуком для закрытого от поисковиков проекта — в фейсбуке почти все доступно только для зарегистрированных пользователей. По этому проблемы как бы и нет.


S>Реальные же сайты хотят чтобы контент не только отображался с JS, но и был доступен для индексирования всеми поисковиками.


S>Какой же выход предлагает современная индустрия?


S>В ASP.Net есть спец. тег:


S>
S><app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>
S>


S>Он то и делает эту задачу, т.е. сервер уже отдает HTML, запуск JS происходит на сервере. Это нужно для поисковиков. Хотя, в последних шаблонах его убрали


S>Как вообще принято решать проблему индексации в рамках всеобщего перехода на React и иже с ними?



Давайте разберёмся с определениями.


Реальные сайты не пишут на JS.
Реальные сайты статические и состоят только из HTML.
Этого достаточно поисковикам.

Для людей включается JS, но сайт должен работать без JS.
JS включается для улучшения.


Если "сайт" написан полностью на JS, это не сайт, это программа или приложение.
Поисковики не парсят приложения.
Поисковики умеют индексировать только статику и HTML.
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.