Что такое мета теги и как их правильно заполнять ᐉ Веб-студия Brainlab
Содержание :
- Что такое мета теги
- Зачем прописывать мета-теги Title и Description
- Правила заполнения тега Title
- Где отображается и как выглядит
- Требования к написанию мета-тегов title
- Правила заполнения тега Description
- Где отображается и как выглядит
- Требования к написанию мета тега description
- Правила заполнения тегов заголовков h2 – H6
- Как просмотреть мета-теги
- Инструменты для создания мета-тегов
- Использование формул Excel для создания мета-тегов
- Где брать ключевые слова и фразы для заполнения мета-тегов?
- Влияют ли мета-теги на продвижение в поисковых системах?
- Распространенные ошибки при заполнении тегов
Если вы хоть что-то знаете о SEO, то что такое мета теги вы и так знаете. Если же вы в этом вопросе плаваете, то тогда стоит уделить время для изучения данного вопроса. В нашей статье мы как раз и расскажем, что такое мета-теги, как их правильно заполнять и зачем они вашему сайту.
Что такое мета теги
Начнем с теории. Мета теги — это специальные теги html, которые находятся в контейнере <head>. Они предназначены для того, чтобы передавать поисковым роботом информацию о вашем сайте. Для понимания: при обходе вашего ресурса поисковики собирают заголовки страниц, описание, ключевые слова и прочее. Meta Tags необходимы для того, чтобы улучшить позиции своего сайта. Очевидно, что для СЕО мета теги играют важную роль. На сайте вы их не увидите, только в HTML-коде.
Существует несколько важных мета-тегов, которые необходимо заполнить в любом случае:
- Title — заголовки страниц.
- Description — небольшое описание страницы.
- Keywords — ключевые слова.
- Технические мета теги, которые отвечают за корректность отображения страницы.
Но важно помнить, что существуют определенные правила заполнения этих тегов.
Зачем прописывать мета-теги Title и Description
Рассмотрим, зачем прописывать Тайтл и Дескрипшн:
- Для того чтобы сформулировать, чему посвящена страница сайта, подчеркнуть преимущества, отображать кликабельный заголовок.
- Если система самостоятельно будет формировать сниппет (описание), то наверняка текст будет далеко не тот, что нужен вашему сайту.
- Прописав, мета теги по всем правилам, ваш ресурс будет отображаться в поисковике по релевантному запросу.
- Мета-теги должны быть уникальными, и каждая страница должна иметь свой дескрипшн и тайтл. Дубли в этом деле не приветствуются.
- Чтобы заполнить meta tags правильно, сперва необходимо собрать семантическое ядро.
- Дескрипшн и тайтл должны соответствовать содержимому конкретной страницы, а не ее семантике.
Правила заполнения тега Title
По названию уже понятно, что Тайтл — это заголовок страницы в браузере. Он отображается в поисковой выдаче. Именно он считается основным показателем определения релевантности страницы к поисковому запросу. Все кажется слишком просто. Написал название страницы и все. Но на самом деле это далеко не так. Существуют правила и нормы заполнения этого тега.
Где отображается и как выглядит
Здесь мы много говорить не будем. Тайтл отображается как заголовок найденной страницы в поисковой выдаче. То есть мы видим его в текстовом формате в браузере.
Требования к написанию мета-тегов title
Первое и самое важное — наличие Тайтл. Без него все ваши шаги в области СЕО бесполезны. Дальше дадим несколько важных советов:
- размер заголовка должен быть 70-80 знаков;
- название сайта в нем не обязательно, так как поисковики самостоятельно учитывают название домена;
- тайтл должен содержать ключевые запросы, которые имеют прямое отношение к содержанию страницы;
- название компании можно употребить в конце тайтл;
- мета тег должен отличаться от Н1;
- запросы высокочастотные лучше прописывать вначале Тайтл.
Для примера:
Неправильный вариант: Ноутбуки. Цена в г. Киев. Купить ноутбук в г. Киев.
Правильный вариант: Купить ноутбуки в г. Киев по низким ценам | Технополис
Правила заполнения тега Description
Description — это мета-тег, который очень кратко, описывает содержимое страницы. Поисковая система берет информацию из этого тега и формирует сниппет, который мы видим в результатах выдачи. Он тоже должен соответствовать некоторым требованиям.
Где отображается и как выглядит
Дескрипшн отображается в поисковой выдаче в роли краткого описания, найденной пользователем страницы.
Требования к написанию мета тега description
Правила корректного заполнения дескрипшн:
- длина мета-тега должна быть 70-155 знаков;
- не должен дублировать Тайтл;
- должен содержать призыв к действию;
- дискрипшн ни в коем случае не должен дублировать содержимое страницы;
- начинаться описание должно с ключевого слова;
- допускается использование специальных символов.
Правила заполнения тегов заголовков h2 – H6
Заголовки — это краткое описание того, что будет на странице. Самым значимым для СЕО является h2. Здесь тоже есть особенности и правила:
- h2 должен быть прописан на каждой страницы максимум один раз;
- заголовки должны быть уникальными в рамках сайта;
- в Н1 можно использовать и поисковый запрос (в соответствии карточки или раздела)
- длина заголовка не должна превышать 7-8 слов.
Говоря о других заголовках, то в принципе ничего сложно в их формировании нет. Просто запомните следующее:
- Н2-Н6 можно употреблять несколько раз на одной странице;
- любой заголовок должен соответствовать информации на странице;
- формируя текст, необходимо придерживаться иерархии заголовков. То есть если у вас есть заголовок Н2, то после него ставят либо Н3, либо Н2, но никак не Н4.
Как просмотреть мета-теги
Если возникла необходимость просмотреть существующие мета-теги своего сайта или изучить эту информацию у конкурентов, то можно воспользоваться двумя способами.
Горячие клавиши | Специальные приложения |
Для Chrome: Ctrl+U (Windows) или command+option+U (Mac).Для Firefox: Ctrl+U (Windows) или command+U (Mac).Также можно проделать следующее: правой кнопкой мышки (на любой странице браузера) выбрать “просмотреть код страницы” или “исходный код страницы”. Нужная вам информация будет в разделе HEAD | Существуют специальные расширения (плагины), которые устанавливают на браузер. Например, на Хром можно установить Meta SEO Inspector. Его просто нужно скачать, установить и пользоваться. Вы просто нажимаете на иконку плагина и получаете всю доступную информацию. Для Файерфокс есть плагин RDS Bar. В принципе это не все варианты, подбирайте под себя |
Инструменты для создания мета-тегов
Чтобы упростить процесс создания мета-тегов можно использовать классические таблички Excel или Google. В них можно выгружать сразу необходимое количество данных страниц. В таблицах можно проводить различные манипуляции. Например, проверять орфографию и наличие двойных пробелов, осуществлять поиск дубликатов и прочее.
Также можно использовать такие инструменты как комбинаторы ключевых слов. Они создают комбинации словосочетаний из собранного семантического ядра.
Использование формул Excel для создания мета-тегов
Не зря говорят, что лень — двигатель прогресса. В деле с мета-тегами это тоже актуально. Используя любимый нами Excel (это не реклама софта), можно формировать правильные мета-теги.
Существующие формулы и их особенности:
- ДЛСТР (LEN). Данная формула позволяет отследить количество символов. Это необходимо для того, чтобы не превысить оптимальную длину.
- СЖПРОБЕЛЫ (ТRIM). Данная функция позволяет удалить дубли ячеек.
Где брать ключевые слова и фразы для заполнения мета-тегов?
Если с Тайтл и Дескрипшн все понятно, осталось дело за малым — подобрать ключевые слова. С головы их брать не нужно и придумывать просто так, за чашечкой кофе, тоже не вариант. Для этого существуют специальные сервисы:
- Yandex Wordstat — сервис от поисковой системы Яндекс. Преимущество в том, что он бесплатный.
- Google AdWords — аналогичный сервис от Google.
- Key Collector — программа для сбора ключей из открытых источников.
- Serpstat — мощный сервис для подбора ключей, который собирает данные с Яндекса и Гугла.
Влияют ли мета-теги на продвижение в поисковых системах?
Мы уже отметили, что для SEO заполнение мета-тегов играет важную роль, ведь они учитываются при ранжировании страниц. Важно не только их количество, но и грамотность заполнения. Собственно говоря, поэтому мы и рассказали, как правильно их заполнять. Если вы пропишите мета-теги так как нужно, то вы увеличите шансы сайта попасть в топ выдачи. Но стоит помнить, что продвижение сайта — это комплексный подход и результат будет лишь тогда, когда вы проработаете контент в соответствии с семантическим ядром, создадите грамотную структуру сайта. Зайдя на ресурс, пользователь должен получить ответ на свой вопрос.
Распространенные ошибки при заполнении тегов
Даже зная, что мета-теги необходимы, многие специалисты совершают ошибки при их заполнении. Рассмотрим самые распространенные:
- Короткий тайтл, который не раскрывает тему страницы.
- Слишком большой мета тег.
- Использование в тайтл и дескрипшн водных конструкций.
- Переспам ключевыми словами.
- Не использование ключевых запросов.
- Тайтл и дескрипшн не уникальны. (например, украдены с другого сайта).
Как заполнять мета-теги тайтл и дескрипшн: новые рекомендации Google
В тайтлах больше не работает шаблонное заполнение информации, а дескрипшны могут автоматически собираться из ключевых элементов продукта или услуги.
Новое в работе с Title
Тег Title отражает заголовок страницы, который будет содержать выдача по ключевому запросу – кроме собственно текста он также представляет собой кликабельную ссылку на сайт. Google уже давно имеет возможность автоматически формировать заголовок, но позволяет вебмастеру влиять на это, для чего и был создан документ по настройке title.
Если вы уже сталкивались с алгоритмом формирования этого тега, то документ вряд ли скажет вам что-то кардинально новое, однако пара оригинальных обновлений в нем присутствует. Кроме того, инструкция консолидирует информацию по настройке заголовков для выдачи: все правила качественного Title теперь собраны в одном месте.
Для начала о нововведениях:
- Больше не работает шаблонное заполнение заголовков. Если используется инструмент автоматизации заполнения <title> шаблонной информацией («Садовый инвентарь – доставка», «Садовый инвентарь – о компании» и т. п.), то с обновлением алгоритма Google его работа может быть проигнорирована.
- Наименование бренда теперь стоит выделять двоеточием, дефисом или вертикальной чертой, запятые для этой цели не подходят. Система может изменить заголовок, убрав из него бренд, поскольку посчитает его избыточным словом текста.
Теперь подробнее о рекомендациях Google относительно заголовков – они остались прежними:
- Каждая страница сайта должна иметь заголовок, обозначенный в теге <title>.
- Заголовок должен быть емким, но кратким, избегающим формальных выражений – «Домашняя страница», «Профиль» и т. п. Краткость не обязательна, но важна: в случае излишне длинного текста в Title он может быть обрезан в выдаче.
- Не должно быть спама ключевыми словами в заголовке. По сути, каждая качественная страница подчиняется одной ключевой фразе, которую можно и нужно использовать в Title, но не более того.
- С автоматизацией заполнения заголовков нужно быть аккуратнее: допускается проставление бренда (см. далее), но создание тайтлов под копирку лучше не практиковать.
- Брендирование в заголовке должно быть более лаконичным. Т. е. один раз используется выделенный специальными символами бренд, сопровождаемый уникальной информацией по каждой странице.
- Если робот Google не получит доступа к содержанию страницы, которая должна быть проиндексирована, то система может заменить заголовок текстом, взятым из внешних источников, что может привести к неожиданным результатам в выдаче.
Поэтому стоит быть аккуратнее с заполнением файла robots.txt
Напомним, что текущий алгоритм поисковой выдачи формирует заголовки из текстов, взятых в нескольких источниках – это и собственно <title>, и основной заголовок, и внутренние заголовки <h2>/<h3>, заметный (выделенный) на странице контент, анкорный текст и даже текст ссылок, указывающих на данную страницу.
Чтобы получать релевантные заголовки в выдаче, убедитесь, что все эти моменты приведены к надлежащему уровню качества и заполненности. Приоритетным будет такой контент, который максимально точно описывает содержание страницы.
Замена заголовков в выдаче, новое в КМС и аналитике – самые важные изменения месяца от Google
Новое в формировании Description
Тег Description содержит краткое описание страницы и контента, размещенного на ней. Как и заголовок, описание влияет на восприятие содержания сайта пользователем, а следовательно, Google и ему уделяет большое внимание.
В обновленном документе указано, как формируется описание – из структурированного текста непосредственно на странице (часто для этого используются подводки и первые абзацы) либо из заданного мета-тега Description. Такой метод уже привычен вебмастеру сегодня, поэтому не будем рассматривать его подробно и обратимся к нововведениям:
- Не обязательно использовать классическое текстовое описание в формате предложения, можно составить его из ключевых моментов продукта или услуги, представленных на странице. Например, в тег можно включить производителя, цену, срок годности и т. п. в рамках простого списка. Будет работать также перенос информации построчно:
- Можно использовать таким образом автоматизацию формирования описаний, но только если итогом будут уникальные тексты, списки или структуры данных.
- Рекомендации по качественному формированию блока описания:
- Каждая страница должна содержать заполненный мета-тег Description;
- Все тексты описания должны быть оригинальными и уникальными.
По возможности стоит использовать емкие выражения, полностью описывающие содержание той или иной страницы. Если невозможно сделать это для множества страниц, то стоит приоритизировать списки и выбрать наиболее релевантные, которые определенно должны быть в выдаче.
- Можно автоматизировать заполнение описаний, особенно если дело касается крупных сайтов с большим количеством страниц. Товары и услуги в них содержат уникальные параметры, которые можно автоматически пробрасывать в тег Description. Но стоит помнить, что излишне длинные описания будут автоматически усечены.
- Все описания должны быть грамотными, качественными и отражающими контент страницы. В ином случае Google будет автоматически заменять их другими текстами, что может негативно сказаться на восприятии сайта в выдаче.
Заработал новый алгоритм Google. Рассказываем, что самое важное в Page Experience
Еще одно обновление от Google, позволяющее оценить работу сайта
В Google Search Console появился отчет Core Web Vitals, который заменил собой отчет о скорости загрузки страниц. В нем появились более подробные оценки по группам URL-адресов. На данный момент отчет называется «Основные интернет-показатели» и находится в группе «Качество»:
После открытия отчета (для мобильных и ПК отдельно) отображается гистограмма, которая показывает динамику работы групп страниц, а также раздел «Сведения», где обозначены состояния работы.
Для группы URL таких состояний может быть три: «Низкая скорость», «Нужно увеличить скорость» и «Вполне надежный».
Проверка позволяет обновить текущий статус группы и в случае исправления проблем отобразить этот момент. По сообщениям Google, данный отчет создан для улучшения картины работы всего сайта в целом, а не для работы с конкретными страницами.
Список отслеживаемых ошибок и проблем на страницах постоянно пополняется, поэтому не забывайте использовать отчеты Google Search Console и качественно формировать теги заголовков и описаний на всех страницах вашего сайта.
Полное руководство по новой версии Google Search Console + лайфхаки
Полное руководство по работе с метатегами рассказ о SEO, он должен был бы включать обсуждение мета-тегов.
![](/800/600/https/quasa.io/storage/photos/%D0%A4%D0%BE%D1%82%D0%BE%2014/aaaabde%204.png)
Но прошли те времена, когда добавление длинных списков ключевых слов в метатег могло вывести ваш сайт на первую страницу Alta Vista, Excite или Webcrawler. В этом отношении исчезли Alta Vista, Excite и WebCrawler. Сегодняшнее SEO — это не SEO вашего старшего брата. Несмотря на то, что оптимизация ваших метатегов все еще имеет некоторую ценность, она уже не та, что раньше.
Что такое метатеги и где их найти?
Существует множество метатегов, которые служат различным целям, но для SEO важны только два. Ударь это. На самом деле имеет значение только один тег, но мы рассмотрим два тега, чтобы вы могли дать пощечину идиоту, который пытается сказать вам, что метатег ключевого слова все еще актуален. Но мы вернемся к этому позже (ключевые слова, а не шлепки).
Тег мета-описания
Мета-описание предназначено для краткого изложения содержимого веб-страницы. Там, где тег заголовка очень ограничен, метаописание дает вам немного больше места для обобщения каждой страницы. Думайте о своем мета-описании как о 10-секундной презентации веб-страницы в лифте, то есть о том, что бы сказала ваша веб-страница, если бы она находилась в лифте и кто-то спросил, чем она зарабатывает на жизнь.
«Думайте о своем мета-описании как о 10-секундной презентации веб-страницы в лифте, то есть о том, что ваша веб-страница сказала бы, если бы она была в лифте, и кто-то спросил, чем она зарабатывает на жизнь». — Stoney deGeyter
Само описание заключено в метакод
, который находится в разделе
вашей страницы:
Метатег ключевого слова
Метатег ключевого слова предназначен для того, чтобы сообщать поисковым системам, по каким ключевым словам должна ранжироваться ваша страница. Представьте себе, что SEO — это так просто, как сказать Google: «Эй, оцените эту страницу для «ипотечного брокера»», и Google ответит: «Как пожелаете». Когда-то метатеги ключевых слов были заполнены длинными списками ключевых слов, поскольку «оптимизаторы» пытались работать с каждым возможным ключевым словом, по которому они хотели ранжироваться, независимо от конкретной релевантности для этой страницы.
Как и мета-описание, ключевые слова заключены в мета-код
, который можно найти в разделе
вашего кода:
Как и там, где отображаются метатеги.
![](/800/600/https/kokoc.com/upload/blog/55/image2x.jpg)
Google довольно непостоянен в том, как он отображает метатег в результатах поиска. На первом изображении выше вы можете увидеть почти полное отображаемое описание. Во втором примере вы можете увидеть, что происходит, когда мета-описание слишком длинное. Google часто добавляет дополнительную информацию, которая, по их мнению, имеет отношение к пользователю, выполняющему поиск, хотя я часто не согласен с этим предположением!
Метатег ключевого слова
На изображении ниже показано, как пользователи, выполняющие поиск, и посетители видят ваш метатег ключевого слова:
Вы не видите тег ключевого слова выше? Логично, потому что поисковые системы его тоже не видят. Это полностью игнорируется.
Как извлечь выгоду из хороших мета-тегов
К сожалению, ни мета-теги описания, ни мета-теги ключевых слов не помогают улучшить ваш рейтинг в поисковых системах. Оба этих тега полностью игнорируются алгоритмом ранжирования Google. Некоторые предполагают, что Bing все еще использует эти теги, но степень их ценности для улучшения вашего рейтинга довольно минимальна.
Чем хороши эти теги без какого-либо влияния на ранжирование? Это все на дисплее. И поскольку везде отображается только тег мета-описания, это означает, что это единственный тег, который действительно дает вам реальную пользу.
Отображаемая часть метаописания в результатах поиска играет важную роль в увеличении количества переходов из результатов поиска на ваш веб-сайт. Думайте об этом как о «помощи» тегу title. Там, где заголовок короче и не может быть таким подробным, мета-описание предоставляет поисковику немного больше контекста, чтобы увидеть, какую информацию он получит на странице.
При определении того, на какой сайт нажать, поисковики могут придать большее значение мета-описанию, чем информации заголовка. Поскольку заголовок часто оптимизируется для основной фразы страницы, метаописание предоставит более длинный контекст для этой фразы, для которого заголовок не может быть оптимизирован. Это дает поисковику более широкое представление о странице.
Так как вы никогда не знаете, какая часть метаописания будет отображаться в результатах поиска (она может меняться для каждого искомого ключевого слова), вы хотите максимизировать первые несколько слов. Не упускайте возможности донести свое сообщение, разбавив контент перед вашим мета-описанием. Доберитесь до сути.
Также бывают случаи, когда полное отсутствие мета-описания не послужит вам лучше. Когда мета-описание недоступно, поисковые системы часто прибегают к отображению фрагмента текста, в котором используются ваши ключевые слова, взятые со страницы. Если на вашей странице много текста, скажем, более 2000 слов, которые охватывают более широкий спектр контента, вам может быть лучше позволить Google извлечь фрагмент на основе поиска. Это повысит вероятность того, что в сниппете появятся фактические условия поиска (ваше мета-описание не может вместить их все), что увеличивает вероятность того, что искатель найдет ваш результат релевантным своему запросу.
Как создать хороший мета-тег
Мета-тег с ключевым словом
Создание хорошего мета-тега с ключевым словом — не высшая математика. Так как это на 99,9% бесполезный тег для внешних поисковых систем, вы можете вообще убрать его со страницы. Включение ваших ключевых слов в метатег похоже на рекламу поисковым системам и вашим конкурентам о том, что вы оптимизировали страницу для этих ключевых слов. Однако, поскольку некоторые сайты используют этот тег для внутреннего поиска по сайту, его включение может быть полезным.
Не тратьте слишком много времени, пытаясь выяснить, как лучше всего создать тег ключевого слова. Запятые, пробелы, длина, контекст, фразы и т. д. на самом деле не имеют значения. Пока ваш внутренний поиск (и, предположительно, Bing) может читать слова, вы в хорошей форме.
Метатег описания
Ваш метатег описания требует немного больше работы. Помните, что это (обычно) отображается в результатах поиска, поэтому вы хотите, чтобы это учитывалось для кликов, даже если это не учитывается для рейтинга. Чтобы написать хорошее метаописание, нужно следовать нескольким основным правилам: 9.0003
150 символов: Google отобразит до 150 символов вашего метаописания. Это почти на 60% больше места, чем позволяет тег заголовка, что дает вам возможность включить больше ключевых слов и/или призывов к действию.
Использовать ключевые слова раньше: Поскольку возможно, что ваше мета-описание будет сильно усечено, вы хотите, чтобы ваши ключевые слова были как можно ближе к началу. Не стесняйтесь добавлять расширенные квалификаторы и варианты ключевых слов, насколько это позволяет хорошая структура предложения. Не набивайте его ключевыми словами, вместо этого ищите более длинные слова, которые могут быть частью любой поисковой фразы.
Уникальный для каждой страницы: Если вы пишете тег мета-описания для каждой страницы (а вы должны), он должен быть уникальным. Не ленитесь и копируйте/вставляйте одно и то же мета-описание со страницы на страницу. Напишите что-нибудь актуальное только для этой страницы, даже если содержание страницы похоже на другие страницы. В любом случае, создайте описание, которое говорит о содержании страницы, которое больше нигде не дублируется.
Будьте убедительны: Прежде всего, ваше мета-описание должно быть убедительным заявлением. Используйте правильную структуру предложения, а не пытайтесь добавить как можно больше ключевых слов. Он должен хорошо читаться и, в конечном счете, побуждать посетителя перейти на ваш сайт. Чем лучше он читается, тем больше пользователей будут нажимать на него, если информация соответствует их поисковым намерениям.
В то время как создание отличного тега ключевого слова невозможно (как создание отличного приложения — в конечном счете, оно не имеет смысла, и никого не волнует, есть ли оно там, пока что-то не пойдет не так), создание хорошего тега мета-описания может быть разницей между тем, чтобы быть замеченным, и получить упускается из виду, когда искатель нажимает на результаты вашего конкурента.
[addtoany]
Генератор метатегов: простой и бесплатный
Получите больше трафика, создав метатеги с помощью этого бесплатного инструмента
Название* 0/60 Автор Кодировка (кодировка) UTF-8ISO-8859-2ISO-8859-7ISO-8859-8windows-874windows-1250windows-1251windows-1252windows-1254windows-1255windows-1256windows-1257windows-1258GBKBig5ISO-2022-JPShift_JISEUC -KRUTF-16BEUTF-16LEUTF-16BE/LEОписание* 0/ 150 Включить метатеги для карточки Twitter Включить метатеги для карты Open Graph Включить изображение в метатегиСоздайте бесплатную ретроспективу для своей команды
SEO расшифровывается как поисковая оптимизация. Знаете ли вы, почему поисковая оптимизация (SEO) важна для вашего сайта? И как это влияет на посещаемость вашего сайта?
В этом уроке мы покажем вам, как оптимизировать вашу страницу, чтобы увеличить трафик и повысить ценность вашего сайта с помощью генератора метатегов EasyRetro.
Цель SEO — увеличить посещаемость вашего веб-сайта, упростив поисковым системам поиск и ранжирование ваших страниц в результатах поиска на основе их содержания. Этот процесс направлен на то, чтобы повлиять на вашу онлайн-видимость в бесплатных результатах поисковой системы.
Входящий трафик, генерируемый SEO, часто называют «естественным», «органическим» или «заработанным».
Очень легко попасть в ловушку, думая, что все, что вы делаете для повышения рейтинга вашего сайта, автоматически увеличит трафик, увеличит количество потенциальных клиентов и продаж, а также сделает вашу компанию более прибыльной. Но вы должны иметь в виду, что ваши усилия потребуют некоторого времени, чтобы быть эффективными.
Метатег — это слово или фраза, встроенная в HTML-код веб-страницы и описывающая содержимое страницы. Это не видно вашей аудитории. Эти теги используются поисковыми системами для понимания веб-страниц и получения общего обзора их содержимого.
Существует несколько типов метатегов, здесь мы рассмотрим наиболее важные из них, но если вам нужна дополнительная информация, вы можете поискать в Google конкретный тип метатега и прочитать о нем. Спецификация.
Мы рассмотрим следующие типы метатегов:
- Заголовок
- Описание
- Карточка Twitter
- Open Graph (OG)
- Изображение
Метатег title
Метатег title используется для описания документ в результатах поиска, таких как Google или Bing. Одна из самых важных ролей заголовка — привлечь внимание пользователей. Заголовок должен быть кратким, но достаточно информативным, чтобы намекать на содержание страницы.
Это также источник текста, отображаемого на вкладках браузера.
Вот пример того, как это выглядит:
Пример
Метатег description
Метатег description используется, чтобы сообщить поисковым системам, о чем ваша страница. Правильное написание этого короткого фрагмента текста повысит шансы его появления в результатах поиска по релевантным ключевым словам. Это также может повлиять на ваш CTR, потому что он отображается сразу после заголовка в поисковых системах.
CTR означает рейтинг кликов, и это популярный показатель, который измеряет, сколько пользователей из общего числа, просмотревших ваши ссылки, перешли по ним. Это измерение того, насколько успешным является ваш контент, и может помочь вам понять, как его улучшить.
Вот пример метатега описания:
" />
Метатеги для карт Twitter
Социальные сети — это не только важный канал общения с вашей аудиторией, но и ключевое место для продвижения вашего контента. Twitter — одна из наиболее часто используемых платформ социальных сетей, которая может стать отличным способом найти новых клиентов и деловых партнеров.
Но вам нужно привлечь внимание к лентам пользователей. Вот где Твиттер карты вступают в игру. Они позволяют вам представить броскую карточку о вашем контенте с заголовком страницы, описанием и даже изображением обложки!
Для создания карточек Twitter можно использовать следующие основные метатеги: заголовок, описание, сайт и создатель. Изображения будут покрыты позже.
Вот пример метатегов карточки Twitter:
" />
Метатеги для Open Graph
Open Graph (OG) — это протокол для разработчиков, позволяющий добавлять метаданные на веб-страницы для таких платформ, как Facebook, Twitter, Telegram и LinkedIn. Используя Open Graph, издатели могут размещать информацию о своем контенте в лентах.
Как и в случае с карточками Twitter, в Open Graph применяется тот же принцип. Если вы хотите привлечь внимание к своим постам, убедитесь, что вы выделяетесь из толпы.
Основные метатеги для Open Graph: заголовок, описание, URL-адрес и имя сайта. В следующем разделе также будет рассказано о связывании изображений с помощью тегов Open Graph.
Вот пример метатегов Open Graph:
" />
Изображения — отличный способ привлечь внимание людей и заставить прочитать ваш пост. Их особенно удобно использовать в социальных сетях. Теперь мы собираемся показать вам, как создавать красивые карточки Twitter и посты Open Graph, используя изображения.
Для обоих протоколов существует три типа метатегов: URL-адрес изображения, ширина и высота.
Во-первых, для карточек Twitter метатеги будут выглядеть так:
А для Open Graph они будут выглядеть так: