Seo-online
# # #
Как делать html-разметку SEO

HTML-теги и атрибуты для СЕО

Разметка Html для начинающих. Что такое тайтл, дескрипшн, кейвордс. Как выделять мета-теги и как они отображаются на странице.

От 28.03.2019

Внутренняя оптимизация сайта – это, в первую очередь, анализ кодов. Проверка структуры страниц невозможна без знания html-тегов и SEO-атрибутов. О них и пойдет речь ниже: как прописывать теги, для чего они нужны, как выглядят.

Кратко об основных SEO тегах и атрибутах в HTML

HTML – это язык программирования, на котором строятся гипертекстовые разметки. Прописывая символику в заданном порядке, оптимизатор получает визуальную «картинку» - раздел, товарный ряд, анкоры и прочее. Проверка кодов нужна как для удобства посетителей сайта, так и поисковиков. Давайте рассмотрим основные теги, из которых формируется страничный «каркас».

Title

Тайтл – это название ссылки, которое отображается пользователю после введения запроса.

Как выглядит title

В тайтле используются основные ключевики контента. Если что-то из них не вошло в заголовок – остаток переносится в дескрипшн (его мы рассмотрим позже). Тег <title> - один из важнейших элементов в SEO-продвижении, так как от его составляющей зависит позиция сайта в выдаче.

Как выглядит тайтл в Html коде:

<title>Скачать альбом – Imagine Dragons: лучшее () – Music 7s</title>

Description

Дескрипшн – это краткое изложение сути страницы под тайтлом. То есть, поисковик сортирует страницы в соответствии с заданной тематикой, а из описания человек понимает, подходит ему материал или нет.

Как выглядит Description

Как уже было указано выше, в дескрипшене прописывается остаток ключевых слов (чтобы страница не потерялась среди миллиона похожих).

Как выглядит дескрипшн в коде:

<meta name="description" content="Метатег description">

Robots

Тег Robots нужен для корректной индексации страниц ресурса. Пользователю он не виден. Программируется следующим образом:

<meta name="robots" content="index, follow">

Если вы намерены ограничить доступ к какому-либо роботу, в атрибуте «name» введите наименование робота (к примеру «googlebot»).

Что отображает атрибут Content:

  • количество страниц, доступных для индексирования;
  • ограничения на управления страницами;
  • ограничения/разрешение на передачу ссылочной массы.

Тег Robots в программировании не является обязательным. Правда, если он отсутствует, страница по умолчанию открыта для индексирования.

Charset

Тег Charset нужен для того, чтобы указывать вид кодирования документа. Иными словами, атрибут помогает системе правильно отображать текстовый контент в браузере. Например, для виндовс значения на русском языке прописываются с оболочкой «utf-8» - эту комбинацию символов следует разместить во фронтальной части блока до начала текста (включая тайтл).

Как выглядит Charset в коде:

<meta charset="UTF-8">

Ключевые слова

Ключевики – это фразы и словосочетания, используемые чаще всего при вводе запроса. Поисковик ранжирует их по частоте, поэтому, посмотреть список слов по теме не составит трудности.

Тег Keywords содержит, как правило от 5 до 7 ключевиков, которые описывают контент «в двух словах». Несмотря на то, что сами словосочетания не особо влияют на позицию сайта в рейтинге, они помогают идентифицировать информацию.

Как выглядит Keywords на в коде:

<meta name="keywords" content="HTML,тег,атрибут,поисковая оптимизация,SEO">

H

Существуют еще теги «Н» с нумерацией – это заголовки самого текста (не путать с тайтлом!). Публикуя текст на сайте, позаботьтесь о его внешнем виде: абзацы, выноски, списки перечисления должны обрамляться html-разметкой по бокам. В случае с заголовком это «<h1>, <h2>…».

Viewpoint

Этот тег информирует браузер о методах обработки страничных размеров. Это один из элементов адаптивного дизайна, который использует кодировку для коррекции экранного формата.

Выглядит код следующим образом:

<meta name="viewport" content="width=device-width,initial-scale=1.0">

При отсутствии тега Viewpoint мобильные браузеры отображают сайт в реальном виде: без масштаба, с мелким шрифтом (что очень неудобно для пользователя).

Canonical

Атрибут используется для устранения дубликатов. Благодаря ему поисковики видят одинаковые страницы, индексируют их, передают ссылочный вес и пр. Для указания канонической страницы в кодовой комбинации разместите тег «link» и добавьте к нему слово «canonical», а в «href» пропишите адрес.

Выглядеть это должно так:

<link rel="canonical" href="URL"/>

Next/Prev

Причина дублирования страниц может скрываться в пагинации (разделении объемной информации на страницы). Как решается проблема: впишите тег «link» и рядом с ним добавьте «next», «prev». Эти атрибуты указывают на то, что страницы не являются копиями, а составляют одно целое.

Наглядный пример кода:

<link rel="next" href="https://site.com/page-2/"/> (там, где цифра «2», показатель может меняться в зависимости от количества созданных страниц).

Alternate

Атрибут используется для указания альтернативных версий страниц (например, с другим языковым реестром или «подогнанных» под экран мобильных девайсов). С помощью Alternate поисковики «понимают», какие страницы отображать, а какие – нет.

Код выглядит так:

<link rel="alternate" hreflang="xx=YY" href="URL"/>

Кейсы

Оставьте заявку

Имя

Телефон

E-mail

Адрес вашего сайта

Ваш комментарий

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

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Агентство SEO продвижения сайтов
ул. Каховка дом 24
Москва, Москва, 117461 Россия
+7 (499) 288-71-53
Продвижение сайтов