Что такое метатег: Мета теги: что это, для чего нужны, как заполнить правильно для SEO

Содержание

Метатеги — Что это такое и как заполнять тег Title, Description?

В продолжение нашей рубрики о SEO-оптимизации сайтов, расскажем, что такое метатеги и как их использовать, чтобы они принесли пользу вашему сайту.

Метатеги — это теги, которые предоставляют поисковым системам дополнительную информацию о странице сайта. Метатеги для сайта размещаются между тегами <head> </head>.

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

<html>
 <head>
   <title>День народження ❤️ ROZETKA | Знижки до 60% до Дня народження Розетки</title>
   <meta name="description" content="День народження Розетки 2021 ✔️ Знижки з 7 по 13 червня на смартфони, побутову техніку, одяг і товари для дому" />
    …
 </head>

В статье рассмотрим одни из основных элементов, оказывающих влияние на ранжирование — тег Title и мететаг Description. Метатег Keywords практически не используется при ранжировании, поэтому рассматривать его не будем.

Из статьи узнаете:

Что такое тег Title
1. Как написать Title
2. Рекомендации от поисковых систем
3. Шаблон для тегов Title
Что такое метатег Description
1. Как написать Description
2. Рекомендации от поисковых систем
3. Шаблон для тегов Description
Инструменты для составления Title и Description

Что такое тег Title

Title — это тег, в котором содержится заголовок HTML-страницы. Этот заголовок видимый как для посетителей сайта, так и для поисковых систем. Также он может использоваться социальными сетями.

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

 <head>
    <title>День народження ❤️ ROZETKA | Знижки до 60% до Дня народження Розетки</title>
 </head>

Так содержимое тега Title выглядит в браузере:

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

Когда вы делаете пост в социальной сети, содержимое тега будет отображаться в виде ссылки, если не используется разметка Open Graph:

Как написать Title

Рекомендации по составлению тегов Title:

Title для каждой страницы должен быть уникальным. Найти дубликаты тегов можно с помощью Google Search Console или других сервисов, о которых читайте в разделе «Как найти дубликаты страниц?» нашей статьи «Как сделать технический аудит сайта»;

разместите наиболее частотные слова из семантического ядра в самом начале тега;
составляйте осмысленные фразы. Не нужно перечислять набор ключевых слов;
рекомендованная длина Title — 60 символов. На десктопной версии поиска Google сниппет имеет размеры в 600 пикселей, слишком длинные заголовки Title будут обрезаться:

Шаблон для тегов Title

При составлении тегов Title можно воспользоваться следующим принципом:

[Основное ключевое слово] — [Второстепенное ключевое слово] | [Название бренда или сайта]

Если у вас малоизвестный бренд, название его можно пока не указывать.

Пример тега Title для страницы информационного сайта:

Title: Как построить гараж дешево и быстро | Строительство недорогого гаража

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

Для интернет-магазинов можно использовать следующие шаблоны.

Для категории каталога:

Title: [Название категории] | Купить в [Городе], цена в интернет-магазине [Название магазина]

Пример: Дрели электрические | Купить в Харькове, цена в интернет-магазине SuperMagaz.ua

Для карточки товара:

Title:

[Название товара] | Купить в [Городе], цена, описание в интернет-магазине [Название магазина]

Пример: Дрель ударная Storm Intertool WT-0107 | Купить в Харькове, цена, описание в интернет-магазине SuperMagaz. ua

Это один из примеров шаблонов. Для каждого конкретного случая нужно анализировать выдачу и экспериментировать.

Статья по теме:

Как сделать фавикон для сайта

Читать статью

Что такое метатег Description

В метатаге Description содержится короткий абзац текста с описанием страницы. Он может использоваться для формирования сниппета в поисковой выдаче.

В HTML-коде он выглядит так:

 <head>
    <meta name="description" content="Замовляй ⚡ Конвектор ⚡ в інтернет-магазині ELDORADO ⭐ Оперативна доставка ❗ Офіційна гарантія ✅ Розстрочка та оплата частинами" />
 </head>

А в результатах поиска так:

Как написать Description

Рекомендации по составлению метатегов Description:

Description для каждой страницы должен быть уникальным. Найти дубликаты метатегов можно с помощью Google Search Console;
в описании используйте наиболее частотные ключевые слова из семантического ядра;
составляйте осмысленные фразы. Не нужно перечислять набор ключевых слов;
рекомендованная длина мететага Description — до 300 символов;
для создания более привлекательных сниппетов используйте специальные символы в описании, но не злоупотребляйте ими. Символы можно подобрать в таблице https://unicode-table.com/.

Шаблон для тегов Description

Для информационных страниц универсального шаблона нет, для интернет-магазинов можно использовать следующий вариант:

Для категории каталога:

Description: Купить [Название раздела] с гарантией ✈ Бесплатная доставка по Украине ☎ [Номер телефона] ➤ Интернет-магазин [Название магазина].

Пример: Купить дрели электрические с гарантией ✈ Бесплатная доставка по Украине ☎ (067) 123-45-67 ➤ Интернет-магазин SuperMagaz.ua.

Для карточки товара:

Description: [Название товара] — [Цена] грн.

✈ Бесплатная доставка по Украине ☎ [Номер телефона] ➤ Интернет-магазин [Название магазина].

Пример: Дрель ударная STORM INTERTOOL WT-0107 — 777 грн.✈ Бесплатная доставка по Украине ☎ (067)123-45-67 ➤ Интернет-магазин SuperMagaz.ua.

Статья по теме:

Что влияет на скорость загрузки сайта: отвечают специалисты по SEO и хостингу

Читать статью

Инструменты для составления Title и Description

При составлении метатегов можно использовать инструменты, которые упростят работу.

1️⃣ Предпросмотр внешнего вида сайта в поисковой выдаче.

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

https://www.portent.com/serp-preview-tool
https://websiteadvantage.com.au/Google-SERP-Emulator

2️⃣ Парсинг метатегов конкурентов.

Чтобы получить метатеги конкурентов, не используя платные сервисы:

1) В браузере вбивайте нужный запрос.

2) С помощью букмарклета gSERP URLs (небольшой JavaScript-код) получите список URL сайтов из ТОПа выдачи.

Как работает букмарклет:

перетащите кнопку gSERP URLs на панель закладок;

gSERP URLs

на странице результатов поиска нажмите на закладку, чтобы получить список URL сайтов.

3) Создайте новую таблицу в Google Spreadsheet с колонками: URL, Title, Description.

Далее в колонку URL копируйте адрес страниц сайтов, которые получили с помощью букмарклета gSERP URLs.

В колонку Title подставляйте формулу и протягивайте ее на нужное количество строк:

=importxml(ячейка;"//title")

В значении ячейка укажите номер ячейки, в котором написан URL.

В колонку Description подставьте формулу и протяните на нужное количество строк:

=importxml(ячейка;"//meta[@name='description']/@content")

Можно еще добавить две колонки для подсчета количества символов в колонках Title и Description. Формула используется следующая:

=LEN(ячейка)

В результате вы получите таблицу:

Проанализировав метатеги конкурентов, вы сможете написать удачный Title и Description и для своей страницы.

Также рекомендуем к прочтению статью «Как добавить 100 000 метатегов на сайт за 5 минут?» в блоге Netpeak. Эта информация поможет автоматизировать внедрение метатегов на сайт.

Следуя этим простым рекомендациям вы сможете значительно улучшить ранжирование страниц вашего сайта. В следующих статьях мы расскажем о внутренней перелинковке сайта.

как их правильно написать для сайта, инструкция с примерами

Что такое метатеги, Title и Description: как их правильно написать для сайта, инструкция с примерами

Динамический коллтрекинг

Стоимость

8 800 555 55 22

Вернуться в Глоссарий

Пред. статья

Маркетинговый анализ

След. статья

Минус-фразы в Яндекс.Директ

Оглавление

Другие популярные термины

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

Что такое ключевые слова и зачем они нужны. Где используются ключевые запросы. На какие виды делятся ключевые слова. Разновидности вхождений. Как подобрать ключи и куда их вписывать

Пред. статья

Маркетинговый анализ

След. статья

Минус-фразы в Яндекс.Директ

Выберите букву алфавита

Весь алфавит

Весь алфавит А Б В Г Д Е З И К Л М Н О П Р С У Ф Э Ю Я A B C E G L M P Q R S U W

Виртуальная АТС

Голосовое меню (IVR)
Запись разговоров
Интеграция с LDAP
Конференцсвязь
Многоканальные номера
Поддержка
Подключение
Статистика и мониторинг

Коллтрекинг

О продукте
Как подключить
Решения
Возможности
Стоимость
Сквозная аналитика
Мультиканальная аналитика

Контакт-центр

Исходящий обзвон
Оценка эффективности работы
Поддержка
Подключение
Управление клиентским сервисом

Решения

IP-Телефония
Телефонизация офиса
Бесплатный вызов 8-800
Для стартапов
Объединение филиалов
Дополнительные линии
Диспетчеризация ЖКХ ТСЖ и УК

Заказать звонок

Техподдержка

Бизнес-кейсы
Партнерам
Поддержка
О компании
Почему MANGO OFFICE
Наша команда
Наши достижения
Карьера
Пресс-центр
Блог «Бизнес-рецепты»
Мероприятия
Наши клиенты
Отзывы

Заказать звонок

Выберите интересующий вас вопрос:

Покупка услуг
Обслуживание
Техподдержка

Хотите себе такой же виджет? Узнайте, как подключить!

Отправляя заявку, вы даете согласие с Политикой обработки персональных данных

Что такое метатеги и как правильно использовать их на своем сайте?

Метатеги – это небольшой фрагмент кода в HTML, который способен передавать поисковым системам информацию о конкретной странице сайта. К основным тегам относят: title и description. Ранее использовался тег keywords, но со временем он потерял актуальность и в настоящее время игнорируется поисковыми системами.

Title

Title – это заголовок страницы, который содержит в себе краткую информацию о чем данная страница.

Также тег title можно увидеть во вкладках браузера при наведении. Используется для удобства, когда открыто множество вкладок одновременно.

Description

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

В чем важность использования метатегов для поисковой оптимизации?

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

Основные принципы написания title для страниц

Использование ключевых фраз.
Важно грамотно использовать ключевые слова при написании тегов, это позволит передать информацию, которые Вы хотите донести до потенциального посетителя сайта. В случае отсутствия вхождения, скорее всего, выдача у страницы будет менее релевантная.
Также важно учитывать количество ключевых фраз. Чрезмерное употребление «ключей» в метатегах приведет к заспламенности и нечитабельности текста пользователем.
Соблюдать количества символов
Точного правила соблюдения символов нет, но анализируя поисковые выдача Google и Яндекс можно увидеть примерную длину от 55 до 70 символов. Выход за грани данного показателя не считается критической ошибкой, но поисковые систему просто обрежут предложение, возможно, не в самом удачном месте.
Уникальные теги для разных страниц
Заголовок должен описывать страницу, к которой он относится, следовательно, для каждой страницы он должен быть уникальным и релевантным контенту. В обратном случае такие страницы не будут занимать успешных позиций, т. к. «заголовок про утюг, а страница про микроволновку».

Залог создания успешного description

Как мы писали ранее, description – это описание страницы, то есть благодаря этому тегу мы можем дать пояснение о чем страница. На данный момент поисковые системы зачастую используют заданное не вами мета-описание, а, например, какую-то выборку из текстового контента на странице, но это не значит, что данный тег можно пропускать, так как поисковые роботы умеют считывать мета-описание, которые задали вы.
Правила по составлению description схожи с title:
Уникальное написание description
Мета-описание должно соответствовать содержимому страницы и быть релевантным тегу title.
Соблюдение количества символов
В среднем описание варьируется от 150-170 символов, рекомендуется использовать около 150, так как это «золотая середина» для поисковых система как Google, так и Яндекс.
Грамотное использование ключевых фраз в сочетании слов-маркеров.

Изначально сайты подразделяются на:

Информационные
Транзакционные
Навигационные

Следовательно, для информационного сайта не подойдут слова-маркеры «купить», «приобрести», «стоимость», в частности для таких сайтов используют «что такое…», «как…».
При составлении description важно обращать внимание на такие факторы, потому что используя неправильные маркеры, вы можете попасть в нецелевую аудиторию выдачи, что в итоге негативно скажется на поведенческих факторах.

Если вам нужен совет профессионалов, мы проведем бесплатный аудит вашего сайта!

Виды мета-тегов для сайта — что такое мета теги и какими они бывают

Мета-теги представляют собой специальные элементы HTML-кода веб-страницы. От того, насколько корректно они заполнены, зависит, как успешно будет развиваться ваш ресурс. А их отсутствие может отрицательно сказаться на ранжировании сайта в поисковиках.

В этом материале поговорим, что такое мета-теги, где они должны располагаться и как их правильно заполнять.

Функции мета-тегов

Мета-теги размещаются в начале кода веб-страницы между тегами <head>…</head>. Эти элементы не считаются обязательными — пользователь не видит их на странице, однако данные атрибуты сообщают поисковой системе важную информацию, такую как заголовок веб-страницы, ее описание и т. д.

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

Рассмотрим функции мета-тегов подробнее:

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Основные мета-теги

Для SEO-продвижения наибольшее значение имеют мета-теги title (произносится как «тайтл») и description (дескрипшн). Эти теги содержат информацию о сайте, с помощью которой поисковый робот может правильно определить тематику веб-ресурса и корректно ранжировать, то есть сортировать его в выдаче. Потому при заполнении мета-тегов необходимо использовать ключевые слова и фразы, которые набирает в поисковой строке целевой пользователь.

Тег Title

<Title>Заголовок</Title>

Мета-тег title — это название, заголовок веб-страницы. Он должен быть указан на всех страницах сайта. В поисковой выдаче title отображается в виде крупной ссылки синего цвета, а при открытии страницы он виден в названии вкладки браузера. Если тайтл страницы отсутствует, вместо него будет показан URL-адрес страницы или заголовок h2.

Разберемся, как правильно заполнить тег Title. В нем нужно указать основные ключевые слова и перечислить конкурентные преимущества. Прочитав заголовок, пользователь должен сразу понять, что именно вы предлагаете и почему ваш сайт ему подходит. Эту информацию нужно уместить в определенное количество символов: в поисковой системе Google это максимально 70 знаков (12 слов), а в Яндексе — 80 знаков (15 слов). Заголовок может быть и длиннее, но именно такое количество символов поисковики отображают в выдаче.

Оптимизация тегов предполагает, что ключевое слово нужно писать ближе к началу, лучше, чтобы заголовок начинался непосредственно с основного запроса. Если вы продвигаете сайт в каком-то конкретном регионе, следует обязательно его указать. Затем можно добавить уточняющую либо продающую фразу. Также, чтобы сделать title уникальным, в конце можно указать название вашего проекта.

Посмотрим, как правильно писать мета-теги title на примере.

Скажем, у нас есть ключевые слова: «купить диван», «купить диван недорого», «купить удобный диван».

Неправильно заполненный title будет выглядеть так: «Купить диван. Купить удобный диван, купить диван недорого». Здесь очевиден переизбыток ключевых фраз, то есть переспам.

Правильный title: «Купить удобный диван недорого с доставкой и скидкой 15%» В этом случае мета-тег содержит все ключи, перечисленные в логичной последовательности, а также включает информацию о скидке, то есть конкурентном преимуществе.

Дублировать заголовки на разных страницах нельзя — они должны быть уникальными. Также следует избегать слов, не несущих смысловой нагрузки, — предлогов, частиц или союзов, там, где смысл можно передать и без этих стоп-слов.

Рекомендуется по минимуму использовать знаки препинания (– . ! ?), а также специальные символы (“”= ()/ \ | + _ ). А использование цифр, напротив, добавит заголовку привлекательности.

В title можно вставить периодически меняющиеся элементы, такие как цена или количество товаров. Поисковые алгоритмы поощряют динамические тайтлы.

Тег Description

Далее поговорим о том, что такое мета-описание страницы. За него отвечает тег description, представляющий собой краткий «анонс» веб-страницы, он является логическим продолжением title и раскрывает содержание более подробно.

Поисковые системы отображают содержимое этого мета-тега в сниппете — небольшом блоке текста, в котором содержится описание веб-страницы в результатах поиска. Сниппет позволяет получить представление о сайте до перехода по ссылке.

Description должен состоять из нескольких коротких предложений, в которые входят наиболее значимые ключевики определенной страницы. Самые важные сведения лучше писать в начале тега дескрипшн. Фразы из заголовка включать не стоит, description не должен совпадать с тайтлом. Что касается длины данного тега, рекомендуется уложиться в 160-200 символов с пробелами.

Как и title, мета-тег description должен быть уникальным внутри сайта, поэтому он заполняется индивидуально для каждой веб-страницы. Когда дескрипшн не заполнен, поисковые роботы собирают описание страницы автоматически по фрагментам фраз, а это значит, что результат может получиться не самым привлекательным для пользователя. Надо заметить, что сейчас описания все чаще автоматически собираются поисковыми машинами, даже если вы заполнили мета-тег правильно, и подгоняются под разные запросы пользователя.

Желательно включать в дескрипшн описание преимуществ компании, товаров или услуг. Также рекомендуется добавлять динамические элементы, которые могут принимать разные значения на сайте, например, количество товаров, цены, число отзывов или размер скидок.

В description, как и в title, можно использовать графические элементы — эмодзи. Замечено, что это хорошо влияет на кликабельность в поиске, так как делает сниппет более привлекательным. Однако важно соблюдать меру при вставке специальных символов, не стоит добавлять их через каждые два слова.

Тег Keywords

Ранее на SEO-продвижение сайта оказывал значительное влияние мета-тег keywords (кейвордс). Он сообщает поисковому роботу, под какие ключевые слова «заточен» контент страницы. В настоящее время поисковики уже не придают этому атрибуту большого значения, а поисковые системы Google и Rambler его вообще не учитывают, поэтому инструкция по написанию тегов кейвордс будет краткой: перечисляйте не больше 10 ключевых слов без запятых и используйте только запросы, под которые оптимизирован текст данной веб-страницы.

Как просмотреть мета-теги

