Влияет ли использование styled-component или react-jss на SEO и индексирование?

Question

[Владимир Голубь]

Влияет ли нахождение стилей в head, на SEO и индексирование страниц ?

Answer 1

[Павел Диденко]

Styled-components всего лишь способ реализации стилей компонента. На SEO никаким образом это не влияет. Только помните, что у вас должен быть SSR, чтобы получить трафик из поисковых систем.

Comments

[Владимир Голубь]

он добавляет много тегов style в head, а гугл робот индексирует только определенное количество контента или я не прав ?

[Павел Диденко]

Владимир Голубь, не прав ни с первым, ни со вторым.

[Владимир Голубь]

Павел Диденко, почему с первым не прав, сейчас все компоненты, которые есть на страницы загружают стили в head.

[Павел Диденко]

Владимир Голубь, потому что вы хотите сделать сайт на Реакте, который должен иметь исходный код. Это называется Server-Side-Rendering. Так вот SSR берет из вашего бандла только ДОМ дерево с названиями классов и контент, который нужно вывести в исходный код. Другими словами - при серверном рендеринге стили не используются.

P.S. по крайней мере на проекте с которым я работаю используется Express, и с ним стили не выводим. Вот пример клик

[Владимир Голубь]

Павел Диденко, почитайте как формируются стили для styled-components или react jss, я напрямую в файле server.js их записываю в head, когда формирую шаблон.

[Павел Диденко]

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

[Владимир Голубь]

Павел Диденко, похоже что вы используете aphradite ?

[Павел Диденко]

Владимир Голубь, нет, styled-components

[Владимир Голубь]

Павел Диденко, у нас так cssinjs.github.io/examples/react-ssr/dist/index.html

[Павел Диденко]

Владимир Голубь, я уже посмотрел примеры с сайта реакта и беру.ру, у первых стили в исходном коде, у вторых с подключаемыми файлами. Опять же ответ на вопрос - нет не влияет. Может повлиять только в том случае, если ваши стили будут настолько сильно тормозить загрузку сайта, что пользователи не будут ждать загрузки и уйдут с сайта. Сама причина влияния на SEO будет не именно в стилях, а в последствиях. Если скорость загрузки исходного кода будет быстрой - то хоть 100 тегов запихайте