HTML теги и атрибуты для поисковиков (SEO)


Ниже будут представлены основные HTML теги и атрибуты для поисковой оптимизации вашего сайта. Данные теги и атрибуты являются обязательными для заполнения в SEO продвижении. Их можно прописать и через программу WYSIWYG Web Builder.
HTML теги и атрибуты:
<title> -/- <description> -/- <keywords> -/- <h1 h2 h3> -/- <strong> -/- <alt>
 

Тег Title (заголовка веб-страницы)


Тег <title> - это заголовок (название) для вашей веб-страницы, который отображается в поисковой выдаче. Данный тег располагается в верхней части исходного кода страницы между тегами <head> и </head>, пример:
<head>
<title>Заголовок (название) вашей страницы</title>
</head>
Правильный заголовок должен быть кратким и описывать содержание веб-страницы, а также содержать в себе ключевые слова.
Рекомендуемая длина - до 65 символов (при необходимости можно и больше).
Заголовок для каждой страницы сайта должен быть уникальным (не повторяться).
 

Мета-тег Description (описание веб-страницы)


Мета-тег description - это описание веб-страницы, которое отображается в поисковой выдаче под заголовком. Данный мета-тег располагается после тега - </title> - в верхней части исходного кода страницы, пример:
<head>
<title>
Заголовок (название) вашей страницы</title>
<meta name="description" content="Описание вашей страницы">
</head>
Description должен быть кратким и описывать содержание страницы, услуги, товара и т.п., а также содержать в себе ключевые слова.
Рекомендуемая длина - не менее 80 символов и не более 160/180 символов.
Описание для каждой страницы сайта должно быть уникальным (не повторяться).
 

Мета-тег Keywords (ключевые слова)


Мета-тег keywords - это ключевая фраза или ключевое слово под поисковые запросы для веб-страницы. Данный мета-тег располагается после тега - "description" - в верхней части исходного кода страницы. Разделяйте ключевики между собой запятыми, пример:
<head>
<title>
Заголовок вашей страницы</title>
<meta name="description" content="
Описание страницы">
<meta name="keywords" content="Ключевая фраза, ключевое слово">
</head>
Не используйте мета-тег keywords, если у вас нет опыта в seo. На сегодняшний день этот тег не является обязательным для заполнения.
При неправильном использовании данного мета-тега можно получить санкции от поисковых систем. Ключевые фразы и слова  должны обязательно присутствовать в тексте на веб-странице, если Вы прописали их в теге keywords.
Рекомендуется прописывать одну ключевую фразу (слово) для одной страницы.
Ключевики на каждой страницы вашего веб-сайта должны быть уникальными.
 

Тег H1, H2, H3 (заголовки и подзаголовки)


Теги H1, H2, H3, ...  H6 - это заголовки для построения иерархии на веб-страницы. Тег H1 используется в качестве главного заголовка статьи на страницы. Тег H2 менее значимый заголовок, рекомендуется прописывать его ниже тега h1. Тег H3 используется как подзаголовок в теле статьи после тега h2.
Один пример построения иерархии:
<h1>Главный заголовок статьи</h1>
              
<h2>Заголовок раздела статьи</h2>
                     
<h3>Подраздел статьи</h3>
                                       ...<текст>...
                      
<h3>Подраздел статьи</h3>
                                       ...<текст>....
Обязательно учитывайте размер шрифта, чем значимей уровень заголовка - тем больше должен быть шрифт. У заголовка h1 должен быть самый большой шрифт.
Текст заголовка H1 не должен совпадать с тегом Title в исходном коде страницы.
 

Тег Strong (жирный шрифт)


Тег <strong> отмечает особую важность текста, браузеры отображают текст с таким тегом жирным шрифтом. Используйте данный тег только для выделения самых важных фраз или слов, в тексте статьи, пример:
В примере вместо strong используется CSS свойство font-weight: bold;
<p>обычный текст <strong>жирный </strong> обычный текст</p>
Чрезмерное использование тегов: <strong>, <b>, <h1 - h6>, <em>, <u>, <i>, может негативно повлиять в выдаче вашего сайта, в поисковых системах.
Если по дизайну веб-страницы Вам необходимо добавить тексту жирности, тогда вместо тегов <b> и <strong> используйте CSS свойство font-weight.
Тег <strong> рекомендуется использовать не больше 1-го раза на странице.
 

Атрибуты Alt и Title для изображения


Атрибут alt - является обязательным для заполнения. Данный атрибут предназначен для описания изображения, которое в свою очередь помогает поисковым системам понять о содержании обнаруженного ими изображения.
Пример в исходном коде веб-страницы:
<img src="images/photo.jpg" alt="описание изображения">
В атрибуте alt можно прописать ключевые слова (фразы), но только те, которые реально относятся к данному изображению.
В название файла изображения желательно тоже описать само изображение.
Атрибут title - не является обязательным для заполнения. Данный атрибут предназначен для отображения дополнительной информации (подсказки) пользователю при наведении курсора, на это изображение.
Пример в исходном коде веб-страницы:
<img src="images/photo.jpg" title="информация для отображения">
Хотя атрибут Title не является обязательным для заполнения, но в некоторых случаях его лучше заполнить. Например ваше изображение имеет свойство увеличиваться при клике на него, тогда желательно проинформировать об этом пользователя, прописав в данном атрибуте фразу "нажмите для увеличения".