Игорь Митюшев
Правильное использование тегов и мета-тегов на веб-страницах
Содержание
• SEO-‐теги • <+tle> • <descrip+on> • <h1> • <keywords> • Полезная информация.
SEO-теги
• HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-‐страниц содержат описание разметки на языке HTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.
• Теги это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-‐сайт.
• Помимо тегов, необходимых для разметки страницы, существуют также, так называемые SEO-‐теги, без которых оптимизация сайта была бы неполной. Они особенно важны для поисковых роботов.
SEO-теги
<+tle>Название страницы</+tle> <descrip+on>Описание страницы</descrip+on> <meta name="Keywords" content=Ключевые слова"> <h1>Заголовок</h1>
Пример SEO-тегов в действии:
<head> <+tle>Раскрутка сайта, продвижение сайтов: Netpeak — интернет-‐маркетинг для бизнеса</+tle> <meta name="keywords" content="Netpeak, Нетпик, раскрутка сайта, продвижение сайтов, интернет-‐маркетинг, интернет-‐маркетинг для бизнеса" /> <meta name="descrip+on" content="Netpeak — интернет-‐маркетинг для бизнеса: 8 лет опыта, 1086 довольных клиентов, таких как TripAdvisor, Slando, ŠKODA, Kärcher. Мы лучшие." /> </head> <h1>Интернет-‐маркетинг</h1>
SEO-теги
• До сих пор между оптимизаторами нету однозначного мнения по поводу того, в какой степени теги и мета-‐теги влияют на оптимизацию.
• Теги и мета-‐теги – точно не волшебная палочка, с которой вы
гарантировано попадёте в ТОП Google, Яндекса, или другого поисковика.
• Но! Теги и мета-‐теги помогают поисковым системам и
пользователям понять, о чём ваш сайт. Если SEO-‐теги используются неправильно – результат будет плачевным.
Важность SEO-тегов отражает гайд по оптимизации от Google
<title>Самый важный SEO-тег</title>
• Тег <+tle> является самой важной частью страницы любого сайта, поэтому стоит уделить большое внимание тому, как вы его составляете.
• Тег <+tle> обычно выводятся в результатах поисковой выдачи, как название страницы.
• Основная задача: наиболее точно и ёмко описать содержание веб-‐
страницы поэтому <+tle> важен как для поисковых систем, так и для пользователей.
<title>Оптимальное использование</title>
Пример оптимального формата: Ключевое слово 1 -‐ Ключевое слово 2 | Бренд Оптимальная длина для поисковиков: • Google обычно отображает 50-‐60 символов тега +tle, либо столько
символов, сколько поместятся в 512-‐пиксельный дисплей. • В Яндексе отображается не более 15-‐ти слов в +tle. • Знайте, что поисковые системы могут отобразить иной +tle, чем тот,
который вы указали.
<title>Пример корректного title</title>
<+tle>Comic Books: Buy, Sell, Trade, Consign, Collect | mycomicshop.com</+tle>
<meta name="description" content=”Описание для сниппета">
• Meta descrip+on это мет-‐тег, который предоставляет описание контента вашей страницы.
• Meta descrip+on обычно используются на по странице поисковой выдачи для отображения сниппетов вашей страницы.
• Meta descrip+on не играет особой роли в ранжировании вашего сайта, но особо важен для повышения кликабельности вашей странице в выдаче поисковых систем
• Эти маленькие абзацы текста – ваша возможность заинтересовать контентом потенциальных посетителей и дать им понять, есть ли на странице информация, которую они ищут.
<meta name="description" content=”Рекомендации">
Пишите рекламный текст: • Meta descrip+on выполняет функцию рекламного описания,
привлекает пользователей к сайту из выдачи поисковых систем, и поэтому особенно важен для оптимизации.
• Написание читабельного, убедительного описания, с учётом ключевых слов повысит кликабельность вашей страницы.
• Важно заметить, что Google и другие поисковые системы выделяют жирным ключевые слова в сниппете, когда они соответствуют запросу пользователей.
Рекомендованная длина • Meta descrip+ons может быть любой длины, но поисковые системы
обрезают сниппеты длиннее 160 символов.
<meta name="description" content=”Нет дублированию!">
Избегайте дублирования: • Как и с <+tle>, важно чтобы meta descrip+ons на каждой странице
был уникальным.
• Чем уникальнее контент, и теги, описывающие его – тем лучше это будет воспринято поисковыми роботами.
<meta name="description" content=”Пример хорошего description">
<h1>Используем заголовок для SEO</h1>
• Заголовки — это опора всей структуры веб-‐страницы. А <h1> -‐ наиболее важный из них.
• Поисковые системы используют <h1> чтобы понять, о чём идёт речь на странице.
• Если слова, которые ищут упоминаются в заголовке, то это повышает шансы на более высокое место в поисковой выдаче для вашей страницы.
• Не стоит спамить ключевиками в <h1> или вставлять целые абзацы
текстов.
• Тег заголовка нужен для того чтобы облегчить восприятие страницы как пользователям, так и поисковым системам.
<h1>Пример хорошего заголовка H1</h1>
<h1>Comic Books: Buy, Sell, Trade, Consign, Collect</h1>
<meta name="Keywords" content=Ключевые слова">
• Этот метатег был предназначен для описания ключевых слов, встречающихся на странице.
• Но в результате действия людей, желающих попасть в верхние строчки поисковых систем любыми средствами, теперь дискредитирован.
• Сейчас некоторые поисковики пропускают этот параметр.
Ma� Cu�s, эксперт по качеству поиска, подтвердил, что при ранжировании сайтов Google не учитывает meta keywords. Yandex: <meta name="Keywords" content="..."/> — может учитываться при определении соответствия страницы поисковым запросам.
Полезная информация:
• Руководства по оптимизации от Google и Яндекс. • h�p://devaka.ru/ • h�p://alaev.info/
Игорь Митюшев Jr. SEO Specialist
Спасибо за внимание!
World Россия Қазақстан Україна netpeak.net netpeak.ru netpeak.kz netpeak.ua