Меню

Оптимизация HTML кода сайта — чистка, сжатие, исправление ошибок

Оптимизация HTML кода сайта онлайн 2018-2019-2020

Техническая оптимизация HTML кода сайта — это процесс коррекции HTML кода шаблона страниц сайта. Редактирование исходного кода сайта и корректировка его структуры. Субъективной целью которого, является значительное улучшение состава кода. Уменьшение объема,  улучшение валидности и скорости загрузки страницы в браузерах.

Достаточно большой объем страницы, может усложнить процесс ее сканирования поисковыми ботами. А также уменьшить скорость загрузки и отображения в браузерах. Все это пагубно скажется на общем состоянии сайта и ухудшит его качество. Таким образом направленное Seo продвижение будет в некой степени бессмысленным.

Техническая оптимизация HTML кода шаблона страниц сайта

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

Результатом оптимизации HTML кода сайта будет:

  1. Быстрая загрузка страниц сайта в браузерах.
  2. Быстрое сканирование контента сайта ботами поисковых систем.
  3. Чистый валидный код — качественный сайт.
  4. Более высокое ранжирование и видимость в выдаче поисковых систем Google и  Yandex.

Оптимизация объема исходного HTML кода сайта

Одним из самых важных действий, является уменьшение кода страницы. В исходном виде код выглядит как длинное полотно, которое очень долго прокручивается. Множество CSS стилей расположены в разных местах структуры. Присутствуют ненужные комментарии, знаки, пробелы и прочая ерундистика.

Для начала можно избавиться от ненужных комментариев — это лишний набор символов. Для браузера и поискового бота, комментарии не несут ни какой информации. Но удалив их, Вы значительно сократите вес страницы. Что в купе увеличит ее скорость.

Удаление ненужных знаков, повторяющихся пробелов и переносов строк. Позволит Вам, серьезно уменьшить итоговую структуру кода сайта. Таким образом вес страницы может сократиться в 1,5 — 2 раза. Благодаря сжатию пробелов и объединению переносов строк, структура кода станет значительно уплотненной.

Пример части оптимизированного года:

a:hover .wpfm-icon-block, .wpfm-template-1 .wpfm-position-bottom-right ul li a:hover .wpfm-icon-block, .wpfm-template-1 .wpfm-position-top-left ul li.wpfm- title-hidden a:hover.

Как видите в коде удалены все лишние знаки, пробелы и комментарии. Таким образом он растягивается как бы в одну сплошную строку. Благодаря такой структуре, вес страницы становиться намного меньше. А индексирование и загрузка сокращаются в несколько раз.

Оптимизация исходного HTML кода сайта 2018-2019

Удаление ненужных HTML тегов и стилевых файлов

Достаточно распространенной проблемой большого веса страницы могут быть, ненужные стилистические CSS файлы и неиспользуемые теги. Данные элементы также располагаются в основном коде шаблона страниц.
К примеру:
<b></b>,<div></div>, <p></p>, <span style=”левые стилистические файлы CSS”></span>.
Также это касается незакрытых тегов.
Эти теги не несут никакого определяющего смысла и занимают место. Стилевые файлы не несущие никакой роли в визуальном представлении сайта (ненужные или сломанные), также удаляются из конструкции кода.
Для ускорения загрузки страниц сайта:

  1. Необходимо вынести во внешние файлы стили CSS и скрипты JS;
  2. Оформить элементы дизайна сайта в спрайты, затем вынести их в стилевые таблицы;
  3. Код должен быть простым и читабельным.

Исправление ошибок в HTML коде сайта

Поисковые системы неохотно реагируют на сайты имеющие в коде ошибки. Хотя многие популярные траст-ресурсы, даже с такими ошибками четко закреплены в топ выдаче. Например главная страница поисковой системы Yandex проверена с помощью validator.w3.org.
Имеет следующий перечень ошибок валидности:

  1. Warning: Content-Security-Policy HTTP header
  2. Error: Attribute xmlns:og not allowed here.

    From line 1, column 131; to line 1, column 165

    lang="ru"><head xmlns:og="http://ogp.me/ns#"><meta

  3. Warning: Attribute with the local name xmlns:og is not serializable as XML 1.0.

    From line 1, column 131; to line 1, column 165

    lang="ru"><head xmlns:og="http://ogp.me/ns#"><meta

  4. Error: Bad value crossorigin for attribute crossorigin on element link.

    From line 1, column 1559; to line 1, column 169

Это минимальный набор ошибок, которые имеет главная страница поисковой системы Яндекс (всего их примерно 22-23). Валидность кода, имеет наиболее приоритетный характер в продвижении сайта. Исправив большую часть ошибок и предупреждений валидатора W3C, можно достичь хороших успехов в технической оптимизации сайта.

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

WordPress плагины для оптимизации HTML

Давайте кратко рассмотрим пару плагинов WordPress. Которые помогут Вам в чистке и сжатии кода HTML на CMS WordPress. Благодаря этим плагинам можно значительно увеличить скорость сайта, а также вычистить все лишнее из кода.

Плагин Autoptimize:

  1. Оптимизация HTML кода сайта.
  2. Оптимизация CSS и JS — можно объединять стили в один файл и размещать в футере сайта, как собственно и скрипты.
  3. Есть и  несколько дополнительных опций.

Autoptimize - плагин оптимизации html. js. css

Плагин Clearfy:

  1. Объединяет в себе функционал нескольких плагинов и состоит из модулей которые можно отключать.
  2. Значительно увеличивает скорость сайта.
  3. Отключает ненужные функции в WordPress.
  4. Имеет большой ассортимент инструментов для работы с  HTML кодом, CSS и JS файлами.

Плагин Clearfy оптимизация WordPress - 2018-2019-2020

Используя эти плагины вместе, достигается превосходная оптимизация сайта на WordPress. Обязательно воспользуйтесь ими, я уверен они будут вам очень полезны.

Спасибо, что читаешь Nicola Top

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

13 + 17 =