Влияет ли длинная внутренняя таблица стилей на SEO?

Question

Я создаю сайт с большим количеством похожих CSS между страницами. Я решил, что хорошим подходом будет генерировать CSS как строки с помощью функций php (с параметрами) и выводить их как внутреннюю таблицу стилей на каждой странице, которую я обслуживаю. Преимущества:

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

Я не видел, чтобы это делалось где-то еще, к сожалению, поэтому я думаю, что это может быть из-за SEO. Сгенерированная внутренняя таблица стилей будет иметь максимальный размер около 15 КБ (до минимизации таблицы стилей).

Мне нужно ваше мнение об этом подходе и ваши мысли о влиянии длинной внутренней таблицы стилей на SEO.

Большое спасибо.

Answer 1

Не ответ на ваш вопрос (что достаточно интересно!), Но большинство ваших аргументов в пользу встроенного CSS неверны.Внешняя таблица стилей всегда является лучшим и быстрым решением.

• Первый пункт вы можете справиться, добавив номер версии имя файла таблицы стилей

• Третий пункт является спорным по той же причине

• Четвертый пункт на самом деле не имеет значениятаблица стилей кэшируется

• Пятая точка может быть отсортирована с помощью встроенного CSS только для свойств, которые необходимо динамически обновлять - обычно это небольшая часть всей базы кода CSS

• Шестое очко я не получаю.

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

Answer 2

Предполагая, что под "внутренней таблицей стилей" вы подразумеваете встроенный CSS, включенный с помощью тега <style>, я бы рекомендовал против этого. Если вы используете внешнюю таблицу стилей, посетители загружают ее один раз по первому запросу, а затем она кэшируется. Включая все ваши встроенные CSS, вы добавляете вес страницы к каждому отдельному запросу HTML.

Хотя может показаться более эффективным просто обслуживать CSS для текущей страницы или разбивать ваш CSS на множество различных стилевых таблиц; на практике обычно лучше иметь одну таблицу стилей. Обслуживание этого сжатого и с соответствующими заголовками expires почти всегда будет быстрее, чем альтернативы.

Что касается SEO, роботы игнорируют CSS, так что это никак не повлияет. Если у вас было так много CSS, что это существенно замедляло загрузку вашей страницы, теоретически у вас могут возникнуть проблемы, но вам может понадобиться бесчеловечное количество встроенного CSS, прежде чем это может даже стать проблемой.

Answer 3

Как и длинные блоки встроенного JavaScript, они игнорируются.

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

К сожалению, они не будут кэшироваться в браузере пользователя, как внешние CSS и JS, что замедляет загрузку каждой страницы. На самом деле более эффективно иметь большую внешнюю таблицу стилей, чем связанные с сервером «фрагменты CSS» на каждой странице.

Answer 4

Все указанные вами преимущества применимы. Поисковые системы не слишком заботятся о CSS и javascript (конечно, если ваша страница занимает слишком много времени, чтобы ее обернуть и отправить, это повлияет, но я не думаю, что это так).

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

Однако я вижу, что вы пытаетесь оптимизировать отправленный CSS. Это хорошо, но если говорить о 80 КБ для всех листов, я думаю, если вы не слишком усложняете правила.

Ну, как и в прошлом мнении, вы можете кэшировать много разных ответов и использовать «каноническую» вещь в заголовке страницы.

Answer 5

Насколько мне известно, ваш CSS-лист играет минимальную роль в SEO, и что более важно, это ваша HTML-разметка и исполнение.

Следуя порядку «

- » для тегов вашего заголовка, с добавлением тегов «p» вместо «» или аналогичных подходов, это повлияет на способность веб-сканеров распознавать и расставьте приоритеты содержания на вашей странице. Хотя вы можете использовать CSS, чтобы скрыть абзац, который требуется отображать только в поисковых системах и аналогичных методах, он не имеет большого значения по сравнению со структурой HTML.