Проиндексируют ли Google и Yandex JSON размещенный в html теге?

Question

[zayko]

На странице есть скрытый HTML тег внутри которого находится JSON строка с данными.
JSON находится именно в HTML теге а не в теге SCRIPT.

Смогут ли поисковые системы проиндексировать данные внутри тега?
Смогут ли проиндексировать если тег будет не скрытым, а например position: absolute; top: -10000; left: -10000;

Ваше мнение?
Есть ли у кого то какие-то сведения по поводу индексации JSON формата поисковиками?

PS:

для тех кому любопытно зачем: Большое дерево комментариев выгодно передать на клиента в JSON и там практически мгновенно отрисовать. Серверная отрисовка деревьев чудовищно медленная. Ищу способы как хоть как то заставить поисковики индексировать инфу из комментов.

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

Answer 1

[Николай Васильчук]

Большое дерево комментариев выгодно передать на клиента в JSON и там практически мгновенно отрисовать. Серверная отрисовка деревьев чудовищно медленная.

Что? С чего вы это взяли?
Я понимаю, что трафика с сервера будет больше (хотя этим можно пренебречь), но почему серверная отрисовка будет медленнее?

Comments

[Николай Васильчук]

А если по-существу, то передавайте JSON в JS формате, а не в HTML тэге. Так поисковики его не проиндексируют.
А для тех у кого отключен JS (и для поисковиков в том числе) отдавайте подготовленный на сервере HTML.

[zayko]

1) > но почему серверная отрисовка будет медленнее?

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

На сервере:

584 elements
3 levels deep
более 30 сек.

На клиенте структура из 2000 элементов, 3 уровня вложенности, рисуется за 1 сек.

А вот суровый бенчмарк на 16 000

3 level deep
25 nodes per level
16275 nodes in tree
Server rendering: 4906.3ms (converting to JSON)
Client rendering: 3056ms (rendering and append to DOM)
Performance: 16275 / 7962 = 2045 nodes/second

16 000 узлов 3х уровневого дерева за 8 секунд. Неплохо, верно?

Есть разница?

2) JSON вставлять в SCRIPT тег нельзя. Иначе отработают [script]alert(1)[script] если они есть

а вот такая штука работает так как надо.

tree = JSON.parse( $('#json_tree').html() );

и даже внедренный [script]alert(1)[script] нормально воспринимает как текст. Попробуйте сами.

И еще есть надежда что JSON хоть как то распознается поисковиками. Только не подтверждений не опровержений у меня нет.

Может кто-то подскажет хоть что то на счет индексации поисковиками? Хотя бы догадки?

[pman]

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

А вообще, к скрытым блокам поисковики относятся с подозрением. Слишком велика вероятность клоакинга — когда пользователю один контент идёт, а роботу другой. Может есть вариант сделать его более-менее видимым? Например, в noscript блоке?

[Николай Васильчук]

Интереесно )

1) Не пойму, что вы делаете. Вы получаете какие-то данные, предположительно из БД. Далее вы их оборачиваете в HTML и отдаете клиенту. Почему эта простейшая операция у вас на сервере выполняется 30сек, а на клиенте менее 1 секунды? Может проблема где-то в архитектуре или коде?

2) Экранируйте и фильтруйте данные, чтобы не было проблем. Я не предлагал вам вставлять JSON в тэг SCRIPT, я предлагал выдавать его по типу var data = <YOUR_JSON_CODE>;

[zayko]

1) Что происходит на сервере и почему это так происходит это совсем другая песня. Я не хочу углубляться в этот вопрос.
Есть решение отдавать данные на клиента и рисовать там. На данный момент решения себя хорошо показало.

2)

И все же вы предлагаете сделать это?

<script> //<![CDATA[ var _data = { field: "</script><script>alert(1)</script>" } //]]> </script>

Попробуйте и увидите заветный алерт.

Я не могу экранировать данные сам. Я использую стандартный конвертер массива объектов в JSON доступный в моей среде. Дополнительной опции, которая бы сделала escapeHTML в полях с данными в этом конвертере нет.

Есть вариант конечно написать патч для конвертера — но это меня пока не радует. Описанный мною способ передачи данных через html тег решает проблему передачи опасных данных.

[Николай Васильчук]

Почему это способ, который вы описали (tree = JSON.parse( $('#json_tree').html() );) решает проблему?
А если у вас будет <div id="json_tree">{ field: "<script>alert(1)</script>" }</div>?

[zayko]

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

[zayko]

Пару слов про вставку JSON.

Ситуация в такая, что шаблонизатор сам проводит escape контента который вставляется на страницу.
Вот пример вставки JSON в html через SCRIPT и через HTML тег. Я кидаю его файлом — поскольку иначе escape снова отобразится скобками и кавычками.

тестовый JSON

Суть в том, что в данном примере

JSON.parse(tree) не работает

а

JSON.parse( $('.data').html() ) работает очень даже нормально.

Если есть идеи почему — буду раз услышать.

[zayko]

Почему на сервере рисуется так долго?! Видимо потому что фрагменты вида разложены по файлам — в одном файле элементы управления — в другом вид узла дерева — в другом обертка дерева. Если элементов много, то многократно вызывается каждый кусок вида и суммарно время получается больше. Хотя эксперименты в пролом, когда все было в одном месте показывали не лучшие результаты. Возможно это проблемы среды. Не могу сказать.

[Николай Васильчук]

JSON.parse(tree) не работает а JSON.parse( $('.data').html() ) работает очень даже нормально.
В первом случае у вас " вместо кавычек, а во втором jQuery вернет нормальные кавычки.

[Николай Васильчук]

В первом случае у вас &quot вместо "
Злой парсер.

[zayko]

Ну это да. Просто суть в том, что это удачная для меня особенность работы $('.data').html() — ведь исходные строки идентичны. Вот поэтому я и пользуюсь на данный момент именно этим способом.

Answer 2

[akral]

Вставляйте в атрибут data-. jQuery даже автоматически распарсит JSON:

<article class="boat" data-schedule="['Moscow', 'Paris']">...</article>

$('.boat').data('schedule') === ['Moscow', 'Paris'];

Comments

[zayko]

ок. тоже вариант, но по сути все равно парсинг — ничего особо не выиграем. Но да, так лучше. Согласен.

[zayko]

Опять таки почему я так не делаю — из за того, что надеюсь что JSON вставленный в теги будет хоть как то проиндексирован.

[akral]

Ха, я думал, наоборот, что цель — спрятать от поисковиков.

Я был бы осторежен с этой индексацией «скрытого» текста, а то для бота ваш случай неотличим от <span style="color:white">скачать порно бесплатно</span>