Чтобы увидеть, есть ли на странице мета-теги, кликните в любом месте страницы правой кнопкой мыши и выберите пункт «Просмотр кода страницы» или «Исходный текст страницы» (название команды в разных браузерах немного отличается). Можно также воспользоваться горячими клавишами Ctrl + U. Все имеющиеся мета-теги отображаются в разделе «head».

Проверка мета-тегов сайта

Владельцу сайта проще всего проверить мета-теги с помощью сервиса Яндекс.Вебмастер. Войдите в свой аккаунт, на панели слева перейдите в раздел «Диагностика» и в подраздел «Диагностика сайта». Например, если на сайте есть страницы с незаполненным тегом description, в списке «Возможные проблемы» вы увидите ссылку «Ознакомьтесь с примерами и исправьте ошибки». Чтобы увидеть проблемные страницы, нажмите на нее.

Анализ мета-тегов на сайтах конкурентов можно выполнить в таких сервисах, как:

Serpstat;
Пиксель Тулс;
Seo-inf.ru;
Promopult.ru.

Мы рассказали о мета-тегах для сайта, которые помогают улучшить восприятие вашего ресурса поисковыми системами. Потому стоит внимательно относиться к составлению данных атрибутов и постараться указать то, что положительно повлияет на отображение страницы в поиске и предоставит полезную для пользователя информацию.

Мета-теги: что это такое — SEO Википедия

Четкой стандартизации функций мета тегов нет. Выделяют следующие направления использования:

для идентификации авторства страницы, ее адреса и частоты обновлений;
для создания заголовков для гипертекстовых документов и индексации контента поисковыми системами;
для отображения web-страниц.

Существует 2 группы мета тегов:

NAME
HTTP-EQUIV.

NAME

Мета теги группы NAME отвечают за текстовую информацию о web-странице, ее авторе.
Author и Copyright. Обычно используются раздельно. Идентифицируют автора и принадлежность документа. Для раскрутки сайтов организаций предназначен тег Copyright. Атрибут lahg служит для определения языка документов.
Description. Кратко описывает страницу, используется поисковиками для индексации сайта и создания сниппета.
Document-state. С помощью свойств Static и Dynamic этого тега задается порядок индексации конкретной страницы (единоразовый или регулярный).
Generator. Предназначен для генераторов гипертекста.
Keywords. Используется поисковыми роботами для определения релевантности контента.
Resource-type. Описывает состояние или свойство страницы. Предназначен для крупных порталов, содержащих разные типы документов. Тег может иметь значения: build, creation, document, rating, site-languages, operator, creation, formatter и др.
Revisit. Служит для управления частотой индексации конкретного документа.
Robots. Используется для разрешения или запрещения индексации содержимого страниц. Возможны значения тега index, noindex, follow, nofollow, all и none.
Subject. Применяется для определения тематики документа.
Url. Перенаправляет поискового робота по указанной ссылке. Служит для отмены индексации страниц и зеркала сайта.

HTTP-EQUIV

Мета-теги группы HTTP-EQUIV выполняют ту же функцию, что и гипертекстовые заголовки для продвижения сайта, управляют действиями браузеров.
Content-Language. Определяет язык документа.
Content-Script-Type. Предназначен для указания языков программирования сценариев.
Content-Style-Type. Определяет язык таблицы стилей. Значение по умолчанию – text/css.
Content-Type. Тип и кодировка документа.
Expires. Используется для управления кэшированием.
PICS-Label. Показывает уровень доступности ресурса.
Pragma. Контролирует кэширование генерируемых скриптом страниц.
Refresh. Определяет задержку перед обновлением страницы браузером.
Set-Cookie. Используется для настройки куков.
Window-target. Определяет окно загружаемой страницы.
Imagetoolbar. Используется для отключения панели управления изображениями (при выводе баннеров, карты изображения, фона картинки т.д.).

Другие термины на букву «М»

Маркетинговая стратегияМаркетинговый аудитМассфолловингМедийная рекламаМикроданныеМикроформатыМисспелМобильный трафикМодераторМордоворот

Все термины SEO-Википедии

Теги термина

Текстовая оптимизацияПродвижение сайтов

Какие услуги тебе подходят

Продвижение сайтов в Москве

Технический SEO-аудит сайта

SEO-оптимизация сайта

Оптимизация сайта под Google

Продвижение сайта в Яндексе

Продвижение интернет-магазина

SEO-продвижение лендинга в поисковых системах

Продвижение медицинских сайтов

Продвижение молодого сайта

Продвижение сайтов под ключ

SEO-продвижение с гарантией

Продвижение по ключевым словам

Продвижение сайта в ТОП 10 Яндекса и Google

Продвижение туристических сайтов

Продвижение сайтов в ТОП 3 Яндекса и Google

Оптимизация сайта под Яндекс

Раскрутка сайтов за рубежом

Продвижение сайта в Google

Продвижение сайта по позициям

Продвижение сайта по трафику

Оптимизация сайта в мобильной выдаче

SEO аудит

Поисковый аудит сайта

Заказать продвижение сайта

Продвижение сайтов в Москве: проверенные решения от профессионалов

Продвижение стоматологической клиники

Продвижение сайтов медицинских клиник

Продвижение салона красоты

Продвижение автомобильных сайтов

Продвижение магазина автозапчастей

Продвижение и раскрутка автосервиса

Продвижение отелей и гостиниц

SEO-продвижение сайта в Новосибирске

SEO-продвижение сайта в Екатеринбурге

SEO-продвижение сайта в Самаре

SEO-продвижение сайта в Омске

SEO-продвижение сайта в Нижнем Новгороде

SEO-продвижение сайта в Казани

SEO-продвижение сайта в Челябинске

SEO-продвижение сайта в Красноярске

Поисковое продвижение сайтов в Перми: эффективно, профессионально, прозрачно

Поисковое продвижение сайтов в Ростове-на-Дону

Поисковое продвижение сайтов в Уфе

SEO-продвижение сайта в Воронеже

SEO-продвижение сайта в Волгограде

SEO-продвижение сайта в Краснодаре

Продвижение интернет-магазина бытовой техники

Продвижение интернет-магазина одежды

Продвижение интернет-магазина зоотоваров

Продвижение интернет-магазина книг

Продвижение интернет-магазина мебели

Продвижение интернет-магазина обуви

Продвижение интернет-магазина сантехники

Продвижение интернет-магазина спортивных товаров

Продвижение интернет-магазина стройматериалов

Продвижение интернет-магазина часов

Маркетинговый аудит сайта

Продвижение автосалона

Продвижение банковских услуг в интернете

Поисковое продвижение сайтов в Тольятти

Мета-теги страницы.

Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords Особенности использования мета тегов

Мета тег HTML определяет информацию о веб странице. Теги группы meta называют мета тегами, а содержимое мета тега — метаданными. Метаданные указывают различную техническую информацию о документе, в основном для браузеров и поисковых систем и не видны пользователю на сайте.

Часто используются meta-теги: author , description , keywords , viewport , charset .

Мета теги находятся в области

HTML документа (). Вставить или, как говорят, прописать мета теги можно в любом порядке и количестве.

Использовать meta теги не обязательно, но мы рекомендуем заполнять хотя бы мета теги description , viewport , charset . Это будет плюсом для внутренней оптимизации сайта.

Синтаксис

Примеры использования в HTML коде

Основные мета теги

Ниже приведены несколько основных тегов с комментариями по применению и примерами использования.

Meta-тег description

Краткое описание документа (страницы сайта). Поисковые системы могут использовать содержимое мета тега description для вывода в сниппете поисковой выдачи.

Пример использования мета тега description

Meta-тег keywords

Ключевые слова страницы. Ранее использовался для указания поисковым системам основные смысловые фразы веб-страницы. На данный момент существуют разные мнения как правильно и стоит ли заполнять мета тег keywords .

Пример заполнения мета тега keywords

Meta-тег viewport

Задает некоторые параметры окна просмотра в браузере. Атрибут width указывает ширину окна просмотра (вьюпорта), initial-scale — коэффициент масштабирования при первом открытии страницы.

Пример использования мета тега viewport

Мета тег для адаптивного сайта: указывает, что ширина вьюпорта подгоняется под размеры устройства:

Meta-тег charset

Кодировка веб страницы. Наиболее частое значение: «UTF-8».

Пример использования мета тега кодировки charset

Meta тег refresh

Мета тег с атрибутом указывает время автоматического обновления страницы. Страница будет автоматически перезагружаться с интервалом указанным в content атрибуте. Значение указывается в секундах.

Пример использования meta http refresh

Поддержка браузерами

Тег
	Да	Да	Да	Да	Да

Атрибуты

Атрибут	Значения	Описание
charset	character_set	Указывает кодировку HTML документа.
content	тестовое значение	Основное содержимое мета тега. Зависит от других атрибутов. Используется вместе с http-equiv или name .
http-equiv	content-type default-style refresh	Устанавливает HTTP заголовок для атрибута content . Сontent-type — Кодировка. Устаревшее значение, в HTML5 используйте charset (см. пример выше). Default-style — Предпочтительная таблица стилей. Refresh — Интервал автообновления страницы.
name	application-name author description generator keywords viewport	Имя мета тега. Как и http-equiv определяет суть мета тега. Application-name — имя веб приложения, которое представляет страница. Author — имя автора веб страницы. Description — краткое описание страницы. Generator — Указывает на программное обеспечение, использованное для создания страницы (для не рукописных страниц). Keywords — ключевые слова страницы. Viewport — некоторые параметры области просмотра страницы.

От автора: всем привет. Можно много говорить о поисковой оптимизации, но если вы не знаете, как правильно заполнить мета теги, то в этом нет никакого смысла. Раз это так важно, давайте разбираться подробнее.

Title – самый важный элемент при оптимизации сайта

По важности и влиянию на выдачу заголовок страницы является самым важным элементом. Важно не путать его с заголовком h2, который вы видите непосредственно на странице. Это название статьи или страницы, title же показывается только в поисковой выдаче и в названии вкладки браузера.

Почему желательно писать заголовок как можно объемнее? Это позволяет добавить в него больше информативности, а также заставить пользователя кликнуть по нему. Например, какой тайтл по вашему лучше? Как увеличить скорость сайта? Как увеличить скорость сайта: 10 мощнейших советов?

По какому заголовку вы бы кликнули? Может даже быть так, что на первой странице будет больше полезной и интересной информации по теме, но большинство людей предпочтут перейти на вторую, ведь там какие-то “мощнейшие советы” и человеку уже аж не терпится узнать, какие именно.

Помимо того, что так вы делаете ваш заголовок привлекательного, чем у конкурентов, вы еще и соблюдаете правило грамотного заполнения. В первом случае в тайтле едва набралось 30 символов, во втором – все 50.

Многие идут еще дальше и делают заголовки еще длиннее – 70-120 символов! Но я считаю, что это лишняя работа. Во-первых, нужно делать его таким, чтобы он полностью влез в одну строчку в поисковой выдаче. А это означает, что нужно ограничиться длиной в 50-60 символов. Если уже не помещается одно слово или несколько букв, то ничего страшного, но специально делать длинные заголовки? Я считаю, в этом нет никакого смысла.

Конечно, в таком случае появляется возможность вставить дополнительные ключевые слова, но не пытаетесь ли вы таким образом обмануть поисковик? Очень важно его не обманывать, сегодня это наказывается. К тому же, поисковый робот может просто проигнорировать все лишние слова в Title, если они не помещаются в 60 символов.

Ошибки в Title

Основная ошибка, которую можно наблюдать – наличие в конце заголовка названия сайта. Одно дело, когда вы его вручную прописали к какой-то определенной записи, а другое – когда название прибавляется автоматически, потому что вы просто неправильно настроили движок. Пример: Как собирать грибы? Как собирать грибы? Блог опытного лесника

И вот если “блог опытного лесника” будет повторяться во всех title, то ничего хорошего я в этом не вижу. Во-первых, вместо этого вы могли бы добавить какую-то конкретику в заголовок, сделать его более объемным и интересным.

Другая ошибка – спам. Не все люди, наверное, сегодня понимают, что не все так просто. Если напхать ключей в заголовок, то на первое место в поиске не попадешь. Основные ошибки заключаются в том, что люди пытаются в title вставить несколько ключевых слов или даже повторить их. Например: Заказать пиццу в Киеве, заказать со скидкой, доставка быстро

Этот заголовок выглядит очень неестественно, как будто его составлял робот на основе запросов людей. Никто не запрещает использовать в Title несколько ключей, но вставлены они должны быть органично. В данном же случае повторение одного слова было явно лишним, да и сами словосочетание плохо связаны друг с другом.

Будьте креативны и давайте в заголовках какую-то конкретную информацию? Помните пример выше про 10 мощнейших способов. Так вот, уже при переходе на сайт человек будет знать, что сможет прочитать про эти 10 способов и они наверняка хороши. И пусть ему не помогут все 10, но определенную пользу он все равно почерпнет.

Тут же еще один совет – не врите. Если вы написали всего 5 советов, так и напишите в заголовке. Люди не любят, когда получают меньше, чем ожидалось. В общем, надеюсь, теперь вы четко понимаете, что такое мета тег title и как его правильно написать.

Как заполнять мета тег description

Ладно, с title все более менее понятно. А что же с кратким описанием страницы? Оптимальный объем описания – 130-160 символов. Желательно не делать меньше, так как тогда оно не будет достаточно информативным, но и длиннее тоже нет смысла делать.

В мета-описании постарайтесь максимально точно и кратко описать все то, что человек получит на странице. Опять же, тут очень важно стать на какое-то время среднестатистическим человеком и представить себе поисковую выдачу с вашим сайтом. Каким бы вы хотели видеть описание?

Я вам скажу, что креативность и конкретика и тут побеждают. Текст должен увлекать читателя, он должен побуждать его к действию продолжить чтение, перейдя на ваш ресурс. В целом, приветствуется наличие чувства юмора у вас, потому что это позволит иногда разбавлять скучные описания.

Конечно, все это лишь рекомендации. Я могу с уверенностью сказать, что если вы их примените хотя бы частично, польза будет. Если не примените совсем, это едва ли обернется катастрофой для вашего проекта. Потому что поисковая система едва ли оценивает описания по их креативности и интересности. Помните, что интересные description – для людей. А делая для людей, можно получить поощрение и от поисковика. Как?

Ну вот посудите сами, что будет, если у каждой вашей публикации будет цепляющий заголовок и классное описание? В поисковой выдаче ваши страницы уж точно будут получать больше кликов, даже если они не на первом месте в выдаче. А раз так, со временем, возможно, ваш сайт будет продвигаться выше в поиске, причем чисто за счет поведенческих факторов. Естественных поведенческих факторов, хочу подчеркнуть.

Keywords умер?

Вообще сегодня осталось 2 мета тега, которые обязательны к заполнению. Это title и description, то есть заголовок и краткое описание страницы. Это то, что в первую очередь формирует сниппет. Помимо этого есть ключевые слова, но сегодня все больше оптимизаторов понимают, что особой роли заполнение этого тега не играет.

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

Что же сегодня? Ситуация очень сильно изменилась в лучшую сторону. Спамом уже не получится занять топ. Более того, можно получить наказание за переспам ключевыми словами.

Сегодня нужно придерживаться гораздо более аккуратной стратегии в продвижении. В частности, нет никакого смысла 5 раз повторять в keywords одну и ту же фразу. Большинство оптимизаторов сегодня поступают так:

Вообще не заполняют keywords. Кстати, его даже нет по умолчанию в очень популярном SEO плагине для wordpress – Yoast.

Заполняют ключевые слова, но при этом делают это так, чтобы не выглядело спамом. Основная цель этого мета тега – сегодня – проинформировать поисковую систему о наиболее употребляемых словах в тексте.

Вы можете поступать любым из этих двух способов и будете правы. Есть много разных мнений. Кто-то считает, что мета тег вообще никак не воспринимается поисковыми системами. Можно сказать одно – неправильное заполнение тега может только навредить, а правильное не принесет какой-то значительной пользы.

Итог

Что ж, теперь вы в курсе, как правильно заполнить мета теги, что в них писать и как это делать. Если вы почитаете какую-нибудь более менее толковую книгу по рекламе в Яндекс.Директе, то там наверняка много внимания будет уделено составлению заголовков у объявлений. Это очевидно, потому что есть кликабельные заголовки, а есть некликабельные. Есть интересные описания, а есть неинтересные.

Соответственно, наша с вами задача – писать интересно не только тексты, но и мета теги, потому что именно их видит пользователь в выдаче. Дополнительную информацию о мета тегах и их влияние на поисковую оптимизацию вы можете найти в нашем . Там также дается ценная и конкретная информация. Ну а я на этом буду прощаться с вами. Оптимизируйте мета теги и будьте в топе!

Здравствуйте, уважаемые читатели блога сайт. Сегодня хочу чуть подробнее, чем я это делал в статье про продвижение сайтов, остановиться на мета-тегах title, description и keywords, которые вот уже более пятнадцати лет являются факторами, влияющими на успешность раскрутки вебпроектов.

Но так ли уж они полезны для вашего сайта? А может быть именно они являются причинами прозябания или очень вялого движения вперед вашего интернет проекта? На этот вопрос я и попытаюсь ответить в этой статье.

При написании данного материала я учитывал не только свой опыт, но и опыт специалистов, считающихся авторитетными в этой области (по большей части они вошли в мой список ). Вводить вас снова в .

Также и по многим встречающимся вопросам и терминам буду отсылать вас к более подробным материалам, дабы не тратить понапрасну ваше и свое время. Ну, а теперь давайте побыстрее приступать к разрешению интриги — почему тайтл может быть опасным ?

Важны ли метатеги title, description и keywords для SEO

Итак, чтобы понять ход моих мыслей и не сбиться, нужно начать сначала, а именно с далеких 90х, когда «великие и ужасные» мета-теги (читай про ) являлись для имеющихся в наличии на тот момент поисковых систем. Тогда еще не была реализована пришедшая в голову Ларри Пейджу (одному из ) идея использования для определения веб страниц наиболее релевантных запросу введенному пользователем в поисковую строку.

