Уроки SEO: основные компоненты html-кода и ключевые ошибки при оптимизации

computer-code

Процесс оптимизации неразрывно связан с работой над отдельными компонентами сайта.

Сайт – это наборов кодов, атрибутов, ссылок и контентной информации, которая воспроизводится специфическими программами (браузерами).

В процессе создания сайтов могут возникать ошибки 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.

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

Подпишитесь на рассылку

Чтобы быть в курсе обновлений блога, новостей по вордпресс и сайтостроительству

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

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

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Обо мне

Работаю с сайтами с 2010 года.
Более 500 выполненных проектов
Специализируюсь преимущественно на сайтах-визитках, блогах и небольших интернет магазинах.
Подробнее

Внимание! Получи бесплатно видеокурс!

Хостинг ХостиЯ


Меню