Процесс оптимизации неразрывно связан с работой над отдельными компонентами сайта.
Сайт — это наборов кодов, атрибутов, ссылок и контентной информации, которая воспроизводится специфическими программами (браузерами).
В процессе создания сайтов могут возникать ошибки html-кода, которые нарушают отображение сайтов и их индексацию.
В первую очередь молодой оптимизатор должен ознакомиться с принципами построения кода.
Общая структура кода
Как я же говорил, страница представляет собой набор различных тегов.
Выделяют три основных компонента html-кода:
1) верхний отдел (head);
2) тело (body);
3) нижний отдел (footer).
Код любой страницы начинается из тега <html> и заканчивается тегом </html>.
Между вышеописанными кодами располагается тело сайта и все его компоненты.
Атрибуты — это характеристики тегов. Например, <table width=100px>, который имеет атрибут «width».
Голова сайта
Верхний отдел сайта начинается тегом <head> и заканчивается тегом </head>.
Здесь расположен технический раздел, который скрыт от взора пользователя.
Ключевыми элементами верхней части сайта являются: теги title, meta-описание, ключевые слова, ссылки на таблицы стилей, скрипты и прочее.
Тело сайта
Это наиболее важный отдел сайта, который попадает в поле зрения пользователя. Здесь располагается наиболее важная информация.
В теле сайта содержится контентная часть, блоки и подвал.
Раздел начинается с открывающего тега <body> и заканчивается закрывающим </body>.
Большинство структурных элементов этого раздела представлены таблицами. По бокам от контентной части могут находиться отдельные блоки с информацией.
Нижняя часть сайта
Является отдельным компонентом тела сайта. Здесь располагается менее актуальная информация. Этот раздел не выделяется специфическими тегами.
Чаще всего тут находятся счётчики, баннеры и ссылки.
Оптимизация html-кода: общие понятия
Следует отметить, что большинство ошибок допускаются в связи с невнимательностью.
Перед началом работы оптимизатор должен провести анализ кода. Для этого существуют специальные сервисы.
Наиболее частые ошибки:
1. Незакрытые теги. Мы уже упоминали, что все теги должны закрываться в соответствии с правилами. Например, «<table> и </table>».
2. Ошибки при написании тегов. Например, <tale>, хотя правильный вариант <table>.
3. Ошибки атрибутов. Чаще всего возникают ошибки при формировании атрибутов. Например, <table style=»border-top: black 1px solid>. Здесь ошибка допущена в прописи скобок, которые отсутствуют в конце.
Также оптимизаторы упускают из виду посторонние ссылки, скрипты и теги. Не стоит перенасыщать страницу различными атрибутами, а лучше всего переносить стили в CSS.
Грамотная оптимизация кода позволяет улучшить индексацию сайта, поведенческую активность и ранжирование сайта.