Как улучшить SEO сайта, используя html теги
Использование тегов в SEO сайта
Создание мета тегов description и других тегов для SEO (search engine optimization – англ., Поисковая оптимизация – рус.) само по себе не гарантирует высоких позиций в поиске, но использовать их нужно, так как косвенно они способствуют бесплатному продвижению Web-продуктов.
Мета тег Description
<meta name=’description’ content=’text’/>
Показывается потенциальному посетителю в поисковой выдаче.
Должен:
- быть понятен пользователю
- включать от 100 до 140 символов (вместе с пробелами)
- находиться в разделе <head>
- показывать информацию, которая заинтересует посетителя сайта
- описывать то, что находится на этой странице
- включать среднечастотную ключевую фразу
- состоять из нормальных предложений со знаками препинания
- заканчиваться точкой или восклицательным знаком
- отличаться от других тегов и страниц сайта
Мета тег Title
<title>Text</title>
В основном нужен для поисковиков.
Должен:
- включать ~ 50 символов (вместе с пробелами)
- находиться в разделе <head>
- заголовок предназначен для поисковых систем
- включать один среднечастотный запрос в начале предложения
- состоять из нормального предложения без знаков препинания
- отличаться от других тегов и страниц сайта
- отражать реальное содержимое страницы
Мета тег Keywords
<meta name=’keywords’ content=’text1,text2’/>
Нужен только для поисковиков.
Должен:
- состоять из менее, чем 10 высокочастотных слов, которые также есть в тексте страницы
- находиться в разделе <head>
- из знаков препинания разрешены только запятые
Мета тег Charset
<meta charset=’text/html;utf-8’/>
Нужен только для браузера.
Должен:
- находиться в разделе <head>
- указывает кодировку текста
- обычно содержит только charset=”text/html;utf-8″
Мета тег Http-equiv
<meta http-equiv=’content-language’ content=’ru’/>
Нужен только для поисковика.
Должен:
- находиться в разделе <head>
- указывает язык текста
- обычно содержит только http-equiv=”content-language” content=”ru”
Мета тег Robots
<meta name=’robots’ content=’all’/>
Нужен только для поисковика.
Должен:
- находиться в разделе <head>
- управляет индексацией данной страницы
- если страницу нужно индексировать, указывается name=”robots” content=”all”
Мета тег Document-state
<meta name=’document-state’ content=”Dynamic”/>
Нужен только для поисковика.
Должен:
- находиться в разделе <head>
- указывает как часто страница должна индексироваться
- обычно содержит только name=”document-state” content=”Dynamic”
Мета тег Viewport
<meta name=’viewport’ content=’width=device-width, initial-scale=1, shrink-to-fit=no’/>
Нужен для адаптивной верстки, в случае отсутствия, на мобильных устройствах будет выводиться сайт в полном размере, как на стационарном дисплее.
Должен:
- находиться в разделе <head>
- обычно содержит только name=name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”
Теги H1,H2,H3,H4,H5,H6
<h1>text</h1>
Определяют структуру страницы сайта.
Используются на странице:
- H1 – только один раз
- H2,H3 и другие – несколько раз
- <H2> и следующие можно заменить на <div>
- Внутри тегов <H1-H6> не должно быть других тегов
- Обязателен порядок H1->H2->H3 и т.д.
Заголовки должны:
- включать до 6 слов
- находиться в разделе <body>
- показывать корректную информацию для посетителя
- включать низкочастотную ключевую фразу в начале текста
- не заканчиваться точкой или восклицательным знаком
- отличаться от других тегов и страниц сайта
- состоять из нормального предложения без знаков препинания
Картинки на сайте в тегах IMG
После размещения картинки на сайте следует проверить и при необходимости исправить:
- имена графических файлов должны быть понятными, например image.jpg вместо qwert123.jpg
- раздел alt=”” должен быть не пустым, а содержать хорошо читаемую информацию об изображении, например это изображение …(и описание чего)
- добавить раздел title, которые показывает текст при наведении курсора
- размер памяти, занимаемый картинкой должен быть как можно меньше для быстрой загрузки сайта
- вид картинки для различных устройств должен быть адекватным
- в разделах width и height желательно прописывать размеры рисунка
- При использовании совместно WordPress и Bootstrap можно использовать такие размеры и классы рисунков в тексте:
width=”450″ height=”272″ class=”alignnone size-medium rounded mx-auto d-block”