А значит основным фактором, по которому поисковик решал проблему релевантности (соответствия документа тому вопросу, который задал поисковой системе пользователь), являлся анализ текста на предмет содержания в нем слов из запроса пользователя. Учитывалась не только плотность (частота использования) ключей в статье, но также рассматривалось со всем пристрастием содержимое мета-тегов keywords, description и в особенности title .

Именно с тех очень далеких времен и идет поверье, что эти самые мета-теги являются залогом успеха в продвижении вашей статьи. Но это уже далеко не так и даже более того — все встало с ног на голову. Они могут быть причиной , или же просто будут вставлять палки в колеса при попытке его раскрутки. Почему же так происходит? Давайте попробуем разобраться.

Выглядеть все это безобразие в коде может примерно так:

…

Они мешают продвижению

…

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

Если же вы создаете проект на (движке сайта), то вам там будет предоставляться возможность просто заполнить поля формы, после чего это содержимое будет вставлено в тайтл, дескрипшн или кейвордс в код вебстраницы. Но это не суть важно, ибо мы говорим не о деталях (о них чуть ниже по тексту), а о глобальных вещах — почему эти невинные вещи могут быть убийственным фактором для продвижения сайта.

Так вот, изначально эти метатеги должны были служить благой цели — облегчить жизнь поисковиков по выявлению наиболее релевантных поисковому запросу страниц. Как говорится, благими намерениями выстлана дорога в ад. Если какое-то время и существовала идиллия, то лишь до тех пор, пока не появилась конкуренция за Топ выдачи (трафик идет в основном только с первой страницы выдачи поисковиков по любому ), а само наличие ресурса в Топе не стало напрямую влиять на выгоду получаемую его владельцем.

Началось повсеместное заспамливание мета-тегов description и keywords, ну и тайтлу тоже доставалось. Ориентироваться при ранжировании на такие легко поддающиеся накрутке факторы поисковики уже не могли и постепенно значение слов, заключенных в дескрипшн и кейвордс, полностью было нивелировано (возможно, что и не до нуля, но очень близко к этому).

С title по каким-то причинам поисковики так жестко поступить не решились. Слова заключенные внутри этого чудо-тэга по-прежнему имеют первостепенное значение при ранжировании, но относительно недавно даже этот постулат продвижения (который продержался около пятнадцати лет) стал уже не таким неколебимым.

Description и keywords — мета-теги не влияющие на ранжирование

Итак, проведем промежуточный итог. Keywords можно выкидывать на помойку? Ну… Наверное, нет. Лично я стараюсь (если не забываю) прописывать в нем ключи, но обязательно только те, которые чаще всего встречаются в статье. Дело в том, что они практически полностью перестали влиять в положительную сторону на продвижение. Но обгадить всю малину кейвордс по-прежнему способен. Наказание за спам в мета-тегах поисковики еще ведь не отменили.

Что по description? Тут все не однозначно. Почему? Опять же переспам ключами в нем может негативно сказаться на продвижении. Зачем же он тогда нужен, если ключевики заключенные в нем не учитываются при ранжировании , но могут одновременно навредить?

Дело в том, что содержимое дескрипшена поисковой системой Гугл довольно часто может быть использовано в качестве , особенно на первых порах. Так, например, моя недавняя статья про в выдаче Google по запросу «транслит» выглядит так:

Это не весь текст из description, ибо Гугл и Яндекс учитывают только определенное количество символов (можете посчитать сами, но обычно ориентируются на 150 символов вместе с пробелами):

Я говорил, что сниппет таким образом формирует чаще всего Google, но и Яндекс иногда тоже не пренебрегает этой возможность. Все по тому же запросу «транслит», сниппет в его выдаче опять же пока что состоит из слов заключенных в описании данной вебстраницы:

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

В этом и состоит основное предназначение description для продвижения сайта — сниппет, созданный поисковиком на его основе, должен притягивать внимание пользователей и призывать выбрать именно ваш ресурс для перехода.

Будет или нет в итоге использоваться прописанный вами дескрипшн в качестве сниппета — это вопрос другой. Ваше дело его прописать с обязательным упоминанием ключевых слов, а также с интригующим и эксплуатирующим любопытство пользователей содержанием (уложившись в 150 буковок).

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

Понятно, что если вы стоите в Топе по запросу «пластиковые окна», то будете использовать весь арсенал способов влияния на сниппет (например, такой), ибо это может вылиться в просто фантастические суммы прибыли из-за увеличившегося CTR вашего объявления (в купе с title). Но я лично довольствуюсь только обязательным заполнение description, ну еще и keywords (до кучи, но сейчас от последнего уже отказался, ибо ну его).

Title решает кто будет в Топе, а кто…

В чем состоит основное отличие Тайтла от дескрипшена? За переспам ключевыми словами во всех трех метатегах вы можете серьезно поплатиться проседанием позиций в поисковых системах. Это их объединяет и делает довольно опасным инструментом в неумелых руках.

Но у Title (заголовка страницы) есть одно отличие. Если вы не пропишите другие два мета-тэга, то ничего страшного по большому счету не произойдет, а вот если вы забудете прописать титл для вебстраницы, то скорее всего она не будет участвовать в поиске , т.е. не добавится в индекс ().

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

Но само по себе наличие заполненного заголовка у абсолютно всех страниц вашего сайта еще не делает погоды. Существует целый ряд нюансов, которые нужно соблюдать на автомате при составлении текстов для тайтлов и которые могут очень сильно повлиять как в положительную, так и в отрицательную сторону на .

Причем следует отметить, что этот тэг выполняет две очень важные роли:

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

Начнем, пожалуй, с влияния тега титл на ранжирование (с точки зрения вебмастера — на продвижение):

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

Вторым важным условием является то, чтобы этот тег был использован в коде вебстраницы только один раз и только внутри контейнера Head (а не Body). Вообще, за это должна отвечать используемая вами ЦМС (система управления контентом), но проверить правильность ее работы не помешает. Для этого достаточно посмотреть исходный код любой страницы вашего сайта и убедиться в наличии и правильности вставки тега title в этот самый код.

Посмотреть исходный код страницы сайта можно, щелкнув правой кнопкой мыши в вашем браузере и выбрав пункт контекстного меню «Исходный код» (в Opera), либо «Исходный код страницы» (в Firefox), либо «Просмотр кода страницы» (в Google Chrome), либо «Просмотр HTML-кода» (IE).

Заголовки для всех страниц вашего сайта должны отличаться друг от друга (быть уникальными). Добиться на практике такого довольно сложно (у меня, например, главная страница имеет пагинацию и эти самые нумерованные подстраницы не могут похвастаться уникальными титлами), однако, для тех страниц, которые вы продвигаете, это правило нужно обязательно соблюдать. Большое количество страниц с одинаковым тайтлом говорят поисковикам о том, что данный сайт похож на ГС.
Порядок следования ключевых слов внутри тега title тоже учитывается поисковыми системами (в основном Гуглом), поэтому важно располагать в его начале наиболее частотные ключи (об этом вам расскажет ), а дальше уже по убыванию частотности. Реализовать эту задачу на практике не так-то просто, ибо заголовок страницы при этом должен оставаться читабельным и, по возможности, завлекательным.

Некоторые ЦМС (например, Joomla 1.5) формируют по умолчанию заголовок страницы из идущего вначале названия сайта, а уже потом добавляют название статьи. Следуя логике предыдущего пункта, так делать нельзя, ибо вы ухудшаете ранжирование (продвижение) своего ресурса (ссылки на материалы вы сможете найти в статье про ). Хотя известный специалист по Сео опровергает своим примером такой принцип:

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

Последнее время Яндекс и Гугл стали иногда не использовать тайтл в качестве заголовка сайта в поисковой выдаче. Скорее всего это ответ на то, что данный тег не отражает или не полностью отражает содержимое статьи. Отсюда делаем вывод — слова, выводимые вами в него, должны быть полностью релевантны тексту вебстраницы, иначе поисковик все перековеркает на свой вкус и цвет.

Большинство специалистов советуют ограничивать длину title определенным количеством символов (около 70), но лично я этого правила не всегда придерживаюсь, ибо не получается составлять короткие заголовки. В принципе, Яндекс умеет выбирать фрагменты с ключевыми словами из этого тэга любой длины, что позволяет оптимизировать статью под большее количество запросов. Выглядеть это будет не айс, но вполне приемлемо, на мой взгляд:

Правда Гугл, к сожалению, такого делать не умеет и пользователь может вообще не увидеть ключевые слова из своего запроса в заголовке объявления для моего блога:

Есть еще один момент, который лично я не реализую при составлении титлов для своего блога. По умолчанию во многих CMS он формируется из текста заголовка статьи, который чаще всего будет заключен в . Т.к. наличие ключей в h2 само по себе является фактором ранжирования (хотя и не таким мощным, как title), то имеет смысл прописывать заголовок всей страницы немного отличающимся от заголовка статьи. Я лично этого не делаю (ломает), да и у меня в тегах h3 они живут, а не в h2.
В WordPress для прописывания уникальных тайтлов обычно используют , ну а в Joomla так, как описано в статье про .
Вообще, очень важно не переборщить. С одной стороны, краткость — сестра таланта, но простое перечисление ключей в тайтле может привести к печальным последствиям (понижение позиций или даже полный вылет страницы из индекса). С другой стороны, с целью уменьшения его размера желательно поменьше в нем использовать пустых (стоп) слов (союзы, частицы, местоимения), которые никак не могут повлиять на ранжирование. В общем, надо искать золотую середину .

Как написать Тайтл эксплуатирующий любопытство

Чуть выше мы рассмотрели технические аспекты, влияющие прежде всего на удачное ранжирование ваших документов (их продвижение). Но вот про вторую задачу, которую выполняет Тайтл, мы поговорили пока что только очень поверхностно. Я говорю про создание цепляющего заголовка, который может очень существенно повысить частоту кликов по вашему объявлению в поисковой выдаче Яндекс или Гугла (ctr).

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

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

Больше всего вызывают любопытство у пользователей такие заголовки (title, в том числе), утверждения в которых бросают вызов устоявшимся понятиям. Особенно это будет действенным для читателя, которому данная тема знакома, но ваш заголовок ломает сложившиеся у него стереотипы и ему начинается казаться, что он, наверное, чего-то не знает (что-то упустил, не учел или же есть какой-то секрет, который он не знает).

Разгорается желание во всем этом разобраться, а это вам и нужно было. Примером, наверное, может в некоторой степени служить заголовок этой статьи (проба пера, так сказать).

Итак, описанным выше способом вы создаете некоторый беспорядок (раздрай) в голове читателя, тем самым пытаясь простимулировать его на прочтение вашей статьи. Но не все так просто. Многие читатели будут себе на уме (люди склонны оценивать свои познания, как правило, выше, чем они имеют место быть).

Они решат, что и так знают, о чем пойдет речь в вашей статье. Нужно написать заголовок так, чтобы они поняли, что вы знаете о том, что они знают , но говорить вы будете в статье про еще им неведомое.

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

В общем, дело ясное, что дело темное. Если у вас есть талант, то воспользовавшись этими советами составить цепляющий title у вас получится, а если нет, то и не получится (как у меня, например).

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Ключевые слова в тексте и заголовках
Как ключевые слова влияют на продвижение сайта в поисковых системах
Способы оптимизации контента и учет тематики сайта при ссылочном продвижении для сведения затрат к минимуму
Какие факторы поисковой оптимизации влияют на продвижение сайта и в какой степени
Расшифровка и разъяснение Seo сокращений, терминов и жаргонизмов
Как работают поисковые системы — сниппеты, алгоритм обратного поиска, индексация страниц и особенности работы Яндекса
Внутренняя оптимизация — подбор ключевых слов, проверка тошноты, оптимальный Title, дублирование контента и перелинковка под НЧ
Контент для сайта — как наполнение уникальным и полезным контентом помогает в современном продвижении сайтов
Поисковая оптимизация текстов — оптимальная частота употребления ключевых слов и его идеальная длина

Теги meta помогают людям находить ваш сайт в поисковых системах, влияют на его позиции в поисковой выдаче. Если правильно применять мета-теги – шанс того, что ваш сайт попадет в ТОП Yandex, Google, Rambler и других ПС значительно возрастает. Метатеги не являются обязательным атрибутом, и вы можете не использовать их. Поэтому стоит разобраться, насколько важны и зачем они нужны.

Мета-теги – это часть программного кода страницы. Они не видны обычному пользователю, и указываются в HTML коде страницы между открывающим и закрывающим тегом

Главные задачи мета-тегов:

Влиять на режим отображения страницы в браузерах.
Определять авторство контента, адрес страницы и частоту ее обновления.
Направлять роботов поисковых систем в вопросах индексации, перехода по гиперссылкам.

Какие бывают мета-теги

Для роботов поисковых систем (title, description, keywords) – используются для внутренней оптимизации ресурса .
Технического характера – они позволяют правильно настроить отображение и индексацию страницы, указать информацию об авторе и документе.

Роботы поисковых систем – это специальная программа, которая перебирает все страницы из интернета и добавляет информацию из них в базу данных. Поисковый робот (веб-паук) анализирует страницы сайта, сохраняет и группирует контент по определенным критериям, после чего переходит по ссылке на следующую страницу и снова повторяет процесс.

Как правильно сформировать метатеги для ПС

Для составления title, description и keywords используются ключевые слова или фразы. Эти фразы важны, они подсказывают поисковым системам, какая тематика у статьи, и на какие вопросы она может ответить.

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

Тег «Title»

Мета-тег

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

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

Всем знакомая страничка поиска в Яндексе выдает нам результаты по запросу в виде блоков с названием и описанием или анонсом содержимого:

Так выглядит содержимое тега «Title» в заголовке вкладки (окна браузера):

Как заполнять тег title

Содержимое тайтла определяет соответствие запросу пользователя для поисковой системы и вероятность перехода на конкретный сайт. Поэтому тайтл должен содержать основной ключевой запрос и, в то же время отличаться от конкурентов. Попробуйте указать в тайтле конкурентные преимущества вашего товара, или изюминку сайта. Только тогда тег title будет более привлекательным для пользователей, и они начнут переходить на страницу вашего сайта.

Поисковые системы установили стандарты на содержимое и допустимый объем в теге title. Задача вебмастера – вместить в короткую фразу самые емкие и важные слова как для роботов, так и для человека.

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

Ключевые слова: купить вечернее платье , интернет-магазин платье, купить платье недорого, сколько стоит вечернее платье

Можно было бы так: «Купить вечернее платье, интернет-магазин платьев, купить платье недорого»

Но лучше будет так: «Купить вечернее платье в интернет-магазине недорого с доставкой».

То есть в стремлении ответить на большее количество запросов пользователя можно не угодить поисковику, в первом случае получается переспам по основному ключу. Во втором случае нет повторов, есть гармонично составленное предложение, содержащее к тому же основной ключевой запрос + 2 ключевых слова: “интернет-магазин” и “недорого”.

Важно: Поисковые системы Yandex и Google выдвигают разные стандарты длины тега Title. Google отображает пользователям до 70 символов, и до 12 слов. Яндекс отображает – до 15-ти слов, и до 80-ти символов.

Мета-тег Description – описание страницы

«Description» – тег предоставляет «анонс» на странице выдачи по запросу пользователю краткое описание содержимого страницы. Тег наполняется 2-4 короткими предложениями, в которых рекомендуется использовать 1-2 поисковых запроса

Как заполнять metadescription

Для создания примеров возьмем за основу 2 поисковые фразы: стильная женская одежда, одежда от производителя.

Например,

можно было бы скопировать часть статьи со страницы: С 1992 года наша компания сотрудничает с итальянскими домами моды. Поэтому в нашем ассортименте представлен широкий выбор моделей, благодаря чему вы можете купить одежду от производителя недорого. Стильная женская одежда – мечта каждой женщины.
но лучше составить уникальный, без переспама, но с ключевыми словами небольшой анонс содержимого страницы: Купить стильную женскую одежду от итальянского производителя можно в нашем интернет-магазине недорого, с доставкой.

Возможно пользователю интересна история с 1992 года и пустой маркетинговый текст, но более привлекателен для человека конкретный ответ на его запрос. То есть слова, помимо ключевых, должны иметь вес в глазах пользователя. В нашем примере текст про «недорого» и «с доставкой» выгодно отличает этот интернет магазин от того, который «представляет широкий выбор» словами-штампами и пустым текстом, не имеющим веса в мета – description, о том, что «одежда – это мечта каждой женщины».

Поисковики также ограничивают длину этого тега, поэтому рекомендуется наиболее весомые слова и фразы применить ближе к началу предложения. Используйте свои преимущества, «изюминки», как например «бесплатная доставка» или «акции и скидки». Так вы угодите роботам и сможете выделиться среди конкурентов для людей.

C помощью содержимого meta name description поисковые системы формируют сниппеты. Это короткое описание страницы, которое отображается в поисковой выдаче сразу под ссылкой на сайт.

Вы помните, как это выглядит:

Если же ПС считают, что meta name description content сформирован не по всем правилам, то сниппет создается из разных кусочков фраз, находящихся на странице.

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

«Description» вместе с тегом «Title», о котором мы говорили выше, образуют пару самых важных мета-тегов для внутренней оптимизации . От правильности заполнения этих двух тегов зависит:

Ранжирование страницы в поисковых системах.
Перейдет ли пользователь из ПС к вам на сайт.

Прописывать теги «Title» и «Description» рекомендуется для каждой страницы сайта.

Мета-тег Keywords – поисковые запросы

Мета-тег keywords используется для того, чтобы сообщить поисковым системам, на какие запросы отвечает содержимое страницы. Если ПС находит соответствие контента ключевым фразам в meta keywords и релевантность запросу пользователя, это дает большую вероятность вывода вашего сайта в результатах поиска.

Мета-тег keywords не должен содержать слова, которые не встречаются в тексте на странице. То есть не может быть прописан ключ «плащ с капюшоном» для страницы о босоножках, если фраза не упоминается в тексте. Такая страница не отвечает на этот запрос по факту, но претендует на место в выдаче по этому ключевому слову. ПС выражают свое неуважение к таким ресурсам понижая их позиции в поиске.

Если ключами для страницы являются: вечерние платья, купить вечернее платье, заказать вечернее платье, вечернее платье с доставкой, платье в клетку, платье в пол, то не стоит в таком виде применять их для заполнения meta keywords.

Правильнее без повторов и переспама: вечернее платье, купить, заказать, с доставкой, в клетку.

Важно не переспамить вариациями однокоренных слов, повторами, склонениями и словоформами поискового запроса, иначе ПС посчитают страницу некачественной и могут понизить при ранжировании.

Технические мета-теги

Они используются для оптимизации сайта, настройки его отображения в браузере. При их помощи можно включать или выключать некоторые доступные опции, например возможность или запрет индексации страницы поисковыми роботами.

Основные технические мета-теги:

Content-type – в нем содержится информация о типе документа и его кодировки. Мета-тег влияет на правильность отображения страницы в браузере. Сейчас браузеры способны легко определить кодировку сайта, но вебмастеры рекомендуют воспользоваться тегом для большей уверенности.

Content-language – тег сообщает браузеру и поисковым роботам, на каком языке представлен контент на сайте.

Refresh – используя этот тег, можно указать браузере время, через которое документ автоматически должен обновиться, или перевести пользователя на другую страницу.

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

Index – страница открыта для индексирования/Noindex – запрещает индексацию страницы
Follow – позволяет учитывать гиперссылки на странице/Nofollow – не позволяет учитывать гиперссылки на странице
All – замена для значений «follow» и «index», позволяет учитывать гиперссылки и индексировать страницу
None – замена для значений «nofollow» и «noindex», закрывает от индексации страницу и гиперссылки

Meta Author и Copyright – с помощью этих тегов можно указать владельца документа и авторство.

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

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

Полное руководство по мета-тегам SEO

Взгляды автора являются полностью его или ее собственными (за исключением маловероятного случая гипноза) и могут не всегда отражать взгляды Моза.

Что такое метатеги?

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

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

Пример метатегов включает элементы и <description>.</p><h3><span class="ez-toc-section" id="i-25"> Начало работы с метатегами </span></h3><p> Метатеги представляют собой начало большей части обучения SEO, к лучшему или к худшему. Я обдумывал, как именно представить эту тему, потому что мы всегда слышим о плохой стороне метатегов, а именно о метатеге ключевых слов.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/money-insider.ru/wp-content/uploads/2020/01/Description.png' /><noscript><img loading='lazy' src='/800/600/http/money-insider.ru/wp-content/uploads/2020/01/Description.png' /></noscript> Одна из первых вещей, которые анализируются в любом обзоре сайта, — это неправильное использование метатегов, главным образом потому, что они находятся в верхней части каждой страницы в заголовке и, следовательно, видны в первую очередь. Но мы не хотим становиться слишком негативными; Мета-теги — одни из лучших инструментов в арсенале поискового маркетолога. <br/></p><p> Помимо <em> описания </em> и <em> ключевых слов </em> есть метатеги, хотя эти два выбираются чаще всего. Я разделил наиболее часто используемые (по моему опыту) на хорошие, плохие и безразличные. Вы заметите, что список становится длиннее, когда мы добираемся до плохих. Мне не удалось охватить все метатеги, которые можно добавить, но есть исчерпывающий ресурс метатегов, который вы должны проверить, если вас интересует все, что там есть. <br/></p><p> Важно отметить, что в 2019 году ваши метатеги по-прежнему имеют значение, но не все из них могут вам помочь. По моему опыту, и я думаю, что любой специалист по поисковой оптимизации согласится с тем, что если вы хотите занимать высокие позиции в поиске, ваши метатеги должны сопровождать высококачественный контент, ориентированный на удовлетворение пользователей.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i2.wp.com/rookee.ru/upload/medialibrary/1a3/content_img.png' /><noscript><img loading='lazy' src='/800/600/http/i2.wp.com/rookee.ru/upload/medialibrary/1a3/content_img.png' /></noscript></p><p> Мой главный совет: придерживаться минимума ядра. Не добавляйте ненужные метатеги — они только занимают место в коде. Чем меньше у вас кода, тем лучше. Думайте о коде своей страницы как о наборе пошаговых указаний, как добраться куда-то, но для браузера. Посторонние метатеги — это надоедливые элементы строки «Двигайтесь прямо 200 футов» в направлениях проезда, которые просто говорят вам оставаться на той же дороге, по которой вы уже едете!</p><h3><span class="ez-toc-section" id="i-26"> Хорошие метатеги </span></h3><p> Это метатеги, которые должны быть на каждой странице, несмотря ни на что. Обратите внимание, что это небольшой список; это единственные, которые требуются, поэтому, если вы можете работать только с ними, сделайте это.</p><ul><li> <strong> Тип метаконтента </strong> — этот тег необходим для объявления вашего набора символов для страницы и должен присутствовать на каждой странице. Отсутствие этого может повлиять на то, как ваша страница отображается в браузере. Несколько вариантов перечислены ниже, но ваш веб-дизайнер должен знать, что лучше всего подходит для вашего сайта.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/nadezhdakhachaturova.ru/wp-content/uploads/2016/02/zapros_deskripahn_gugl.png' /><noscript><img loading='lazy' src='/800/600/http/nadezhdakhachaturova.ru/wp-content/uploads/2016/02/zapros_deskripahn_gugl.png' /></noscript></li></ul><pre> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </pre><pre> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> </pre><ul><li> <strong> Заголовок </strong> — Хотя тег заголовка не начинается с «мета», он <em> — это </em> в заголовке и содержит информацию, очень важную для SEO. У вас всегда должен быть уникальный тег заголовка на каждой странице, которая описывает страницу. Прочтите этот пост для получения дополнительной информации о тегах заголовков.</li><li> <strong> Мета-описание </strong> — Печально известный тег мета-описания используется для одной основной цели: описать страницу пользователям, которые ищут, когда они читают поисковую выдачу. Этот тег не влияет на ранжирование, но тем не менее очень важен. Именно копия объявления будет определять, нажмут ли пользователи на <em> ваш результат </em>. Держите его в пределах 160 символов и пишите так, чтобы привлечь внимание пользователя. Продайте страницу — заставьте их нажать на результат.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i0.wp.com/semantica.in/wp-content/uploads/2015/07/primer-metategi-2.jpg' /><noscript><img loading='lazy' src='/800/600/http/i0.wp.com/semantica.in/wp-content/uploads/2015/07/primer-metategi-2.jpg' /></noscript> Вот отличная статья о мета-описаниях, которая более подробно описана.</li><li> <strong> Область просмотра </strong>. В этом мобильном мире вы должны указать область просмотра. Если вы этого не сделаете, вы рискуете получить плохой мобильный опыт — инструмент Google PageSpeed Insights расскажет вам об этом подробнее. Стандартный тег:</li></ul><pre> <meta name=viewport content="width=device-width, initial-scale=1"> </pre><h3><span class="ez-toc-section" id="i-27"> Безразличные метатеги </span></h3><p> Различные сайты должны использовать их в определенных обстоятельствах, но если вы можете обойтись без них, пожалуйста, сделайте это.</p><ul><li> <strong> Социальные мета-теги – </strong> Я опускаю их. Данные OpenGraph и Twitter важны для совместного использования, но не являются обязательными <em> как таковые. </em></li><li> <strong> Роботы — </strong> Одно большое заблуждение состоит в том, что у вас должен быть метатег robots. Давайте проясним это: с точки зрения индексации и перехода по ссылкам, если вы не укажете метатег robots, они прочитают это как индекс <em>, следуйте </em>.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/5/489560/slide_12.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/5/489560/slide_12.jpg' /></noscript> Только если вы хотите <em> изменить </em> одну из этих двух команд, вам нужно добавить мета-роботов. Поэтому, если вы хотите не индексировать, но переходите по ссылкам на странице, вы должны добавить следующий тег только с noindex, поскольку подразумевается, что он следует. Меняйте только то, что вы хотите, чтобы отличалось от нормы.</li></ul><pre> <meta name="robots" content="noindex" /> </pre><ul><li> <strong> Конкретные боты (Googlebot) </strong> — эти теги используются для предоставления конкретных инструкций боту, таких как <em> noodp </em> (заставляя их не использовать вашу DMOZ информация о листинге, RIP) и <em> noydir </em> (то же самое, но вместо информации о листинге каталога Yahoo). Как правило, поисковые системы действительно хороши в таких вещах сами по себе, но если вы считаете, что вам это нужно, не стесняйтесь. Я видел несколько случаев, когда это было необходимо, но если вам необходимо, рассмотрите возможность использования общих 9Тег 0020 robots </em> указан выше.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/goldbusinessnet.com/wp-content/uploads/2017/02/2017-02-05_125039.png' /><noscript><img loading='lazy' src='/800/600/http/goldbusinessnet.com/wp-content/uploads/2017/02/2017-02-05_125039.png' /></noscript></li><li> <strong> Язык </strong>. Единственная причина использовать этот тег — если вы переезжаете за границу и вам нужно объявить основной язык, используемый на странице. Полный список языков, которые вы можете объявить, см. в этом ресурсе метаязыков.</li><li> <strong> Geo </strong> — Последнее, что я слышал, эти метатеги поддерживаются Bing, но не Google (вы можете настроить таргетинг на страну в Search Console). Существует три вида: топоним, положение (широта и долгота) и регион.</li></ul><pre> <META NAME="geo.position" CONTENT="широта; долгота"> <META NAME="geo.placename" CONTENT="Название места"> <META NAME="geo.region" CONTENT="Код подразделения страны"> </pre><ul><li> <strong> Ключевые слова </strong> — Да, я внес это в список «безразличных». Хотя ни один хороший SEO-специалист не порекомендует тратить время на этот тег, есть небольшая вероятность, что он может вам где-то помочь. Пожалуйста, оставьте его, если вы создаете сайт, но если он автоматизирован, нет причин его удалять.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/directline.pro/upload/medialibrary/018/0185bd984ffa52387b7db537c640802b.png' /><noscript><img loading='lazy' src='/800/600/http/directline.pro/upload/medialibrary/018/0185bd984ffa52387b7db537c640802b.png' /></noscript></li><li> <strong> Обновить </strong> — это перенаправление для бедняков, и его не следует использовать, если это вообще возможно. Вы всегда должны использовать перенаправление 301 на стороне сервера. Я знаю, что иногда что-то должно произойти <em> сейчас </em> , но Google НЕ фанат.</li><li> <strong> Проверка сайта </strong> — Ваш сайт проверен с помощью Google и Bing, верно? У кого есть метатеги подтверждения на главной странице? Иногда это необходимо, потому что вы не можете загрузить другие формы проверки сайта, но, если это вообще возможно, попробуйте проверить другой способ. Google позволяет вам выполнять проверку с помощью DNS, внешнего файла или путем привязки вашей учетной записи Google Analytics. Bing по-прежнему разрешает только файл XML или метатег, поэтому используйте файл, если можете.</li></ul><h3><span class="ez-toc-section" id="i-28"> Плохие мета-теги </span></h3><p> Ничего плохого не случится с вашим сайтом, если вы их используете — позвольте мне пояснить это. Однако это пустая трата места; даже Google так говорит (и это было 12 лет назад!).<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/image2.slideserve.com/4829984/plutongeo-ru-title-l.jpg' /><noscript><img loading='lazy' src='/800/600/http/image2.slideserve.com/4829984/plutongeo-ru-title-l.jpg' /></noscript> Если вы готовы и желаете, возможно, пришло время провести весеннюю уборку вашей области<head>.</p><ul><li> <strong> Автор/веб-автор </strong> — этот тег используется для имени автора страницы. Это просто не нужно на странице.</li><li> <strong> Повторно посетить после </strong> — этот метатег представляет собой команду для роботов вернуться на страницу через определенный период времени. За ним не следует ни одна крупная поисковая система.</li><li> <strong> Рейтинг </strong> — этот тег используется для обозначения рейтинга зрелости контента. Я написал пост о том, как пометить страницу изображениями для взрослых, используя очень запутанную систему, которая с тех пор была обновлена (см. комментарии к посту). Кажется, что лучший способ отметить плохие изображения — поместить их в отдельный каталог от других изображений на вашем сайте и предупредить Google.</li><li> <strong> Срок действия/дата </strong> — «Срок действия» используется для обозначения истечения срока действия страницы, а «дата» — это дата создания страницы.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i0.wp.com/pandoge.com/uploads/posts/2017-06/1498176535_news_pandoge_com.png' /><noscript><img loading='lazy' src='/800/600/http/i0.wp.com/pandoge.com/uploads/posts/2017-06/1498176535_news_pandoge_com.png' /></noscript> Срок действия какой-либо из ваших страниц истекает? Просто удалите их, если они есть (но, пожалуйста, не обновляйте контент, даже конкурсы — вместо этого сделайте его ежегодным!). А для «даты» создайте XML-карту сайта и обновляйте ее. Это гораздо полезнее.</li><li> <strong> Copyright </strong> – Эта статья Google немного обсуждает это со мной, но посмотрите на нижний колонтитул вашего сайта. Я предполагаю, что это говорит «Авторское право 20xx» в той или иной форме. Зачем говорить это дважды?</li><li> <strong> Abstract </strong> — Этот тег иногда используется для размещения реферата содержания и используется в основном в образовательных целях.</li><li> <strong> Распространение </strong> — Значение «распространение» предположительно используется для управления тем, кто может получить доступ к документу, обычно установленному как «глобальный». По своей сути подразумевается, что если страница открыта (не защищена паролем, как в интрасети), она предназначена для всего мира. Примите это и оставьте тег на странице.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/a/4/a/a4aacb54a1dac1481f79db7b51aeed75.png' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/a/4/a/a4aacb54a1dac1481f79db7b51aeed75.png' /></noscript></li><li> <strong> Генератор </strong> — используется для обозначения того, какая программа создала страницу. Как и «автор», это бесполезно.</li><li> <strong> Cache-control </strong> — этот тег установлен в надежде контролировать, когда и как часто страница кэшируется в браузере. Лучше всего сделать это в заголовке HTTP.</li><li> <strong> Тип ресурса </strong> — используется для обозначения типа ресурса страницы, например «документ». Сэкономьте свое время, так как объявление DTD сделает это за вас.</li></ul><p> Существует так много метатегов, что я хотел бы услышать о тех, которые, по вашему мнению, нужно добавить или даже удалить! Пишите в комментариях с предложениями или вопросами. <br/></p><h2><span class="ez-toc-section" id="i-29"> Определение, примеры и передовой опыт </span></h2><p> Давайте поговорим о метатегах: что это такое, почему они важны и как сделать их лучше.</p><p> Если вы нашли эту статью через поисковую систему, есть большая вероятность, что вы нашли и нажали на эту статью из-за метатегов.</p> <iframe title="Should You Spend Time on Meta Tags?" src="https://www.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/lucky-seo.com/wp-content/uploads/2015/12/Screenshot_1-2-768x601.png' /><noscript><img loading='lazy' src='/800/600/http/lucky-seo.com/wp-content/uploads/2015/12/Screenshot_1-2-768x601.png' /></noscript> youtube.com/embed/ClXTdjsXKFU?feature=oembed» frameborder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen=»»/> </iframe><p> Метатеги — это основа SEO, и это первое, что вы настроите при создании веб-страницы.</p><h3></h3><strong> Что такое метатеги? </strong></h3><p> Метатеги — это тип HTML-тега, который предоставляет поисковым системам информацию о странице веб-сайта.</p><p> Рассмотрим основные элементы.</p><p> Теги title и description составляют почти всю запись.</p><p> Если бы не эти метатеги, все, что вы видели бы в поисковой выдаче Google, было бы моим URL.</p><p> Теги заголовка и описания — два наиболее часто используемых тега для целей SEO, но SEO — не единственная часть цифрового маркетинга.</p><p> Расширенный цифровой маркетинг требует использования еще большего количества тегов, которые улучшают рейтинг страницы и общее взаимодействие с пользователем.</p><p> Как и в случае с этим результатом поиска, вы скоро обнаружите, что эти теги контролируют то, как все ваше цифровое присутствие просматривается и перемещается.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/1.bp.blogspot.com/-MxikNWItw6M/UcRl4qcIInI/AAAAAAAAWyY/2VlGJiR68-g/s1600/%25D0%259F%25D0%25BE%25D0%25BB%25D0%25BD%25D0%25BE%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25BD%25D0%25B0%25D1%258F+%25D0%25B7%25D0%25B0%25D0%25BF%25D0%25B8%25D1%2581%25D1%258C+21.06.2013+171022.jpg' /><noscript><img loading='lazy' src='/800/600/http/1.bp.blogspot.com/-MxikNWItw6M/UcRl4qcIInI/AAAAAAAAWyY/2VlGJiR68-g/s1600/%25D0%259F%25D0%25BE%25D0%25BB%25D0%25BD%25D0%25BE%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25BD%25D0%25B0%25D1%258F+%25D0%25B7%25D0%25B0%25D0%25BF%25D0%25B8%25D1%2581%25D1%258C+21.06.2013+171022.jpg' /></noscript></p><p> Машины могут нормально читать URL-адреса. Если бы я писал для машин, мой сайт выглядел бы так:</p><p> Google отдает приоритет определенным тегам, потому что они обеспечивают контекст для людей.</p><p> Я также создал свой веб-сайт для людей, поэтому он выглядит так:</p><p> Эта полировка — это то, что представляет собой маркетинг.</p><p> В этом сообщении блога мы рассмотрим метатеги и посмотрим, как они влияют на ваши общие усилия в области цифрового маркетинга.</p><p> Несмотря на простоту, дьявол кроется в деталях, и каждая деталь имеет значение.</p><h3></h3><strong> Как мета-теги влияют на имидж бренда и рейтинг кликов </strong></h3><p> Вы абсолютно точно можете судить о книге по ее обложке. Это то, для чего предназначены чехлы.</p><p> Ваш заголовок и мета-тег описания создают обложку для вашей веб-страницы. Это ваше первое впечатление на большинство посетителей.</p><p> Дело не только в поисковых системах, но и в том, как мы смотрим в Интернет.</p><p> Reddit — это базовый сайт для агрегации ссылок, который убирает все прибамбасы.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/directline.pro/upload/medialibrary/e98/e984e20a1c6d76cc6034043287edebfa.png' /><noscript><img loading='lazy' src='/800/600/http/directline.pro/upload/medialibrary/e98/e984e20a1c6d76cc6034043287edebfa.png' /></noscript></p><p> Reddit зависит от заголовка и изображения, чтобы побудить к разговорам и кликам.</p><p> Правильное использование метатегов похоже на использование правильного формата для деловой электронной почты.</p><p> Конечно, вы можете выложить все, что захотите, но в какой-то момент ожидается определенный уровень профессионализма.</p><p> Даже Amazon предоставит вам только изображение, название и краткое описание, чтобы подчеркнуть вашу точку зрения.</p><p> Думайте об этих тегах как о своей презентации.</p><p> Вам дается примерно столько же места, сколько твиту, чтобы продать весь ваш бренд и продукт.</p><p> Это означает, что вам нужно прибить его.</p><p> Нельзя просто звонить в эту деталь и шлифовать все остальное. Если вы это сделаете, никто никогда не увидит остальную часть того, что вы отполировали.</p><p> Мы уже знаем, как метатеги влияют на SEO, но это не единственный элемент.</p><p> Метатеги облегчат ваш маркетинг по электронной почте и автоматизацию маркетинга, предоставляя информацию для ссылок, отправляемых по электронной почте.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/adviko.by/blog/wp-content/uploads/2016/01/meta-description-examples.jpg' /><noscript><img loading='lazy' src='/800/600/http/adviko.by/blog/wp-content/uploads/2016/01/meta-description-examples.jpg' /></noscript></p><p> Теги — важнейший элемент, определяющий, как будут выглядеть мои автоматизированные посты в социальных сетях.</p><p> Когда другие блоггеры, пользователи YouTube и влиятельные лица в социальных сетях (и микро-влиятельные лица) делятся вашим контентом, теги облегчают эту задачу.</p><p> Думайте о метатегах как об упаковке вашего продукта.</p><p> Если ваша упаковка не идеальна, никто никогда не купит ваш продукт, каким бы замечательным он ни был!</p><p> Какие передовые методы можно применить для тегов?</p><h3></h3><strong> Рекомендации по использованию метатегов </strong></h3><p> Существует МНОЖЕСТВО различных HTML-тегов, которые можно использовать на веб-странице. Мы сосредоточимся только на нескольких важных тегах.</p><p> Начнем с того, что могло привести вас сюда сегодня.</p><h4></h4><strong> 1. Теги заголовков </strong></h4><p> Технически это не метатег, но он отображается в заголовке и используется как таковой.</p><p> По состоянию на июль 2017 года максимальное количество символов для тегов заголовков в результатах поиска Google составляет 78 символов на мобильных устройствах и 70 – на настольных компьютерах.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/lucky-seo.com/wp-content/uploads/2015/12/Screenshot_1-2.png' /><noscript><img loading='lazy' src='/800/600/http/lucky-seo.com/wp-content/uploads/2015/12/Screenshot_1-2.png' /></noscript></p><p> Однако это не обязательно означает, что вы должны использовать все эти символы, и 60 – обычно рекомендуемое ограничение.</p><p> Длинные ключевые слова имеют значение.</p><p> Вот лучшие мета-заголовки в поисковой выдаче «Как сделать контент-маркетинг эффективным».</p><p> Добавляя год, мы получаем совершенно новый набор результатов «как сделать контент-маркетинг эффективным в 2021 году».</p><p> Некоторым пользователям нужна основная информация, а другим — самая последняя.</p><p> Путем настройки нашего тега заголовка мы можем повлиять на то, по каким из этих поисков мы ранжируемся.</p><p> В конечном счете цель состоит в том, чтобы поразить обоих, но это не всегда возможно.</p><p> Убедитесь, что ключевое слово присутствует в заголовке, иначе вы обнаружите, что ваши статьи скрыты в результатах поиска.</p><p> Например, когда я ищу «лучшие тако в Тусоне», некоторые рестораны находятся на странице 9 ниже, даже Del Taco.</p><p> Это упущенная возможность для тако столицы страны!</p><p> Эти малые предприятия могли бы значительно улучшить свои результаты поиска, продажи и рентабельность инвестиций, просто добавив «лучшие тако в Тусоне» к своим тегам заголовков.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/2/e/9/2e9154568078a9bb01c5ea920d2a0891.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/2/e/9/2e9154568078a9bb01c5ea920d2a0891.jpeg' /></noscript></p><p> Вот пример HTML-кода, необходимого для тега заголовка, расположенного в вашем заголовке.</p><p><head></p><p><title>Лучший пример заголовка, который я смог придумать

В WordPress это так же просто, как дать название вашей странице.

Вы действительно не можете пропустить это.

Вот и все!

2. Теги изображений

Как и теги заголовков, теги изображений не помечены как «мета».

Они явно используются поисковыми системами, агрегаторами ссылок и другими сайтами для идентификации вашего сайта.

На самом деле два описания изображения втиснуты в один тег.

Вот как выглядит HTML-код.

Теги alt и title должны быть определены для лучшего восприятия.

Название отображается на экране при наведении на него курсора.

Замещающий текст отображается, когда изображение не может быть воспроизведено (или проговаривается для слепых и слабовидящих).

При загрузке изображения в WordPress вам будет предложено ввести заголовок, подпись, замещающий текст и описание.

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

Это также вопрос соответствия веб-сайта ADA.

Только в США насчитывается около 7,5 миллионов человек с той или иной степенью нарушения зрения.

Это огромный сегмент населения, у которого не было бы хорошего пользовательского опыта без тегов alt-изображения.

Оптимизируйте изображения для поисковых систем и пользователей.

3. Описание метатегов

Мета-тег описания дает вам возможность предоставить обзор содержимого страницы.

Они ограничены примерно 160 символами и вообще не связаны напрямую с поисковыми алгоритмами Google.

Опять же, причина, по которой вам нужны теги описания, состоит в том, чтобы улучшить взаимодействие с пользователем.

Теги описания поощряют клики.

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

Без метаописания Google по умолчанию будет использовать любое предложение предварительного просмотра, которое, по его мнению, лучше всего описывает содержание.

Это не обязательно плохо.

У этого поста нет мета-описания (я редко им пользуюсь), и он хорошо ранжируется.

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

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

4. Метатеги Noindex и Nofollow для роботов

Метатеги для роботов не всегда необходимы.

По умолчанию все страницы и ссылки, которые вы создаете на своем веб-сайте, индексируются поисковыми ботами и поисковыми роботами как «follow» .

Всякий раз, когда вы хотите перенаправить их, вам понадобится метатег робота.

Вот HTML-код noindex:

(…)

Это должно быть в заголовке и указывать, что эту страницу не нужно индексировать.

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

Вот HTML для робота nofollow.

Используется для ссылок, которые вы не обязательно хотите поддерживать.

Например, читатели, оставляющие ссылки в моих комментариях, не совсем одобрены мной, поэтому тег nofollow над разделом комментариев защищает мой сайт от ботов.

Вот отличная инфографика о том, когда и как использовать теги nofollow.

Теперь мы подошли к одному из самых спорных мета-тегов.

5. Метатеги ключевых слов

Теги ключевых слов не используются алгоритмами поиска для определения рейтинга поиска.

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

Я учу своих SEO-клиентов игнорировать теги ключевых слов, потому что они не влияют на SEO.

Однако это не обязательно делает их бесполезными. Они особенно полезны в WordPress.

Теги ключевых слов и категории могут помочь Google определить, какая страница вашего сайта должна ранжироваться при поиске.

Они также создают страницу в WordPress, которая предоставляет еще одну проиндексированную страницу.

Это означает, что в то время как ваши сообщения в блоге сосредоточены на ключевых словах с длинным хвостом, ваши страницы тегов и категорий имеют фиды, охватывающие более короткие ключевые слова.

Категории могут использоваться для формата URL, добавляя еще одно ключевое слово к адресу страницы.

Это делается в разделе «Настройки» > «Постоянные ссылки» в WordPress.

Добавление этого формата обеспечивает контекст для вашего контента.

Google любит контекст для результатов поиска!

Ключевые слова также предоставляют общую картину того, сколько страниц у вас есть для каждого ключевого слова.

Вы можете использовать их для планирования своего редакционного календаря.

6. Теги окна просмотра

Вы не тратите много времени на размышления о окнах просмотра, но они особенно важны в сегодняшнем мире мобильного поиска.

На мобильных устройствах страницы отображаются во всплывающем окне, называемом окном просмотра, которое выходит за границы устройства.

Вот иллюстрация того, о чем я говорю.

Разработчики могут установить размер окна просмотра для повышения удобства использования на мобильных устройствах.

Пользователи WordPress могут проверить этот тег, чтобы узнать эту информацию для своих шаблонов.

Вы, вероятно, не знали об этом, если вы уже не являетесь веб-разработчиком.

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

Теперь, когда у вас есть общее представление о метатегах и их важности, я покажу вам некоторые из моих любимых инструментов для работы с ними.

Бесплатные инструменты для добавления и проверки ваших метатегов

Не волнуйтесь, если все это звучит ошеломляюще — существует множество инструментов, упрощающих создание правильных метатегов. Вот два моих любимых.

Плагин Yoast SEO для WordPress

Yoast — это мощный плагин SEO для WordPress и один из самых загружаемых инструментов SEO и метатегов.

С помощью Yoast все страницы и сообщения, которые вы публикуете, имеют внутренние параметры для расширения социальных сетей, оптимизации SEO, обновления тегов и других метаданных.

С Yoast, установленным на вашем сайте WordPress, достаточно нескольких кликов и нескольких секунд вашего времени, чтобы добавить метатеги в ваш процесс.

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

Средство извлечения метатегов BuzzStream

Если вам нужна быстрая диаграмма метаданных, используемых вашими конкурентами, BuzzStream’s Meta Tag Extractor — это элегантное и простое решение.

Скопируйте и вставьте список URL-адресов, и вам будет представлена информация метатега.

Существует даже возможность загрузки в виде файла CSV, чтобы вы могли быстро очищать большие списки.

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

Этот бесплатный онлайн-инструмент выполняет свою работу без всяких наворотов.

Менее популярные (но все же полезные!) Метатеги

Чтобы быть полностью прозрачным, вот таблица метатегов HTML.

Метатег автора может использоваться для указания поисковым системам, кто написал часть контента.

Авторы использовались в прошлом для результатов поиска, но это больше не фактор. Однако вы можете использовать авторские теги, если ведете блог с несколькими авторами.

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

Это скорее почетный знак для блоггеров, чем что-либо еще.

Большинство остальных определяют параметры, которые уже должны контролироваться на уровне сервера.

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

Это не помогает ранжированию в поиске, но и не вредит им.

Часто задаваемые вопросы о метатегах

Что такое метатеги?

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

Почему важны метатеги?

Мета-теги важны для SEO, потому что они помогают поисковым системам понять, о чем ваш контент. На основе этих тегов поисковые системы смогут показывать сайт в соответствующих результатах. Таким образом, люди могут легко найти вас.

Как метатеги улучшают доступность веб-сайта?

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

Как добавить метатеги на свой сайт?

Метатеги можно добавлять прямо в HTML. Вы также можете добавить их в такие инструменты, как WordPress. Там вы можете добавить теги alt для изображений, теги заголовков и метаописания.

Метатеги Заключение

Метатеги — это основная часть HTML, и они могут влиять на поисковую оптимизацию.

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

С тех пор Интернет (и наши отношения с ним) развивались в геометрической прогрессии.

Контекстный поиск, цифровые помощники с искусственным интеллектом и мобильные устройства меняют способ просмотра контента.

Поисковые системы заинтересованы в предоставлении наилучших возможных результатов поиска, поэтому метатеги менее важны.

Однако некоторые из них, такие как заголовки и метаописания, важнее, чем когда-либо прежде.

Хотя используется меньше метаданных, это все же первое впечатление, которое вы производите как на роботов, так и на людей.

Что говорят о вас метатеги вашего сайта?

Посмотрите, как мое агентство может привлечь огромное количество трафика на ваш сайт

SEO — разблокируйте огромное количество трафика SEO. Смотрите реальные результаты.
Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
Платные медиа — эффективные платные стратегии с четкой рентабельностью инвестиций.

Заказать звонок

Краткое и простое руководство по метатегам в SEO

Метатеги — это невидимые теги, которые предоставляют данные о вашей странице поисковым системам и посетителям веб-сайта.

Короче говоря, они облегчают поисковым системам определение того, о чем ваш контент, и поэтому жизненно важны для SEO.

Метатеги размещаются в разделе HTML-документа, поэтому их необходимо кодировать в вашей CMS. Это может быть проще или сложнее в зависимости от платформы, на которой работает ваш веб-сайт: готовое решение, такое как WordPress, будет иметь специальный раздел для метатегов, таких как канонические ссылки или метаописания.

Однако, прежде чем мы перейдем к подробностям о том, какие метатеги добавить на свой сайт, давайте поговорим о том, почему они так важны.

Какое значение имеют метатеги?

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

Поисковые системы все больше ценят удобство для пользователей, и это включает в себя обеспечение того, чтобы ваш сайт как можно лучше удовлетворял запросу пользователя. Метатеги помогают в этом, гарантируя, что информация, которую ищущие должны знать о вашем сайте, отображается заранее в краткой и полезной форме.

Некоторые типы метатегов связаны со структурой страницы и обеспечивают удобную навигацию по вашему сайту, в то время как другие сообщают поисковым системам, какие части вашей страницы важны, а какие следует игнорировать.

Существует множество различных типов метатегов, которые выполняют разные роли, и не все из них имеют отношение к поисковой оптимизации. Вы можете найти полный список в нашем полном руководстве по метатегам.

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

Шесть метатегов для улучшения оптимизации вашего сайта

1. Тег title

Тег title — это одна из первых вещей, которую пользователи замечают в поисковой выдаче. Это заголовок вашей страницы, который предлагает предварительный просмотр того, о чем ваш контент.

Ресурсы

Важно, так как отображается в результатах поиска, но также отображается в качестве анкорного текста и заголовка в социальных сетях.

Это означает, что ваш тег заголовка должен быть четким, описательным и, как правило, не более 55 символов.

Если вы можете включить ключевое слово в эти 55 символов, вы можете улучшить SEO, но что еще более важно, не забывайте добавлять ценность. Название, в котором есть правильное ключевое слово, но не ясное, не обязательно приведет к улучшению результатов.

Ваш тег заголовка предназначен не только для посетителей, но и для поисковых систем, обнаруживающих ваш контент. Таким образом, вам нужно сочетать ясность с контекстом, чтобы ваш заголовок был понятным для всех.

Если вы используете такой плагин, как Yoast SEO в WordPress, становится проще добавить тег заголовка в раздел SEO, чтобы увидеть предварительный просмотр вашей страницы и то, как она может выглядеть в результатах поиска.

Другой способ добавить тег заголовка — через HTML-код сайта, который должен выглядеть примерно так:

Пример заголовка

Вывод : Обратите внимание на теги заголовков, они должны быть четкими и описательными.

2. Мета-описание

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

Мета-описание должно давать точное описание содержания вашей страницы. Обычно это элемент, который определяет, будут ли пользователи нажимать на вашу страницу, поэтому важно тратить время на ее оптимизацию.

Раньше оптимальная длина метаописаний составляла 150–165 символов, но недавнее обновление способа отображения результатов поиска Google привело к тому, что иногда отображались более длинные фрагменты. Чтобы узнать больше о том, что это значит для SEO и как к этому адаптироваться, прочтите обширную статью Дэвида Портни «Обновленная длина фрагмента поисковой выдачи Google: какой должна быть ваша SEO-стратегия сейчас?».

Как и в случае с тегами заголовков, вы можете добавить метаописание с помощью плагина, такого как Yoast SEO, или закодировать его вручную в HTML-коде вашего веб-сайта, как в этом примере:

Вывод : Используйте свое метаописание с умом и воспользуйтесь возможностью предоставить более подробную информацию о вашем контенте. Сделайте его привлекательным, лаконичным и актуальным.

3. Метатег robots

Метатег robots сообщает поисковым системам, какие страницы вашего сайта должны быть проиндексированы. Этот метатег служит той же цели, что и robots.txt ; обычно он используется, чтобы запретить поисковой системе индексировать отдельные страницы, а robots.txt не позволит ей индексировать весь сайт или раздел сайта.

Метатег robots, предписывающий сканеру поисковой системы не индексировать страницу и не переходить по каким-либо ссылкам на ней, будет выглядеть следующим образом:

Однако, если вы хотите, чтобы сканер проиндексировал вашу страницу и следил за ней, замените тег robots следующим образом:

Метатег robots помещается в раздел вашей страницы, и результат может выглядеть следующим образом:

(…)

(…)

Если вы не добавите метатег robots, поисковые роботы по умолчанию будут индексировать и отслеживать вашу страницу.

Зачем вам нужен этот метатег? Возможно, у вас на сайте есть несколько необходимых страниц, но они довольно тонкие по содержанию. Вы не обязательно хотите, чтобы они индексировались в поиске, но они по-прежнему важны для сайта, поэтому вы можете использовать0036 noindex , чтобы предотвратить их появление в поисковой выдаче.

Google также требует, чтобы ссылки были nofollow при определенных обстоятельствах. Например, в 2016 году для блоггеров было издано указание запрещать подписку на любые ссылки, которые они включили в обзор продукта, поскольку «эти ссылки не появляются естественным образом». Если вы хотите использовать nofollow для отдельной ссылки, вы можете сделать это, добавив rel=»nofollow» в HTML-код ссылки.

Однако, если вы хотите просто использовать nofollow для всех ссылок на определенной странице, вы можете сделать это с помощью метатега robots.

Вывод . Управляйте страницами, к которым поисковые роботы обращаются на вашем сайте, направляя их через метатег robots. Используйте метатег robots, чтобы поисковые роботы обрабатывали каждую страницу так, как вы хотите.

4. Альтернативный текст

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

Ваши изображения должны быть доступны как поисковым системам, так и людям. Замещающий текст может обеспечить обе эти вещи: предоставляет текстовую альтернативу изображениям, которая будет отображаться, если изображение не загружается или будет прочитано программой чтения с экрана; он также сообщает поисковым системам, что это изображение должно представлять.

Вы можете включать ключевые слова в замещающий текст изображения, но только если это имеет смысл — не добавляйте ключевые слова в этот тег, так как это в конечном итоге только повредит пользовательскому опыту для ваших посетителей с потребностями в доступности.

Takeaway : Используйте замещающий текст в изображениях для описания визуального контента. Это отличная возможность улучшить SEO, помогая поисковым системам и людям больше узнать о ваших изображениях.

5. Канонический тег

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

Вместо того, чтобы сбивать с толку Google и упускать свой рейтинг в поисковой выдаче, вы указываете поисковым роботам, какой URL считается «основным». Это делает акцент на правильном URL-адресе и предотвращает каннибализацию вашего SEO другими.

Канонический тег может выглядеть в HTML следующим образом:

com/" />

Takeaway : Используйте канонические теги, чтобы избежать проблемы с дублирующимся контентом, которые могут повлиять на ваш рейтинг.

6. Тег заголовка (h2, h3, h4 и т. д.)

Теги заголовка являются частью вашего контента; Короче говоря, это заголовки, которые вы используете для структурирования своей страницы.

Помимо улучшения взаимодействия с пользователем и облегчения чтения, теги заголовков также могут помочь поисковым системам понять, о чем ваш контент.

Порядок тегов заголовка (от h2 до h6) подчеркивает важность каждого раздела. Тег h2 обычно обозначает заголовок страницы или заголовок статьи, а тег h3 и ниже служат подзаголовками для разделения вашего контента.

Как бы ни были важны теги заголовков, не следует ими злоупотреблять — думайте о качестве, а не о количестве. Наличие пяти разных типов заголовков на вашей странице не поможет вашему SEO. Вместо этого используйте их тактически, чтобы разбить ваш контент и представить основную мысль каждого раздела.

Вот пример расположения тегов заголовков, взятый из этой статьи:

Быстрое и простое руководство по метатегам в SEO

Абзац содержания

Еще один абзац контента

Почему важны метатеги?

Абзац контента

Шесть метатегов теги для улучшения оптимизации вашего сайта

1. Тег title

Обычно рекомендуется использовать только один h2, хотя вы можете использовать более одного h3 или h4.

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

Как оптимизировать ваши мета-теги: контрольный список

Мета-теги могут помочь как поисковым системам, так и поисковикам. Они могут помочь вам улучшить взаимодействие с пользователем и отображение вашей бизнес-информации.

Это может способствовать повышению авторитета, расширению присутствия в поиске и, следовательно, повышению рейтинга.

Если вы готовы проверить свою эффективность с помощью метатегов, вот краткий контрольный список для начала:

Проверьте, есть ли на всех ваших страницах и в вашем контенте тегов заголовков и метаописаний
Начните уделять больше внимания своим заголовкам и тому, как вы структурируете свой контент
Не забудьте пометить изображения цифрой 9.0036 альтернативный текст
Используйте метатеги роботов , чтобы указать поисковым системам, как им получить доступ к вашему контенту
Ищите дубликаты страниц и используйте канонические теги , чтобы избежать каннибализации собственного контента дублирующимся или похожим контентом
Создайте контрольный список шагов, которые необходимо повторять при создании нового контента, и включите метатеги в свою рутину.

Что такое метатеги и почему они важны для SEO?

Метатеги важны для обеспечения SEO-оптимизации вашего контента. Вот полное изложение всего, что вам нужно знать для оптимизации ваших метатегов, включая примеры и лучшие практики.

Что такое метатеги?

Думайте о метатеге как о кратком описании вашей страницы. Его можно использовать как для поисковых систем, так и для пользователей для предварительного просмотра содержимого страницы. По сути, о чем ваша страница? (В этом случае вы можете судить о книге по ее обложке.)

Мета — это сокращение от метаданных, которые представляют собой тип информации, которую предоставляют эти теги — данные о данных на вашей странице.

Мета-теги не отображаются на вашей реальной веб-странице, но существуют в HTML-коде страницы. Это текст предварительного просмотра, который пользователь видит на странице результатов поисковой системы (SERP).

Почему метатеги так важны для SEO?

Метатеги — это первое впечатление о вашей странице в поисковой выдаче. Хорошее мета-описание привлечет пользователей, которые перейдут по ссылке и посетят ваш сайт. Они гарантируют, что поисковые системы знают, о чем ваш контент, поэтому они смогут показать веб-сайт в соответствующих результатах.

Подумайте об этом так: вы просматриваете полку магазина и видите один продукт с устаревшей и в целом непривлекательной этикеткой. Он упускает важную информацию, например, из чего сделан продукт? Затем вы видите этикетку на другом продукте, свежем и привлекательном, со списком видимых ингредиентов. Вы купите товар с лучшей этикеткой. То же самое и с мета-тегами: если ваше мета-описание плохое, никто не будет нажимать на ваш контент.

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

Если вы нашли эту статью через поисковую систему, велика вероятность, что вы нажали на нее из-за эффективных метатегов.

Позже мы углубимся в метатеги. Но сначала давайте рассмотрим основы.

Два наиболее важных метатега:

Теги заголовков : определяют заголовок веб-страницы. Это заголовок страницы, который Google показывает в результатах поиска.
Метаописания : которые просто описывают содержимое вашей страницы. Поисковые системы часто используют его для сниппета в результатах поиска.

Оба они просты в реализации и не требуют знаний в области программирования.

Где появляются теги заголовков?

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

Вкладка «Браузер». Напоминайте посетителям о содержании вашей страницы, отображая описательный заголовок во вкладке браузера.
Страницы результатов поисковой системы (SERP). Привлеките пользователей, которые нажимают на ваш результат, с помощью тега заголовка длиной не более 60 символов, чтобы поисковые системы не обрезали его.
Внешние сайты, такие как Facebook или Twitter. Четко опишите содержание страницы кратким заголовком, привлекающим внимание пользователей.

Как выглядит тег заголовка?

Хороший заголовок привлекает внимание пользователей и побуждает их щелкнуть или просмотреть вашу статью.

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

Здесь ваш заголовок

СОВЕТ : Если вы используете браузер Chrome, вы можете найти исходный код этой страницы, нажав «Ctrl + U».

Как оптимизировать теги заголовков для улучшения SEO:

Длина заголовков не должна превышать 55-60 символов.
Используйте целевые ключевые слова в заголовках. (Подробнее об этом ниже).
Используйте слова действия, которые отвечают на вопросы как, почему, что и где.
Создайте уникальные заголовки, чтобы выделиться среди похожих статей.
Попробуйте разделить тег заголовка двоеточием, вопросом или квадратной скобкой и названием вашей компании, чтобы улучшить читаемость и узнаваемость бренда.

Рекомендации для тегов заголовков

Не превышайте лимит пикселей. Google ограничивает ширину тегов заголовков до 600 пикселей. Если вы превысите эту сумму, Google урежет ее или отрежет. Эта практика известна как усеченных тегов заголовков . Итак, вы хотите убедиться, что ваш тег заголовка и метаописания имеют правильную длину символов и пикселей, чтобы они не обрезались в результатах поиска и не стоили вам кликов.

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

Тщательно выбирайте заглавные буквы. Не выбирать случайным образом заглавные буквы. Вы хотите, чтобы ваш заголовок выглядел чистым. Так что рассмотрите либо: использование заглавной буквы в первом слове в названии) или использование заглавной первой буквы большинства слов, следуя основному руководству по стилю.

Используйте только 1 на страницу. </strong> Чтобы ваш код оставался действительным и приносил пользу этому HTML-элементу, используйте только один тег<title> на странице. Убедитесь, что он находится в разделе<head> кода.</p><p> <strong> Брендирование сайта идет последним. </strong> Если брендинг вашей компании не является более популярным поисковым запросом, чем отдельные продукты или услуги, которые вы предлагаете, всегда ставьте брендинг последним в тексте тега заголовка после вертикальной черты ( | ).</p><p> <strong> Избегайте стоп-слов. </strong> Стоп-слова — это слова, которые практически не имеют значения ключевого слова, например: of, a, and, the и т.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/veresk.top/wp-content/uploads/2018/02/%D1%85%D0%BB%D0%B5%D0%B1%D0%BD%D1%8B%D0%B5-%D0%BA%D1%80%D0%BE%D1%88%D0%BA%D0%B8-1024x528.png' /><noscript><img loading='lazy' src='/800/600/http/veresk.top/wp-content/uploads/2018/02/%D1%85%D0%BB%D0%B5%D0%B1%D0%BD%D1%8B%D0%B5-%D0%BA%D1%80%D0%BE%D1%88%D0%BA%D0%B8-1024x528.png' /></noscript> д. Вместо этого попробуйте включить ключевое слово как можно ближе к началу URL-адреса, чтобы помочь Google распознать значение ваш контент для этой фразы.</p><h3></h3><strong> Почему так важны теги заголовков? </strong></h3><ul><li> <strong> Первые впечатления учитываются. </strong> Ваш тег заголовка может быть первым, что увидит потенциальный посетитель при выполнении поиска.</li><li> <strong> Торговая марка </strong> . Соблазняйте клики и приведите к большему трафику.</li></ul><h4></h4><strong> Знаете ли вы? </strong></h4><p> Google может изменить ваши теги заголовков. Почему? Может быть более подходящий тег заголовка для того, что ищут пользователи. Чтобы бороться с переписыванием тегов заголовков, попробуйте следующие три стратегии:</p><ol><li> Точно опишите содержание вашей страницы.</li><li> Продемонстрируйте качества, которые хотят видеть люди. Помните: вы эксперт!</li><li> Сфокусируйте заголовок на привлечении кликов, чтобы увеличить CTR (коэффициент кликабельности).<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/directline.pro/upload/medialibrary/51e/51e20c4e9c8b5efd7e1a35bd2add111f.png' /><noscript><img loading='lazy' src='/800/600/http/directline.pro/upload/medialibrary/51e/51e20c4e9c8b5efd7e1a35bd2add111f.png' /></noscript></li></ol><p> Следующим шагом является создание эффективного <strong> мета-описание </strong> .</p><h3></h3><strong> Рекомендации по метаописаниям </strong></h3><p> Длина вашего метаописания зависит от поисковой системы:</p><ul><li> Google: 150-158</li><li> Bing & Yahoo!: до 168</li> 9030<p> На мобильных устройствах: 00 168<p> <em> * </em> <strong> СОВЕТ </strong> : Идеальная длина 120-158 символов.</p><p> Поисковые системы, такие как Google, используют CTR в качестве фактора ранжирования. Таким образом, чем больше у вас посещений страниц, тем выше ваша страница будет отображаться в поисковой выдаче, что делает метаописания важной частью ваших потребностей SEO на странице.</p><h3></h3><strong> Из чего состоит хорошее метаописание? </strong></h3><p> Помните, что иногда меньше значит больше. Хорошие метатеги будут иметь выдержку, которая попадает прямо в суть, с наиболее целевой и важной информацией в пределах первых 120 символов. Это приведет к максимальному CTR. Думайте о метатегах как о расширении текста вашего объявления, поэтому убедитесь, что он броский, привлекательный и продуманный, но при этом лаконичный.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/c/9/a/c9a6b89dca165dbf8bf70af2037c3006.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/c/9/a/c9a6b89dca165dbf8bf70af2037c3006.jpeg' /></noscript></p><h3></h3><strong> Как выглядит метаописание? </strong></h3><p> Метаописания появляются непосредственно под заголовком вашей страницы в поисковой выдаче.</p><ul><li></li></ul><p> В HTML метаописания кодируются следующим образом: </p><p><head></p><p><meta name="description" content="Это ваше метаописание"></p><p></head></p><p> <strong> СОВЕТ </strong> <em> : </em> Вы можете найти метаописание для этой страницы, нажав Ctrl + U, чтобы открыть исходный код HTML.</p><h3></h3><strong> Еще несколько рекомендаций по использованию метаописаний </strong></h3><ul><li> Будьте краткими, но описательными.</li><li> Избегайте общих заголовков, которые могут снизить рейтинг кликов.</li><li> Включите целевое ключевое слово там, где оно имеет смысл.<ul><li> <strong> СОВЕТ: </strong> Лучшее ключевое слово — это слово или фраза, которые часто используются вашей целевой аудиторией, имеют отношение к теме вашего контента и уже входят в ранжирование вашего сайта.</li></ul></li><li> Вы можете выделить основные ключевые слова, выделив их жирным шрифтом, чтобы они <strong> выделялись </strong> и привлекали внимание зрителей, что также может помочь Google определить фразы, на которые вы ориентируетесь.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/sm.su/upload/article/tags_snippet.png' /><noscript><img loading='lazy' src='/800/600/http/sm.su/upload/article/tags_snippet.png' /></noscript></li><li> Имейте уникальные мета-описания для каждой страницы вашего сайта. Наличие уникального текста на каждой странице — это больше, чем просто наличие оригинального контента и идей, это также инструмент SEO. Наличие уникальных описаний позволяет вашей странице создавать более широкую сеть и включать различные целевые ключевые слова для привлечения кликов.</li><li> Призыв к действию в мета-описании очень важен. Вы хотите, чтобы действие, которое вы хотите, чтобы пользователь совершил — щелчок по вашей странице — было ясным, указав, что они получат, сделав это. Избегайте звука, похожего на рекламный спам. Это не только вызовет недоверие к вашему присутствию в Интернете и увеличит показатель отказов, но и может привести к наказанию со стороны самой поисковой системы.</li></ul><p> Теперь, когда мы рассмотрели теги заголовков и метаописания, давайте вспомним лучшие практики метатегов.</p><h3></h3><strong> Как написать метатег </strong></h3><p> Добавляя метатеги в свой HTML, убедитесь, что вы включаете эти 3 элемента: с большей вероятностью повысит как вашу видимость, так и ваш органический трафик.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/okay-cms.com/files/uploads/htmlimage.jpg' /><noscript><img loading='lazy' src='/800/600/http/okay-cms.com/files/uploads/htmlimage.jpg' /></noscript> Google даже выделяет совпадающие ключевые слова в результатах поиска, чтобы показать их релевантность, повышая доверие к вашей странице.</li><li> <em> <strong> Сильный CTA </strong> </em> : Поскольку конечной целью является получение кликов по странице, создайте ощущение срочности при предоставлении CTA. Убедитесь, что это относится к вашей странице и не выглядит ложной рекламой.</li><li> <em> <strong> Уникальный голос </strong> </em> : Наличие уникальных описаний на каждой странице позволяет охватить больше людей, используя целевые ключевые слова. Не дублируйте метаописание. Вместо этого наличие уникальных описаний на каждой странице позволяет охватить больше людей и применять различные ключевые слова.</li></ol><p> Метатеги и метаописания играют ключевую роль в привлечении внимания и привлечении пользователей на ваш сайт. Отсутствующие метатеги, теги заголовков или метаописания могут быть единственным, что стоит между результатом поиска и новым посетителем сайта!</p><h3></h3><strong> Реализуйте эти знания с помощью корпоративной платформы SEO </strong></h3><p> Платформа для корпоративного контент-маркетинга Conductor предоставляет полезную информацию обо всем, что связано с SEO.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/headseo.ru/assets/images/pictures/statii/Description.jpg' /><noscript><img loading='lazy' src='/800/600/http/headseo.ru/assets/images/pictures/statii/Description.jpg' /></noscript> Посмотрите 3-минутный обзор продукта сегодня, чтобы узнать, как Conductor может легко определить области возможностей в метатегах на вашем сайте и помочь вам внести эти изменения на страницу.</p><h2><span class="ez-toc-section" id="_SEO-4"> Полный список метатегов, почему они важны для SEO и как их написать </span></h2><p> Метатеги можно использовать для повышения видимости веб-сайта в поисковых системах, поэтому они, несомненно, важны для SEO.</p><p> С другой стороны, они могут негативно повлиять на SEO-рейтинг вашего сайта, если они написаны неправильно.</p><p> Давайте узнаем, что такое метатеги, почему они важны для поисковой оптимизации и как правильно их использовать, чтобы извлечь выгоду.</p><p></p><h3><span class="ez-toc-section" id="i-35"> Что такое метатеги? </span></h3><p> Метатеги — это фрагменты HTML-кода, которые могут быть просканированы роботами поисковых систем, такими как Google.</p><p> Они влияют на видимость веб-страницы в поисковой выдаче. Метатеги добавляются в раздел<head> страниц и видны только в HTML-коде:</p><p></p><h3><span class="ez-toc-section" id="_SEO-5"> Почему метатеги важны для SEO? </span></h3><p> Мета-теги — это один из основных каналов связи веб-сайта с роботами поисковых систем — теми, кто отвечает за сканирование содержимого индексируемых страниц.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/inseopro.ru/wp-content/uploads/2015/10/Meta-tags-description-keywords-and-title-what-it-is-and-why-you-need.jpg' /><noscript><img loading='lazy' src='/800/600/http/inseopro.ru/wp-content/uploads/2015/10/Meta-tags-description-keywords-and-title-what-it-is-and-why-you-need.jpg' /></noscript> Мета-теги используются для указания поисковым системам, следует ли индексировать страницу или нет, и добавляют дополнительную информацию о ее содержании.</p><p> Это превращает метатеги в основные аспекты стратегии SEO по двум основным причинам. С хорошим написанием и настройкой метатегов мы можем помочь роботам лучше понять содержание каждой страницы веб-сайта, чтобы мы с большей вероятностью заняли более высокие позиции в поисковой выдаче.</p><p> Кроме того, метатеги могут предлагать пользователям дополнительную и качественную информацию, чтобы получить больше кликов и более высокий CTR при поиске, а также предложить им лучший опыт на веб-сайте.</p><h3><span class="ez-toc-section" id="i-36"> Примеры мета-тегов </span></h3><p> Мета-теги являются неотъемлемой частью успешной стратегии SEO, поэтому важно писать их уникальным образом, помня о Google, чтобы получить более высокий рейтинг, но также думая о пользователе. Давайте рассмотрим несколько примеров того, как вы должны и не должны писать метатеги.</p><h4><span class="ez-toc-section" id="i-37"> Примеры оригинальных тегов мета-заголовка и мета-описания </span></h4><p> С помощью тегов мета-заголовка и мета-описания мы указываем как роботам, так и пользователям основную тему страницы и ее содержание в поисковой выдаче.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/sitey.ru/uploads/posts/2012-11/1354112092_title_desc.gif' /><noscript><img loading='lazy' src='/800/600/http/sitey.ru/uploads/posts/2012-11/1354112092_title_desc.gif' /></noscript></p><p> Они должны быть написаны уникальным и оригинальным способом, чтобы они описывали содержание и привлекали внимание посетителей. Таким образом, мы можем появиться даже над крупными веб-сайтами или каталогами.</p><p></p><p> С другой стороны, если мы не оптимизируем теги заголовков с основными ключевыми словами и темами страницы, а также в привлекательной форме, нам будет труднее появиться на первых позициях в поисковой выдаче.</p><p> И не только это: также рекомендуется избегать наполнения ключевыми словами, что означает, что мы не должны повторять слово слишком часто, иначе оно будет выглядеть неестественно.</p><p></p><h4><span class="ez-toc-section" id="i-38"> Примеры мета-тегов, которые могут повредить всей нашей цифровой стратегии </span></h4><p> Неправильная настройка мета-тега, по ошибке или по незнанию, может значительно ухудшить общую видимость веб-сайта.</p><p> В данном случае мы говорим о метатеге robots с <strong> content=»noindex» </strong> , с помощью которого мы указываем поисковым системам, что мы не хотим, чтобы страница индексировалась, а значит, отображалась в поисковой выдаче.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/4/0/d/40d29601ed77bff0d625490771e6ac05.png' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/4/0/d/40d29601ed77bff0d625490771e6ac05.png' /></noscript> С этим примером метатегов robots трудно получить органические клики на веб-странице из Google, поскольку она не будет указана в списке.</p><p> <strong><meta name="robots" content="noindex, nofollow"/> </strong></p><p></p><p> в результатах SERPS:</p><p> <strong><meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> </strong></p><p> По этой причине очень важно знать, как избежать этих примеров метатегов, которые могут значительно снизить видимость веб-сайта в поисковых системах.</p><h3></h3><strong> Как писать метатеги </strong></h3><p> Если вам интересно, как писать метатеги для повышения производительности, важно, чтобы вы всегда писали контент, думая о своих пользователях. Затем, если вы разработали хорошо реализованную стратегию SEO, это поможет вам автоматически ранжировать ваши страницы.</p><p> Вот почему, когда вы пишете метатеги, вы должны помнить о том, чтобы включить тему страницы или ее тему. Если это возможно с вашим основным ключевым словом или синонимами, особенно в случае тегов title и meta-descriptions.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i2.wp.com/seoklub.ru/wp-content/uploads/2016/10/19-10-2016-16-48-38.jpg' /><noscript><img loading='lazy' src='/800/600/http/i2.wp.com/seoklub.ru/wp-content/uploads/2016/10/19-10-2016-16-48-38.jpg' /></noscript></p><p> При их написании важно следовать следующим советам, чтобы следовать рекомендациям Google, чтобы попытаться повысить рейтинг.</p><h4></h4><strong> Теги заголовков </strong></h4><p> С помощью тега заголовка мы указываем заголовок содержимого страницы как Google, так и пользователям поисковых систем. Этот тег не следует путать с заголовком 1, основным заголовком текста. Метатег title виден пользователям только в результатах поиска, но не на странице.</p><h5></h5><strong> Рекомендации по написанию тегов заголовков: </strong></h5><ul><li> Обобщите основную тему страницы с помощью основного ключевого слова или терминов.</li><li> Пишите уникальные, оригинальные и привлекательные заголовки, чтобы привлечь внимание пользователей и повысить CTR страницы в поисковой выдаче.</li><li> Будьте точными и описательными в зависимости от содержания страницы.</li><li> Не превышайте и не повторяйте ключевые слова.</li><li> Напишите примерно не более 60 символов (максимум 580 пикселей).<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i1.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-yandex-1.png' /><noscript><img loading='lazy' src='/800/600/http/i1.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-yandex-1.png' /></noscript></li></ul><h5></h5><strong> Как писать теги заголовков </strong></h5><p> В WordPress или аналогичных инструментах CMS вы можете установить плагины SEO, такие как All in One SEO, Rank Math или Yoast SEO, которые помогут вам редактировать и предварительно просматривать теги заголовков.</p><p></p><p> Или вы также можете вставить следующий код в<head> вашей веб-страницы:</p><p> <strong><title>Что такое заголовок веб-сайта (тег заголовка) и почему это важно для SEO?

