Чистка и оптимизация кода HTML

Fima Korolev

Чистка кода HTML

Основные методы чистки кода HTML

 

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

Валидность – это приведение кода страниц сайта к определенным стандартам качества, своего рода, набору требований к коду страницы.

Так как при создании сайтов, в большинстве случаев, мы прибегаем к использованию различных редакторов, возникает много разных, в большинстве своем ненужных параметров в коде страницы. Конечно же, на внутреннюю оптимизацию сайта чистка кода почти никакого влияния не имеет, но она незаменима для придания страницам сайта «удобочитаемого» вида для поисковых ботов, ну и естественно, она наилучшим образом влияет на скорость работы сайта и загрузки страниц. А скорость, в свою очередь, является одним из «поведенческих факторов», на которые, последнее время, стали обращать пристальное внимание поисковые системы. Чем медленней грузится ваш сайт, тем меньше вероятность того, что на нем задержится пользователь, соответственно «поведенческий фактор» хуже.

Ни для кого не секрет, что поисковые боты видят сайт по-другому, нежели обычный пользователь. Роботам поисковых систем не видны различные визуальные изыски на страницах сайтов. Они видят только набор символов – HTML код. Порядок прохождения по коду, сверху – вниз. Исходя из этого, все, что находится выше на сайте, считается наиболее важным. Как раз на этом самом верху сайта и располагается куча разного «кодового хлама», задерживающего роботов и тем самым, препятствующего продвижению сайта в ТОП. Чтобы избежать этого, существует масса рекомендуемых действий.

Вот основные рекомендации по чистке и оптимизации HTML кода сайта:

 

1. Мета-теги Keywords, Description и Title страницы
Это основные мета-теги страницы. Они должны находиться непосредственно под тегом <head>, но, к сожалению, использование бесплатных CMS приводит к появлению там всего, чего угодно, только не то, что нам нужно. По возможности, максимально вычищаем.

Рекомендую к прочтению:  Черное SEO: как убить сайт и попасть под санкции

2. Текст и картинки на странице размещайте как можно выше
С позиции поисковых ботов, при индексировании страниц сайта, особой разницы между блочной и табличной версткой не существует. Исходя из этого, блок содержащий текст вашей страницы, может находиться внизу кода, а визуально будет виден в начале страницы. Мы можем (не на всех CMS), без изменения «дизайна» страницы перенести кусок кода с текстом, из позиции, например, возле футера прямо под <head>. Этим нехитрым действием можно добиться повышения лояльности поисковых роботов к вашему сайту.

3. Подключение Java и CSS с помощью внешних файлов
Это является основным правилом в рекомендациях по чистке кода страниц. Если это правило не соблюдать, то основную часть HTML кода вашей страницы будут занимать java-скрипты и css-стили, что в значительной мере замедлит прохождение робота. Соответственно, что бы ускорить время загрузки страниц сайта, мы и создаем отдельные файлы (.js и .css). в которые прячем скрипты и стили.

4. Убираем из индексации ненужное содержимое
В коде страниц сайта существует ряд элементов, которые, по каким-либо причинам, удалить нельзя, но они абсолютно ни на что не влияют при ранжировании сайта, например строка поиска, панель авторизации на сайте, различные голосования и опросы. Закрываются такие вещи тегом <!–noindex–>. Поисковые боты такой код видят и читают, но не индексируют, что благотворно влияет на ранжирование сайта.

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

Рекомендую к прочтению:  Сравнение сервисов Wizard.Sape и SeoPult

-->

6 комментариев »

  1. Людмила:

    Очень хочется почистить. Мне кажется мой сайт притормаживает. Спасибо! Но вот если бы п3. и п4. поподробнее. Чайникам очень трудно без пошаговой инструкции.А чайников много. Может распишете?

    • Добрый день, Людмила! Попробую в ближайшее время расписать, работа есть, писать некогда…

  2. Валерия:

    Вот вы пишите, что нужно вычищать всё, что не нужно. А как понять, что это не нужно? Вдруг, удалю что-то важное…

    • Добрый день! Если вы чего-то не знаете, то не трогайте. Если очень хочется, то делаем бэкап, удаляем, смотрим, что получилось и в зависимости от полученного результата действуем дальше)) И помните – бэкапов мало не бывает )))

  3. Blogun:

    Очень грамотный, познавательный, а главное интересный и содержательный блог!

  4. Юлия:

    Очень важные советы. У меня несколько сайтов, но чисткой кода пока не занималась, хотя понимаю, что это необходимо.

Оставить комментарий

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

Что-то типа КАПЧИ :) *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">