Разметка Html для начинающих. Что такое тайтл, дескрипшн, кейвордс. Как выделять мета-теги и как они отображаются на странице.
От 28.03.2019
Внутренняя оптимизация сайта – это, в первую очередь, анализ кодов. Проверка структуры страниц невозможна без знания html-тегов и SEO-атрибутов. О них и пойдет речь ниже: как прописывать теги, для чего они нужны, как выглядят.
HTML – это язык программирования, на котором строятся гипертекстовые разметки. Прописывая символику в заданном порядке, оптимизатор получает визуальную «картинку» - раздел, товарный ряд, анкоры и прочее. Проверка кодов нужна как для удобства посетителей сайта, так и поисковиков. Давайте рассмотрим основные теги, из которых формируется страничный «каркас».
Тайтл – это название ссылки, которое отображается пользователю после введения запроса.
В тайтле используются основные ключевики контента. Если что-то из них не вошло в заголовок – остаток переносится в дескрипшн (его мы рассмотрим позже). Тег <title> - один из важнейших элементов в SEO-продвижении, так как от его составляющей зависит позиция сайта в выдаче.
Как выглядит тайтл в Html коде:
<title>Скачать альбом – Imagine Dragons: лучшее () – Music 7s</title>
Дескрипшн – это краткое изложение сути страницы под тайтлом. То есть, поисковик сортирует страницы в соответствии с заданной тематикой, а из описания человек понимает, подходит ему материал или нет.
Как уже было указано выше, в дескрипшене прописывается остаток ключевых слов (чтобы страница не потерялась среди миллиона похожих).
Как выглядит дескрипшн в коде:
<meta name="description" content="Метатег description">
Тег Robots нужен для корректной индексации страниц ресурса. Пользователю он не виден. Программируется следующим образом:
<meta name="robots" content="index, follow">
Если вы намерены ограничить доступ к какому-либо роботу, в атрибуте «name» введите наименование робота (к примеру «googlebot»).
Что отображает атрибут Content:
Тег Robots в программировании не является обязательным. Правда, если он отсутствует, страница по умолчанию открыта для индексирования.
Тег Charset нужен для того, чтобы указывать вид кодирования документа. Иными словами, атрибут помогает системе правильно отображать текстовый контент в браузере. Например, для виндовс значения на русском языке прописываются с оболочкой «utf-8» - эту комбинацию символов следует разместить во фронтальной части блока до начала текста (включая тайтл).
Как выглядит Charset в коде:
<meta charset="UTF-8">
Ключевики – это фразы и словосочетания, используемые чаще всего при вводе запроса. Поисковик ранжирует их по частоте, поэтому, посмотреть список слов по теме не составит трудности.
Тег Keywords содержит, как правило от 5 до 7 ключевиков, которые описывают контент «в двух словах». Несмотря на то, что сами словосочетания не особо влияют на позицию сайта в рейтинге, они помогают идентифицировать информацию.
Как выглядит Keywords на в коде:
<meta name="keywords" content="HTML,тег,атрибут,поисковая оптимизация,SEO">
Существуют еще теги «Н» с нумерацией – это заголовки самого текста (не путать с тайтлом!). Публикуя текст на сайте, позаботьтесь о его внешнем виде: абзацы, выноски, списки перечисления должны обрамляться html-разметкой по бокам. В случае с заголовком это «<h1>, <h2>…».
Этот тег информирует браузер о методах обработки страничных размеров. Это один из элементов адаптивного дизайна, который использует кодировку для коррекции экранного формата.
Выглядит код следующим образом:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
При отсутствии тега Viewpoint мобильные браузеры отображают сайт в реальном виде: без масштаба, с мелким шрифтом (что очень неудобно для пользователя).
Атрибут используется для устранения дубликатов. Благодаря ему поисковики видят одинаковые страницы, индексируют их, передают ссылочный вес и пр. Для указания канонической страницы в кодовой комбинации разместите тег «link» и добавьте к нему слово «canonical», а в «href» пропишите адрес.
Выглядеть это должно так:
<link rel="canonical" href="URL"/>
Причина дублирования страниц может скрываться в пагинации (разделении объемной информации на страницы). Как решается проблема: впишите тег «link» и рядом с ним добавьте «next», «prev». Эти атрибуты указывают на то, что страницы не являются копиями, а составляют одно целое.
Наглядный пример кода:
<link rel="next" href="https://site.com/page-2/"/> (там, где цифра «2», показатель может меняться в зависимости от количества созданных страниц).
Атрибут используется для указания альтернативных версий страниц (например, с другим языковым реестром или «подогнанных» под экран мобильных девайсов). С помощью Alternate поисковики «понимают», какие страницы отображать, а какие – нет.
Код выглядит так:
<link rel="alternate" hreflang="xx=YY" href="URL"/>
Кейсы
Стоимость работ
Ниже вы можете ознакомиться с тарифами по поисковое продвижение молодых сайтов, а также на остальные услуги нашего агентства.