Теги мета-описания

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

Хотя Google не всегда отображает контент, предложенный создателем, иногда он может быть сгенерирован автоматически через контент страницы, если они считают, что контент, созданный пользователем, недостаточно «качественный» или не связан с запрос пользователя.

Как писать теги мета-описания

Вы также можете использовать плагины SEO , которые помогут вам редактировать и предварительно просматривать этот раздел:

Или вы также можете вставить следующий код в своей страницы:

Мета-роботы

Метатег robots — один из ключевых метатегов в стратегии SEO. Этот тег специально сообщает поисковой системе, следует ли индексировать страницу или следить за ней или нет.

Как правило, значения по умолчанию: индекс, далее следует и указывать их в большинстве случаев не нужно. Этим мы указываем роботам, что хотим, чтобы страница была проиндексирована в поисковой выдаче и что за ней можно следить.
Наоборот, если указать значения noindex, nofollow , мы сообщаем Google, что мы не хотим, чтобы по этим ссылкам переходили и чтобы они не отображались в поисковых системах.

Передовой опыт написания тегов Meta Robots

Не путайте теги noindex с robots.txt. С помощью файлов robots.txt мы указываем поисковой системе, хотим ли мы сканировать некоторые страницы или нет, а с помощью тега robots мы сообщаем, следует ли индексировать веб-сайт или нет. Поэтому важно не блокировать страницы noindex в файлах robots.txt, так как роботы не смогут их прочитать

Как написать теги Meta Robots

Вы можете отредактировать тег robots с помощью Rank Math или Yoast SEO:

Или вы также можете вставить следующий код в вашей страницы, если вы хотите, чтобы ваша страница индексироваться и отслеживаться:

Мета-тег области просмотра

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

Как редактировать тег окна просмотра?

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

…

….

Полный список мета-тегов

Но есть еще много мета-тегов. Предлагаем вам полный список ключевых мета-тегов для вашей SEO-стратегии:

Теги Title, чтобы назвать вашу страницу в поисковых системах
Теги мета-описания, чтобы описать вашу страницу в поисковых системах
Метатеги роботов, индексировать или не индексировать страницу
Nofollow, метатеги спонсируемого и созданного пользователями контента для исходящих ссылок.
Метатеги Twitter Cards метатеги Open Graph для вашего контента, опубликованного в социальных сетях
Метатег области просмотра, указывающий, как отображать страницу на мобильном устройстве.

Языковые метатеги для указания языка содержимого страницы
Метатег Notranslate, чтобы Google не предоставлял автоматически сгенерированный перевод.
метатег nositelinkssearchbox, чтобы не отображать окно поиска дополнительных ссылок.
charset для определения кодировки символов веб-сайта.
– для перенаправления пользователя на новый URL через какое-то время, обычно из-за перенаправления. Хотя рекомендуется не использовать этот тег, а делать редирект 301.

Другие мета-теги, не являющиеся обязательными для SEO, но рекомендуемые к учету:

Мета-тег автора , для указания автора страницы
Метатег авторского права, владелец прав на исходный код HTML-страницы.
Метатег рейтинга имени , чтобы указать контент для взрослых
Метатеги даты , для указания даты содержания

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

Первоначально опубликовано 15 июля 2021 г., 13:00:00, обновлено 8 сентября 2021 г.

Темы:

Техническое SEO

Не забудьте поделиться этим постом!

Почему они важны для SEO?

Определение метатегов: что такое метатеги?

Метатеги являются частью тегов HTML, которые описывают содержимое вашей страницы для поисковых систем и посетителей веб-сайта. Мета-теги появляются только в коде страницы, и любой может проверить их через исходный код (Ctrl+U).

Короче говоря, метатеги являются ключевыми элементами для всех поисковых систем, которые появляются в HTML-коде страницы веб-сайта и сообщают поисковой системе, о чем страница, и они являются первым впечатлением и точкой контакта для всех поисковых систем.

Мета-теги добавляются в раздел веб-страницы HTML, и они являются «законно» скрывающими словами на ваших страницах для поисковых систем.

На каждой платформе есть разные решения для добавления метатегов, точно так же, как у WordPress есть бесплатные плагины на выбор. Лично я рекомендую плагины All in One SEO Pack и Yoast SEO. Оба популярны, и вы можете выбрать любой в соответствии с вашими потребностями.

Имеют ли значение метатеги для SEO в 2022 году?

Да, помогают, но не все метатеги могут помочь вам в 2022 году.

По моему опыту, если вы хотите занять высокие позиции в Google в 2022 году, вам также необходимо сосредоточиться на высококачественном контенте и удовлетворенности пользователей. Основная цель этого поста — объяснить, какие метатеги хороши, а какие просто мертвы и бесполезны.

(см. ниже: есть несколько тегов, мы можем назвать их плохими метатегами, и мы должны просто их игнорировать). или они на самом деле не переходят на ваш сайт.

Джон Мюллер, 2017

Как проверить метатеги на сайте

Если вы хотите проверить метатеги для любой страницы, просто щелкните правой кнопкой мыши в любом месте страницы и выберите «Просмотреть исходный код страницы». Вы также можете использовать такие инструменты, как SEMrush (в частности, инструмент аудита SEMrush) и Screaming Frog для проверки метатегов на любом сайте.

Самые важные метатеги для SEO в 2022 году

Лично я сосредоточусь на 8 основных метатегах, которые могут улучшить оптимизацию вашего начинающего бизнеса или работающего веб-сайта.

I am sharing my opinions about them all below:

Title tag
Meta description
Canonical Tag
Alternative text (Alt) Tag
Robots meta tag
Метатеги социальных сетей (Open Graph и Twitter Cards)
Метатег адаптивного дизайна

Тег Title

Тег Title — это самый первый элемент HTML, определяющий вашу веб-страницу для поисковых систем и посетителей. Элемент Title поддерживает все браузеры, включая Chrome, Firefox, Safari и т. д.

Всегда добавляйте тег Title в раздел вашего сайта.

  
 Это образец заголовка

Оптимальная длина тега заголовка: Google обычно показывает 55-64 символа (не превышайте 60).

Оптимизация тегов заголовков важна для поисковых систем и посетителей. Он отображается в поисковой выдаче и на вкладках браузера.

Тег заголовка вкладки браузера, показанный ниже для сообщения Templatemonster:

Тег заголовка SERP, показанный ниже для Моти Хаму — эксперта по интернет-маркетингу:

Теги заголовка являются вторым по важности фактором на странице для SEO после контента. – Источник: MOZ
Вы не можете добавить более одного элемента на свою веб-страницу. – Источник: w3schools</p></blockquote><p> <strong> Ключевые моменты, чтобы написать хороший Тег заголовка: </strong></p><ul><li> Добавьте «модификаторы» к вашему тегу заголовка (Как |Текущий год | Обзор |Лучшее | Советы | Топ | Найти | Купить | Легко )</li><li> Вставьте ключевые слова с длинным хвостом в теги заголовков</li><li> Добавьте числа в заголовок (9 важных HTML-тегов для вашего веб-сайта для улучшения SEO)</li><li> Начните тег заголовка с основного целевого ключевого слова</li><li> Не набивайте ключевые слова</li><li> Каждый страница должна иметь уникальный тег заголовка</li></ul><h5><span class="ez-toc-section" id="i-47"> Мета-описание </span></h5><p> Мета-описание — это HTML-элемент, который резюмирует вашу веб-страницу.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/6/b/8/6b89750fd21600b37fd1e2c9927d8273.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/6/b/8/6b89750fd21600b37fd1e2c9927d8273.jpeg' /></noscript> Поисковые системы обычно показывают метаописание в результатах поиска под тегом Title.</p><p> <strong> Пример кода </strong></p><pre> <head> <br/> <meta name="description" content="Это образец метаописания. Мы можем добавить до 160 символов."> <br/> </head> </pre><p> Google не использует Мета-описание как сигнал ранжирования; тем не менее, это оказывает огромное влияние на CTR вашей страницы, потому что отображается в результатах поиска.</p><p> В декабре 2017 года Google увеличил длину сниппетов в результатах поиска. Теперь Google подтверждает, что сократил фрагменты результатов поиска после их расширения в декабре прошлого года.</p><p> <strong> Какой будет оптимальная длина мета-описания? </strong></p><blockquote><p> «Фиксированной длины фрагментов нет. Длина варьируется в зависимости от того, что наши системы считают наиболее полезным». Он добавил: «Google не будет указывать новую максимальную длину фрагментов, поскольку фрагменты генерируются динамически».</p><p> Источник, Дэнни Салливан</p></blockquote><p> Новая средняя длина поля фрагмента описания <strong> на рабочем столе </strong> составляет около 160 символов, а не более 300 символов.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/9/2/8/92808c504bc7a1753b7c8b8c7b1bec01.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/9/2/8/92808c504bc7a1753b7c8b8c7b1bec01.jpeg' /></noscript></p><p> <strong> Мобильные символы </strong> для фрагментов результатов поиска теперь составляют в среднем 130 символов.</p><p> <strong> Описание, сгенерированное Google в результатах поиска </strong></p><p> <strong> Ключевые моменты для написания хорошего тега мета-описания: </strong></p><ul><li> Не делайте акцент на количестве символов, так как Google может извлечь текст мета-описания из вашего контента на основе по запросу пользователя.</li><li> Не добавляйте повторяющиеся мета-описания</li><li> Добавьте четкие призывы к действию (CTA) в свои описания, такие как «Подать заявку сегодня», «Оформить заказ», «Свяжитесь с нами сегодня» и т. д. См. эти ключевые слова CTA для маркетинговых кампаний</li><li> Добавьте целевые ключевые слова в описания</li><li> Стратегически предоставьте решение проблемы</li><li> Пишите для своих пользователей и побуждайте их щелкать конкретным и релевантным контентом</li><li> Добавляйте любые скидки или предложения, которые у вас есть</li><li> Проявляйте сочувствие при письме ваши мета-описания<h5><span class="ez-toc-section" id="i-48"> Канонический тег </span></h5></li></ul><p> Канонический тег — это HTML-тег ссылки с атрибутом «rel=canonical», который используется, если у вас есть URL-адрес одной страницы, содержание которого совпадает с другими URL-адресами нескольких страниц.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/seo.15pro.ru/wp-content/uploads/2019/02/meta.jpg' /><noscript><img loading='lazy' src='/800/600/http/seo.15pro.ru/wp-content/uploads/2019/02/meta.jpg' /></noscript></p><p> Реализуя тег Canonical в коде, мы сообщаем поисковым системам, что этот URL-адрес является главной страницей, и избегаем индексирования других URL-адресов повторяющихся страниц.</p><p> Канонический тег Синтаксис:</p><pre> <link rel="canonical" href="http://example.com/" /> </pre><p> <strong> Где выбрать канонический URL? </strong></p><p> <strong> Несколько URL-адресов: </strong></p><ul><li> http://www.example.com</li><li> https://www.example.com</li><li> http://example.com</li><li> http://example.com/index.php</li></ul><p> Google рассматривает все вышеуказанные URL-адреса как повторяющиеся версии домашней страницы. И чтобы решить эту проблему, был придуман тег canonical (rel=canonical).</p><p> <strong> URL-адреса с идентификатором сеанса: </strong></p><p> Это автоматически генерируемые системой URL-адреса, которые обычно генерируются благодаря URL-адресам отслеживания, навигационным ссылкам и постоянным ссылкам в CMS</p><p> http://example.com/properties/villa-331-luxury -rental?partnerID=18</p><p> http://example.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/1/c/d/1cdb88d7e49c6f13f41a837b9f876160.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/1/c/d/1cdb88d7e49c6f13f41a837b9f876160.jpeg' /></noscript> com/target.php?session_id=rj3ids98dhpa0mcf3jc89mq1t0</p><p> <strong> Мобильный URL-адрес: </strong></p><p> При использовании специального URL-адреса (m. example.com) для мобильной версии вашего веб-сайта.</p><p> Сам SEMrush имеет 2 версии — мобильную и десктопную. Для мобильной и настольной версии SEMrush использует следующий канонический тег:</p><pre> <link rel="canonical" href="https://www.semrush.com/" /> </pre><h5><span class="ez-toc-section" id="_Alt"> Альтернативный текст (Alt) Тег </span></h5><p> Тег Alt важен для любых изображений, так как поисковые системы не могут их прочитать, поэтому вам нужно добавить к изображениям правильный текст Alt, чтобы поисковая система могла их рассмотреть.</p><p> <strong> Синтаксис альтернативного текста: </strong></p><pre> <img class="lazy lazy-hidden" decoding="async" src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src="http://example.com/xyz.jpg" alt="xyz" /><noscript><img decoding="async" src="http://example.com/xyz.jpg" alt="xyz" /></noscript> </pre><p> <strong> Ключевые моменты, которые следует учитывать при создании тегов alt для изображений: </strong></p><ul><li> Все изображения должны иметь информативные имена файлов</li><li> Замещающий текст должен быть коротким, четким и четким</li><li> Всегда используйте исходный, правильный тип изображения, так как это важный шаг к успеху</li><li> Создайте карту сайта изображения</li><li> Используйте 50-55 символов (до 16 слов) в замещающем тексте</li><li> Используйте оптимальный размер файла без ухудшения его качества для более быстрой загрузки страницы</li></ul><blockquote><p> «Добавить тег alt очень просто, и вы должны сделать это практически для всех ваших изображений.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/5/9/3/593e6f1e08bb8a50dd9a1824bb366427.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/5/9/3/593e6f1e08bb8a50dd9a1824bb366427.jpeg' /></noscript> Это помогает вашей доступности, и это может помочь нам понять, что происходит на вашем изображении».</p><p> Источник</p></blockquote><h5><span class="ez-toc-section" id="_Robots"> Метатег Robots </span></h5><p> Метатег Robots — это HTML-тег, предоставляющий поисковым роботам инструкции о том, индексировать или не индексировать веб-страницу.</p><p> Метатег Robots имеет четыре основных значения для сканеров поисковых систем:</p><ul><li> FOLLOW — сканер поисковой системы будет переходить по всем ссылкам на этой веб-странице</li><li> INDEX — сканер поисковой системы будет индексировать всю веб-страницу</li><li> NOFOLLOW — Сканер поисковой системы НЕ будет отслеживать страницу и любые ссылки на этой веб-странице</li><li> NOINDEX — Сканер поисковой системы НЕ будет индексировать эту веб-страницу</li></ul><p> Синтаксис метатега Robots:</p><pre> <meta name="robots" content= «noindex, nofollow»> — означает не индексировать или не следить за этой веб-страницей. <meta name="robots" content="index, follow"> - означает индексировать и следить за этой веб-страницей.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf.ppt-online.org/files/slide/d/dsac2WA9EU8wrbp6gvkxeMLfmyCT0ltZIQoH4j/slide-2.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf.ppt-online.org/files/slide/d/dsac2WA9EU8wrbp6gvkxeMLfmyCT0ltZIQoH4j/slide-2.jpg' /></noscript> </pre><p> <em> <strong> Примечание: </strong> Метатег robots должен быть помещен в раздел<head> вашей веб-страницы. </em></p><p> <strong> Теги Open Graph: </strong></p><p> Метатеги Open Graph предназначены для обеспечения интеграции между Facebook, LinkedIn, Google и URL-адресами веб-сайтов, которыми вы поделились на этих платформах.</p><p> <strong> Вот пример того, как теги Open Graph выглядят в стандартном HTML: </strong></p><pre> <meta property="og:type" content="article" /> <meta property="og:title" content="НАЗВАНИЕ ВАШЕГО СООБЩЕНИЯ ИЛИ СТРАНИЦЫ" /> <meta property="og:description" content="ОПИСАНИЕ СОДЕРЖИМОГО СТРАНИЦЫ" /> <meta property="og:image" content="ССЫЛКА НА ФАЙЛ ИЗОБРАЖЕНИЯ" /> <meta property="og:url" content="PERMALINK" /> <meta property="og:site_name" content="ИМЯ САЙТА" /> </pre><p> <strong> Карточки Twitter: </strong></p><p> Карточки Twitter работают аналогично Open Graph, за исключением того, что вы добавляете эти специальные метатеги только для Twitter.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/0/a/e/0aeec3bbca2c1af942a25d49c35aa374.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/0/a/e/0aeec3bbca2c1af942a25d49c35aa374.jpeg' /></noscript> Twitter будет использовать эти теги для улучшения отображения вашей страницы при публикации на своей платформе.</p><p> Вот пример того, как выглядит карточка Twitter в стандартном HTML:</p><pre> <meta name="twitter:title" content="TITLE OF POST OR PAGE"> <meta name="twitter:description" content="ОПИСАНИЕ СОДЕРЖИМОГО СТРАНИЦЫ"> <meta name="twitter:image" content="ССЫЛКА НА ИЗОБРАЖЕНИЕ"> <meta name="twitter:site" content="@USERNAME"> <meta name="twitter:creator" content="@USERNAME"> </pre><p> <strong> Как выглядят оба метатега социальных сетей: </strong></p><p> Перейдите к этому сообщению, если хотите узнать все об этих тегах.</p><p> Тег Header используется для создания заголовков, т. е. с их помощью мы можем применять изменения шрифта.</p><p> Элементы заголовков: h2, h3, h4, h5, H5 и H6, где h2 — самый высокий (или самый важный) уровень, а H6 — наименьший.</p><p> Вот пример того, как мы можем использовать теги заголовков, взятые из SEMrush:</p><pre> <h2><span class="ez-toc-section" id="9_-_Shopify"> 9Советы по увеличению скорости вашего веб-сайта Shopify </span></h2> <p>Абзац содержания</p> <p>еще один абзац контента</p> <h3><span class="ez-toc-section" id="i-49">Анализ эффективности</span></h3> <p>Абзац содержания</p> <h4><span class="ez-toc-section" id="_PageSpeed_Insights">Анализ производительности мобильных и настольных компьютеров с помощью PageSpeed Insights</span></h4> </pre><blockquote><p> Важный момент: используйте столько тегов h2, сколько хотите</p><p> Источник: Круглый стол поисковой системы</p></blockquote><h5><span class="ez-toc-section" id="i-50"> Метатег адаптивного дизайна </span></h5><p> Последний важный метатег — это метатег адаптивного дизайна, который мы называем «мета-элемент Viewport».<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/e/4/d/e4dfb60524cebbc31ae228484787a04b.png' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/e/4/d/e4dfb60524cebbc31ae228484787a04b.png' /></noscript> Используя метатег viewport, мы можем управлять макетом веб-страниц в мобильных браузерах.</p><p> Этот элемент окна просмотра включен в раздел заголовка вашей веб-страницы.</p><p> <strong> Синтаксис: </strong></p><pre> <meta name="viewport" content="width=device-width,initial-scale=1"> </pre><p> Если вы хотите узнать больше об этом адаптивном дизайне Метатеги, перейдите по ссылке красиво написанный пост.</p><p> <em> <strong> Примечание: </strong> Не используйте этот адаптивный метатег, если страницы вашего веб-сайта не адаптивны, так как это ухудшит работу пользователей. </em></p><h4><span class="ez-toc-section" id="i-51"> Метатеги, которые следует игнорировать </span></h4><p> Наконец, есть несколько тегов — мы можем назвать их плохими метатегами, и мы должны просто их игнорировать:</p><ul><li> <strong> Тег ключевых слов </strong> — Google не использует метатеги ключевых слов в веб-рейтинге . – Источник</li><li> <strong> Повторить после </strong> – Этот тег HTML представляет собой команду для роботов вернуться на страницу через определенный период времени.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/foxtan.ru/wp-content/uploads/2020/10/as.jpg' /><noscript><img loading='lazy' src='/800/600/http/foxtan.ru/wp-content/uploads/2020/10/as.jpg' /></noscript> Этот тег не используется ни одной крупной поисковой системой и не имеет значения для SEO. Лучше избегать этого тега и предоставить поисковым системам решать, как сканировать ваш сайт. Синтаксис:<meta name="revisit-after" content="7 days" /></li><li> <strong> Срок действия/дата </strong> — этот тег определяет срок действия вашей страницы. Лично я бы не рекомендовал это, просто удалите это, если вы его используете. Синтаксис:<meta http-equiv="Expires" content="Fri, 28 January 2022 23:59:59 GMT"></li><li> <strong> Подтверждение сайта </strong> — просто игнорируйте это. Вы можете подтвердить свой сайт с помощью Google Search Console и инструмента Bing Webmaster.</li><li> <strong> Copyright </strong> — Каждый сайт указывает свои авторские права в нижнем колонтитуле, поэтому вам не нужен отдельный тег. Большое НЕТ для этого тега.</li><li> <strong> Распространение </strong> — Значение «распространение» предположительно используется для управления тем, кто может получить доступ к документу, обычно установленному на «глобальный».<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/4.bp.blogspot.com/-CO82Vy0cR18/WrIXIMi_utI/AAAAAAAAM0Q/CWR0vx5twbEEARhIRfWovHNqEMvsVtwFACEwYBhgL/s1600/SEO.jpg' /><noscript><img loading='lazy' src='/800/600/http/4.bp.blogspot.com/-CO82Vy0cR18/WrIXIMi_utI/AAAAAAAAM0Q/CWR0vx5twbEEARhIRfWovHNqEMvsVtwFACEwYBhgL/s1600/SEO.jpg' /></noscript> По своей сути подразумевается, что если страница открыта (не защищена паролем, как в интрасети), она предназначена для всего мира. Примите это и оставьте тег на странице. — Источник</li><li> <strong> Генератор </strong> — Бесполезный тег.</li><li> <strong> Управление кэшем </strong> — этот тег позволяет веб-издателям определять, как часто страница кэшируется. Как правило, это не требуется; мы можем просто использовать заголовок HTTP вместо этого тега HTML.</li><li> <strong> Метатег ODP Robots </strong> — Google больше не использует этот метатег. – Source</li><li> <strong> Geo Meta Tag </strong> – Google не использует Geo Meta теги для ранжирования страниц. – Источник</li></ul><p> Итак, это несколько тегов HTML, которые мы должны учитывать или просто игнорировать. Теперь вы можете легко и разумно использовать соответствующие метатеги HTML.</p><p> Не забудьте оставить комментарий ниже и поделиться своим мнением о тегах HTML. Спасибо за чтение!</p><p> <b> Примечание: </b> Мнения, выраженные в этой статье, являются мнением автора и не обязательно мнением Caphyon, его сотрудников или партнеров.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/inweb.ua/blog/wp-content/uploads/2022/01/description.png' /><noscript><img loading='lazy' src='/800/600/http/inweb.ua/blog/wp-content/uploads/2022/01/description.png' /></noscript><div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div></div><div class="post-sharrre group"><div id="twitter" data-url="https://ylianova.ru/raznoe-2/chto-takoe-metateg-meta-tegi-chto-eto-dlya-chego-nuzhny-kak-zapolnit-pravilno-dlya-seo.html" data-text="Что такое метатег: Мета теги: что это, для чего нужны, как заполнить правильно для SEO" data-title="Tweet"></div><div id="facebook" data-url="https://ylianova.ru/raznoe-2/chto-takoe-metateg-meta-tegi-chto-eto-dlya-chego-nuzhny-kak-zapolnit-pravilno-dlya-seo.html" data-text="Что такое метатег: Мета теги: что это, для чего нужны, как заполнить правильно для SEO" data-title="Like"></div><div id="googleplus" data-url="https://ylianova.ru/raznoe-2/chto-takoe-metateg-meta-tegi-chto-eto-dlya-chego-nuzhny-kak-zapolnit-pravilno-dlya-seo.html" data-text="Что такое метатег: Мета теги: что это, для чего нужны, как заполнить правильно для SEO" data-title="+1"></div><div id="pinterest" data-url="https://ylianova.ru/raznoe-2/chto-takoe-metateg-meta-tegi-chto-eto-dlya-chego-nuzhny-kak-zapolnit-pravilno-dlya-seo.html" data-text="Что такое метатег: Мета теги: что это, для чего нужны, как заполнить правильно для SEO" data-title="Pin It"></div></div></div></article><ul class="post-nav group"><li class="next"><a href="https://ylianova.ru/raznoe-2/posmotret-tabliczu-the-opennet-project-mysql.html" rel="next"><i class="fa fa-chevron-right"></i><strong>Вперед</strong> <span>Посмотреть таблицу: The OpenNET Project: MySQL</span></a></li><li class="previous"><a href="https://ylianova.ru/sajt-2/struktura-url-sajta-maksimalnyj-limit-seo-optimizirovannogo-url.html" rel="prev"><i class="fa fa-chevron-left"></i><strong>Назад</strong> <span>Структура url сайта: Максимальный лимит SEO оптимизированного URL</span></a></li></ul><section id="comments" class="themeform"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/chto-takoe-metateg-meta-tegi-chto-eto-dlya-chego-nuzhny-kak-zapolnit-pravilno-dlya-seo.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://ylianova.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='16996' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></section></div></section><div class="sidebar s1"> <a class="sidebar-toggle" title="Развернуть боковую панель"><i class="fa icon-sidebar-toggle"></i></a><div class="sidebar-content"><div id="search-2" class="widget widget_search"><form method="get" class="searchform themeform" action="https://ylianova.ru/"><div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='Введите поисковую фразу';" onfocus="if(this.value=='Введите поисковую фразу')this.value='';" value="Введите поисковую фразу" /></div></form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h3>Рубрики</h3><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-5370" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5370"><a href="https://ylianova.ru/category/css">Css</a></li><li id="menu-item-5371" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5371"><a href="https://ylianova.ru/category/html">Html</a></li><li id="menu-item-5372" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5372"><a href="https://ylianova.ru/category/http">Http</a></li><li id="menu-item-5373" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5373"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li id="menu-item-5374" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5374"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li id="menu-item-5375" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5375"><a href="https://ylianova.ru/category/verstka">Верстка</a></li><li id="menu-item-5376" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5376"><a href="https://ylianova.ru/category/raznoe">Вопросы и ответы</a></li><li id="menu-item-5377" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5377"><a href="https://ylianova.ru/category/maket">Макет</a></li><li id="menu-item-5378" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5378"><a href="https://ylianova.ru/category/sajt">Развитие сайтов</a></li><li id="menu-item-5380" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5380"><a href="https://ylianova.ru/category/sajt-2">Сайт</a></li><li id="menu-item-5381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5381"><a href="https://ylianova.ru/category/shablon-2">Шаблон</a></li><li id="menu-item-5382" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5382"><a href="https://ylianova.ru/category/shrift-2">Шрифт</a></li><li id="menu-item-5379" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-5379"><a href="https://ylianova.ru/category/raznoe-2">Разное</a></li></ul></div></div><div id="categories-3" class="widget widget_categories"><h3>Рубрики</h3><ul><li class="cat-item cat-item-5"><a href="https://ylianova.ru/category/css">Css</a></li><li class="cat-item cat-item-4"><a href="https://ylianova.ru/category/html">Html</a></li><li class="cat-item cat-item-9"><a href="https://ylianova.ru/category/http">Http</a></li><li class="cat-item cat-item-10"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li class="cat-item cat-item-20"><a href="https://ylianova.ru/category/linux">Linux</a></li><li class="cat-item cat-item-11"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li class="cat-item cat-item-19"><a href="https://ylianova.ru/category/adaptiv">Адаптив</a></li><li class="cat-item cat-item-17"><a href="https://ylianova.ru/category/verstka">Верстка</a></li><li class="cat-item cat-item-3"><a href="https://ylianova.ru/category/raznoe">Вопросы и ответы</a></li><li class="cat-item cat-item-16"><a href="https://ylianova.ru/category/maket">Макет</a></li><li class="cat-item cat-item-6"><a href="https://ylianova.ru/category/sajt">Развитие сайтов</a></li><li class="cat-item cat-item-13"><a href="https://ylianova.ru/category/raznoe-2">Разное</a></li><li class="cat-item cat-item-12"><a href="https://ylianova.ru/category/sajt-2">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://ylianova.ru/category/sovety">Советы</a></li><li class="cat-item cat-item-15"><a href="https://ylianova.ru/category/shablon-2">Шаблон</a></li><li class="cat-item cat-item-7"><a href="https://ylianova.ru/category/shablon">Шаблоны</a></li><li class="cat-item cat-item-14"><a href="https://ylianova.ru/category/shrift-2">Шрифт</a></li><li class="cat-item cat-item-8"><a href="https://ylianova.ru/category/shrift">Шрифты</a></li></ul></div></div></div></div></div><footer id="footer"><section id="footer-bottom"><div class="container"> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a><div class="pad group"><div class="grid one-half"><div id="copyright"><p>Блог сумасшедшего сисадмина © 2024. Все права защищены.</p></div><div id="credit"><p><a href="/sitemap.xml" class="c_sitemap">Карта сайта</a></p></div></div><div class="grid one-half last"></div></div></div></section></footer></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://ylianova.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script>   <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> </body></html>

Что такое метатег: Мета теги: что это, для чего нужны, как заполнить правильно для SEO

Метатеги — Что это такое и как заполнять тег Title, Description?

Из статьи узнаете:

Что такое тег Title

Как написать Title

Рекомендации от поисковых систем

Шаблон для тегов Title

Статья по теме:

Что такое метатег Description

Как написать Description

Рекомендации от поисковых систем

Шаблон для тегов Description

Статья по теме:

Инструменты для составления Title и Description

как их правильно написать для сайта, инструкция с примерами

Другие популярные термины

Заказать звонок

Что такое метатеги и как правильно использовать их на своем сайте?

Title

Description

Популярные ошибки при написании метатегов

Основные принципы написания title для страниц

Залог создания успешного description

Виды мета-тегов для сайта — что такое мета теги и какими они бывают

Функции мета-тегов

Основные мета-теги

Тег Title

Тег Description

Тег Keywords

Как просмотреть мета-теги

Проверка мета-тегов сайта

Мета-теги: что это такое — SEO Википедия

NAME

HTTP-EQUIV

Другие термины на букву «М»

Мета-теги страницы.

Синтаксис

Примеры использования в HTML коде

Основные мета теги

Meta-тег description

Пример использования мета тега description

Meta-тег keywords

Пример заполнения мета тега keywords

Meta-тег viewport

Пример использования мета тега viewport

Meta-тег charset

Пример использования мета тега кодировки charset

Meta тег refresh

Пример использования meta http refresh

Поддержка браузерами

Атрибуты

Title – самый важный элемент при оптимизации сайта

Ошибки в Title

Как заполнять мета тег description

Keywords умер?

Итог

Важны ли метатеги title, description и keywords для SEO

Description и keywords — мета-теги не влияющие на ранжирование

Title решает кто будет в Топе, а кто…

Как написать Тайтл эксплуатирующий любопытство

Полное руководство по мета-тегам SEO

Что такое метатеги?

Краткое и простое руководство по метатегам в SEO

Какое значение имеют метатеги?

Шесть метатегов для улучшения оптимизации вашего сайта

Ресурсы

Быстрое и простое руководство по метатегам в SEO

Почему важны метатеги?

Абзац контента

Шесть метатегов теги для улучшения оптимизации вашего сайта

1. Тег title

Как оптимизировать ваши мета-теги: контрольный список

Что такое метатеги и почему они важны для SEO?

Рекомендации по написанию тегов мета-описания:

Как писать теги мета-описания

Передовой опыт написания тегов Meta Robots

Как написать теги Meta Robots

Рекомендации по написанию метатегов для роботов

Как редактировать тег окна просмотра?

Полный список мета-тегов