Обновлено: 14 мая 2024 года в 00:03 Москва
Поисковый робот производит сбор информации с миллионов сайтов ежедневно. И даже здесь оптимизатор может найти рычаги управления. Поисковые системы высказывают некоторые рекомендации по оптимизации, которые могут упростить задачу робота. Среди этих мероприятий ведущее значение принадлежит оптимизации html-кода.
Мероприятия, которые направлены на адаптацию кода страницы под требования поисковых систем, именуются оптимизацией html-кода.
Для начала стоит уяснить основные задачи и цели, которые преследует этот вид оптимизации. В первую очередь это улучшение внутренних характеристик сайта, которые могут повлиять на индексацию. Если робот будет регулярно заходить на сайт, анализируя его содержимое и при этом не будет встречать препятствий, то сайт будет находиться на приоритетных позициях в поисковой выдаче.
Другой момент, когда код сайта сложный, содержит ошибки, то робот будет посещать такие проекты в последнюю очередь. Также помимо ухудшения индексации, сайт может хуже ранжироваться. Поэтому для достижения максимального результата, внутренняя оптимизация предусматривает комплексный подход к работе над html-кодом.
5 важных правил оптимизации HTML-кода
1. Стилизация;
2. Удаление лишних тегов;
3. Устранение ошибок;
4. Структура кода;
5. Закрытие внешних ссылок.
Стилизация html-кода
После верстки или в процессе создания сайта, часто сталкиваешься с проблемой: таблицы переполнены стилями.
Это выглядит так:
<table style="width:10px;background-color: black;border:0">...</table>
В этом случае для очищения кода, необходимо перенести стили в cтилевые таблицы — CSS. Эти таблицы (точнее ссылка на файл css), как правило, находятся между тегами head. Стили, которые находятся в различных тегах сайта, необходимо конвертировать в классы.
Пример:
<table style="width:10px;border:1px"> ... </table>
Для перемещения в стилевые таблицы, копируем содержимое стиля в CSS, предавая ему класс с названием «newclass».
.newclass {width:10px; border:10px;}
В итоге, для переноса нового класса из CSS в таблицу:
<table class="newclass"> ....</table>
Таким образом, можно существенно сократить код, предавая различным таблицам необходимые классы и прочее.
Удаление тегов
Порой встречаются такие сайты, которые содержат теги, скопированные вторично, после установки дизайна.
Чаще всего негативное воздействие на сайт оказывают теги:
<iframe> <script>
,а также ссылки на сайты, которые несут вредоносные материалы. Также при адаптации html-кода, нужно соблюдать аккуратность, избегая создания большого количества таблиц и других ненужных элементов.
Устраняем ошибки html-кода
Не менее важное значение на ранжирование сайта оказывают ошибки кода. В процессе верстки, редактирования кода или правки стилей, часто забываешь закрыть таблицу, тег или стиль.
Фрагмент незакрытого кода:
<table></p>
Закрытие внешних ссылок:
Внешние ссылки — это процесс качественного взаимодействия между ресурсами. Вместе с комментариями пользователей, вследствие нелегальных действий или установки сторонних скриптов, Вы поневоле можете добавить внешние ссылки. Это особенно опасно, если сайт несет вредную информацию. Лучший способом устранения неполадки — удалить внешнюю ссылку. Другим вариантом является заключение ссылки в тег «noindex», а также прописать параметр «nofollow». Например:
<noindex><a rel="nofollow" href="ссылка"></noindex>
Структура html-кода
Очень действенный способ, который поможет быстро редактировать различные отделы сайта одномоментно. Этот способ предусматривает создания структуры по типу глобальных блоков. При этом код сайта разделяется на разделы: верхний, тело, боковые (1 и более), низ. Каждый раздел может редактироваться независимо от других.
К примеру, глобальный левый блок сайта будет именоваться:
"$GlOBAL_BLEFT$"
следовательно, этот блок можно встроить в корневую структуру кода, а также удалить точечно:
"$GLOBAL_BLEFT$"
Многократные тестирования показали, что в процессе оптимизации этих компонентов html-кода можно достичь стойкого прироста позиций и существенно улучшить индексацию сайта.
В статье приведены лишь основные примеры, для начала проверьте свой код с помощью онлайн анализаторов, которых очень много в сети Интернет.
Один из таких анализаторов — валидатор W3C, которым легко можно проверить сайт на ошибки HTML, однако не стоит очень сильно углубляться в исправление, достаточно свести ошибки к минимуму. Однако, для перфекционистов, данный сервис будет весьма полезен.
Отличный пост, спасибо за ваш обзор. Кстати это полезный опыт для многих, ну и готовый бизнес план.
Оптимизация кода HTML первое что нужно сделать для продвижения сайта.
Спасибо за полезную информацию, некоторые моменты не знал, буду теперь применят на практике.