Сжатие HTML и SEO?

На работе у нас есть специальный SEO-аналитик, чья работа заключается в том, чтобы проливать большое количество данных (KeyNote/Compete и т. Д.) И составлять модные отчеты для руководителей, чтобы они могли видеть, как мы действуем против наших конкурентов в рейтинге естественного поиска. Он также руководит инициативами по улучшению SEO-рейтинга на наших сайтах, оптимизируя их как можно лучше.

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

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

7 ответов

Я бы предложил использовать сжатие на транспортном уровне и исключить пробелы из HTML, но не жертвовать семантикой разметки в интересах скорости. Фактически, чем лучше вы "сжимаете" свою разметку, тем менее эффективным будет сжатие транспортного уровня. Или, проще говоря, пусть gzip-кодирование для переноса уменьшит ваш HTML-код и направит вашу энергию на написание чистой разметки, которая будет быстро отображаться при попадании в браузер.

Сжатие HTML не должно повредить вам.

Когда вы говорите HTML-компрессор, я предполагаю, что вы имеете в виду инструмент, который удаляет пробелы и т. Д. С ваших страниц, чтобы сделать их меньше, верно? Это не влияет на то, как сканер будет видеть ваш html, так как он, вероятно, отбирает те же вещи из HTML, когда захватывает страницу с вашего сайта. "Семантическая" структура HTML существует независимо от того, сжата она или нет.

Вы также можете посмотреть на:

  • Сжатие страниц с помощью сжатия GZIP на веб-сервере
  • Уменьшение размера изображений, CSS, JavaScript и т. Д.
  • Учитывая, как механизм верстки браузера загружает ваши страницы.

Под перемешанным HTML этот SEO-специалист, вероятно, подразумевает использование таблиц для разметки и перепланировки встроенных элементов HTML (например, <p class="headerOne">Header 1</р>). Это увеличивает отношение тегов HTML к содержанию страницы или плотность ключевых слов в терминах SEO. У него есть большие проблемы, хотя:

  • Более длительное время загрузки страницы из-за увеличения загружаемого контента, почему бы не использовать тег H1?
  • Для читателей экрана это трудно понять и влияет на доступность сайта.
  • Для отображения содержимого браузерам может потребоваться больше времени, в зависимости от того, как они анализируют и размечают страницы по стилям.

Используйте сжатие gzip для сжатия HTML на этапе транспорта, затем просто убедитесь, что код проверяется и что вы используете логические теги для всего.

Однажды я перестроил грязные таблицы для макета в xhtml 1.0 переходный, и размер изменился с 100 до 40 КБ. Количество загруженных изображений увеличилось с 200 до 50 КБ.

Причина, по которой я получил такую ​​большую экономию, заключалась в том, что на сайт были встроены все JS на каждой странице. Я также переустановил все JS, так что это было правильно для IE6 и FF2. Изображения также были скомпилированы в карту изображений. Все методы были хорошо документированы в A List Apart и просты в реализации.

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

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

Тем не менее, рекомендуется использовать теги заголовка. Теги

для заголовка страницы и

для основных заголовков, затем опускайте вниз для нижних заголовков.

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

Если это можно прочитать на стороне клиента без проблем, то это прекрасно. Если вы хотите посмотреть что-нибудь из этого, я рекомендую что-нибудь, ссылающееся на Мэтта Катта или из следующего поста.

FAQ: поисковая оптимизация

Сначала вы проверяете код. Код проверки стандартов W3C, таких как HTML & CSS

Использование сжатия не повредит рейтингу вашей страницы. Мэтт Каттс рассказывает об этом в своей статье о Crawl Caching Proxy

Время загрузки страницы также может быть значительно улучшено путем изменения размера изображений. Хотя вы можете использовать атрибуты высоты и ширины в теге img, это не меняет размер изображений, загружаемых в браузер. Изменение размера изображений перед их размещением на ваших страницах может сократить время загрузки на 50% и более, в зависимости от количества и типа изображений, которые вы используете.

Другие вещи, которые могут улучшить время загрузки вашей страницы:

  • Используйте веб-стандарты /CSS для разметки вместо таблиц
  • Если вы копируете / вставляете контент из MS Word, уберите лишние теги, которые генерирует Word
  • Поместите CSS и javascript во внешние файлы, а не встраивайте в страницу. Помогает, когда пользователи посещают более одной страницы на вашем сайте, потому что браузеры обычно кэшируют эти файлы

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

Другие вопросы по тегам