Angular/React/etc + SEO

S
На сайте с 25.11.2008
Offline
124
2777

Всем привет.

Допустим есть страница с поисковой формой. Она может быть написана в 2-х вариантах.

1) по старинке, на html ну или с минимальным использованием каких-то, например, jQuery-ui компонентов.

2) по модному и современному на всяких ангулярах, реактах и прочих, исходя из чего код страницы может быть вида:


<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<title>Тест</title>
<link type="text/css" rel="stylesheet" href="build/css/common.css" />
<script type="text/javascript" src="build/js/libs.js"></script>
<script type="text/javascript" src="build/js/common.js"></script>
<script type="text/javascript" src="build/js/main.js"></script>
</head>
<body>
<div class="wrapper">
<div class="content" ng-controller="MainController as main">
<autocomplete
model="search.from"
value="name"
api-name="AutocompleteLocationsService"
name="location"
on-change="onChange()"
required="true">
</autocomplete>
<calendar model="search.date"
model-date-format="DD.MM.YYYY"
date-format="DD.MM.YYYY"
mask="99.99.9999"
name="date"
numberOfMonths="3"
input-class="input date"
required="true"
placeholder="ДД.ММ.ГГГГ">
</calendar>
</div>
</div>
</body>
</html>

Зайдя на такую страницу, мы увидим в браузере форму с автокомплитом и календарем: http://prntscr.com/f3kcb3

Вопросы такие:

- насколько 2-й вариант хорош для поисковых систем - так оставлять или же для ПС делать отдельную отрендеренную страницу?

- что ПС думают о так называемых неизвестных тегах autocomplete и calendar?

В интернете много разнородной информации, датированной разными годами, а учитывая, что в данной области все весьма быстро меняется, решил спросить здесь.

Спасибо.

P.S. Модераторы, извиняюсь, если не правильно выбрал тему/раздел, и прошу перенести в нужный, если ошибся.

Бесплатные виджеты для сайта (https://pfka.ru). Технический анализ сайта ( https://linkonavt.ru/services/sitetechnologies ).
SmileP
На сайте с 18.02.2010
Offline
386
#1

Индексирование AJAX-сайтов Яндексом: https://yandex.ru/support/webmaster/robot-workings/ajax-indexing.xml

В гугле было аналогично, но примерно с год назад они затерли такую хелпу.

Фактически для Я-са были сделаны слепки- он оттуда брал контент, а вот Гугл откуда брал- не понятно.

[Удален]
#2

sslab, если скрипты открыты для индексации гугл их прочитает

яндексу глубоко наплевать на js

sslab:
- что ПС думают о так называемых неизвестных тегах autocomplete и calendar?

ни чего не думают - роботы пс намного проще браузера и просто игнорируют их

Оптимизайка
На сайте с 11.03.2012
Offline
396
#3
sslab:
2) по модному и современному на всяких ангулярах, реактах

prerender like this

https://builtvisible.com/react-js-seo/

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
Павел Горбунов
На сайте с 13.06.2011
Offline
123
#4

sslab, вам нужно настроить корректную передачу кода страниц поисковым роботам с помощью пререндера.

Пользователь может попадать на JS-версию сайта, но роботы должны видеть Html-код страниц.

Проверяйте то, что видят роботы с помощью любого плагина User-agent-switcher.

Не стремитесь сделать лучше - улучшайте!
SmileP
На сайте с 18.02.2010
Offline
386
#5
Павел Горбунов:
Проверяйте то, что видят роботы с помощью любого плагина User-agent-switcher

Раньше это клоакингом называли, когда когда по одному и тому же адресу код для людей и ботов отдавался по разному..

Сейчас не банят за такое?

Павел Горбунов
На сайте с 13.06.2011
Offline
123
#6
SmileP:
Раньше это клоакингом называли, когда когда по одному и тому же адресу код для людей и ботов отдавался по разному..
Сейчас не банят за такое?

смотря что вы будете делать.

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

Они попадают на страницы с тем же контентом, что и роботы.

Но робот видит HTML-версию страницы , которую без рендеринга ему нельзя показать.

Александр
На сайте с 17.07.2009
Offline
371
#7

чем проще, тем лучше. Навернуть можно всё что угодно (мы в вас верим), только вот цель у вас какая?

Сайты на WordPress тут просто летают! (https://vk.cc/atAGUU)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий