Метатеги это костяк страницы, по которому ориентируется Google и пользователи. Это одновременно полезная информация для машины и человека — о чем будет идти речь на странице, насколько релевантна информация. Без заполненных метатегов страница подобна автомобилю без освещения на ночной магистрали. Все метатеги важны, но они имеют порядок важности. Первыми стоят теги Head, затем Body. Самые важные теги — Title и Description.
О чем пойдет речь
- Что такое тег Title
- Что такое тег Description
- Эмодзи в метатегах
- Орфография и пунктуация
- Функция перевода
- Что такое тег Keywords
- Что такое тег H1
- Что такое метатег Alt
- Инструменты для проверки и внедрения метатегов
Метатег Title
Этот тег — название страницы. Только не путайте его с Н1. Title выводится в результатах поисковой выдачи, при наведении на фавикон, при копировании ссылки на социальные сети и мессенджеры. Разберем примеры подробнее.
Важно, чтобы Title побуждал пользователя переходить по ссылке поисковой выдачи (или где бы она ни появилась).
- Во-первых, это презентация бренда: «по одежке встречают».
- Во-вторых, тег нужен Гуглу, чтобы понять, о чем идет речь на странице.
Важно: Н1 и Title это разные теги! Иногда они могут выглядеть одинаково, но их роль отличается. Тег Title вы видите в поисковой выдаче и когда делитесь контентом практически на любой платформе. Тег H1 — это заголовок, который вы видите на странице. Часто на сайтах их прописывают одинаковыми, потому что так проще и понятнее оптимизатору. Если пользователи переходят из поисковой выдачи, кликая по определенному заголовку, скорее всего, они ждут такой же (или похожий) заголовок на странице. Отсюда и идея взять Н1 за основу.
Правила Title
Длина 40-60 символов текста + эмодзи
Видите три точки? Это неправильный Title. Google начинает обрезать теги заголовков в поисковой выдаче длиннее 70 символов (для мобильной выдачи около 80).
На самом деле размер зависит от пикселей, но практика показывает, что чаще всего это 40-60 символов. Так что не делайте их длиннее.
📌 Читайте в блоге: Вечнозеленый контент
Частые ошибки
- Пишите для людей, а не поисковых систем: не используйте много ключевых слов, если они выглядят неестественно. Будьте осторожны с шаблонами из переменных и разбавочного текста — в 90% случаев они недопустимы, приводят к каламбурам и дальнейшим проблемам с клиентом (он начинает нервничать, писать вопросы аккаунт-менеджеру и сам аккаунт-менеджер начинает нервничать и задавать уже вам много вопросов — предотвратите это качественной работой). О шаблонах мы поговорим дальше.
- Прописывайте уникальные Title. Убедитесь, что заголовки на всех страницах вашего сайта. Повторяющиеся теги Title — частая ошибка.
- Убедитесь, что на всех страницах есть тег Title. Это также распространенная ошибка.
- Не используйте капслок. Если выделить какое-то одно слово, например, аббревиатуру, то это допустимо. Весь Title или его часть набирать капслоком — серьезная ошибка.
- Не используйте вертикальные слэши — украшайте теги эмодзи.
- Не забывайте, что тире должно быть длинным. Вот таким: —. Копируйте в автозамены, если не сделали это раньше.
- Кавычки в названии компании – товара только елочки. Вот такие: «». Названия, набранные латиницей в кавычки не берите. Например: компания «Маркетинг Линк» и Компания Marketing Link.
- В отдельных столбцах обязательно включите функцию подсчета символов: =len(ячейка). Чтобы всегда знать, не превысили ли вы лимит символов.
- Чтобы удобно было работать с Н1, обязательно включите формулу импорта XML Н1 для Google Sheets.
- В Title и Description должен быть Н1 в той форме, в которой он есть (или в той, которой вы его исправили, елси изначально H1 не было или он был неинформативный). Не меняйте по числам, но если нужно, заменяйте падежи. Например, Н1 — Дверные замки COMIT.
| Верно или нет | Title | Description | Пояснення |
|---|---|---|---|
| Верно | Дверные замки COMIT 🔒 Качественная фурнитура на site.com | Дверные замки COMIT — модели для входных дверей прочные и надежные 🚪 Оригинальные товары от итальянского производителя для дверной фурнитуры на site.com | Здесь Н1 с точным вхождением, все правильно по количеству символов, проверена орфография. |
| Неверно | Дверной замок COMIT | site.com | Ищете фурнитуру? Модели для входных дверей высокой прочности и надежности. Оригинальные товары от итальянского производителя для дверной фурнитуры на site.com | В Title Н1 с неправильным вхождением, а Description его вообще нет. Нет эмодзи, есть вертикальный слэш. |
| Неверно | Купить спальный мешок одеяло — Terra Incognita Asleep Wide 300 | Купить спальный мешок одеяло — Terra Incognita Asleep Wide 300 ⛺️ Бесплатная доставка. Спальник повышенного комфорта, ширина увеличена до 100 см. Покупайте по выгодной цене в магазине производителя | Не хочется приобрести этот спальник совсем. Написано канцеляритом и без души. Маркетологи должны уметь писать лучше. |
| Верно | Идете в поход и нужен широкий теплый спальник? ⚡️ Спальник Terra Incognita Asleep Wide 300 — то, что вы давно искали: легко превращается в одеяло, анатомический капюшон. Мастхэв для туриста | Написан простым языком, есть преимущества для клиента. Так надо писать все рекламные объявления. |
Как прописать хороший Title
Title выводится в поиске и, прочитав его, пользователи решают, переходить на страницу или нет, поэтому в Title пишите ключевое слово страницы, иногда это H1, но не всегда.
Например, H1 — Доставка или Каталог. Его нужно «обернуть» во что-то вроде: «Бесплатная доставка от магазина Х», «Быстрая как молния доставка от магазина Х», «Узнайте больше о комфортной доставке магазин Х», «Хочу сделать заказ. Когда его могут доставить?» — Магазин Х». Конечно, писать о том, что доставка бесплатная нужно только тогда, когда она действительно бесплатная. Не придумывайте преимущества — сверяйтесь с текстом на сайте клиента.
Давайте разберем плохой пример
Нельзя написать по такой схеме: «H1+ Купить недорого без регистрации, отзывы, в Украине и мире». На примере со скрина: двойные пробелы, несоответствие текста (свиноводство купить нельзя — можно купить оборудование для свиноводства), дефис вместо тире, текст о лучших ценах, хотя можно было что-то более осмысленное, название компании капсом и неожиданный пробел в конце. Использован вертикальный слэш. Title слишком длинный.
Если нужно написать Title для страницы Доставка, Оплата, Каталог, то худшее, что вы можете сделать — Н1+ {купить оптом/недорого/быстро в Киеве/Чикаго/Торонто}. Служебные страницы очень важны, и с ними надо делать таким образом. Давайте посмотрим на опыт Розетки.
Но для Доставки совсем другой Title. Немного длинный для Гугла, но суть в том, что точно отображает содержание страницы и после слеша, скорее всего, УТП для всех технических страниц — нет ничего про цены, купить, оптом и прочее.
Добавьте в Title слова действия. Например: купить, посмотреть, узнать, найти. Объедините эти слова с такими терминами как бесплатный, простой или новый, и люди будут переходить активнее.
В примерах выше нет длинных тире, иногда невпопад кавычки, эмодзи, которые некорректно отображаются, вертикальные слеши, но, тем не менее, это неплохие примеры с эмодзи (с эмодзи важно не переусердствовать, как на некоторых примерах), написанные человеческим языком и явно выделяющиеся среди конкурентов. Наша задача — посмотреть на конкурентов и лидеров рынка и сделать лучше.
Метатег Description
Meta Description (метаописание, Description) — это второй по важности тег и это описание страницы для людей и поисковых систем. Оптимальная длина Meta Description — 160-200 символов. Можно писать и длиннее, но не на всех устройствах они будут отображаться корректно. В общем не стоит зацикливаться на длине, допустим, 160 символов достаточно, но 150 — мало.
Необходимо обеспечить связь между Title и Meta Description, чтобы поисковые системы могли легко распознать, о чем вы собираетесь говорить. Meta Description — это продолжение Title.
Каждая веб-страница должна иметь одно целевое ключевое слово. И это ключевое слово должно отображаться в Title и Meta Description.
Нельзя написать в Title «SEO», а в Meta Description — «размещение контента на сайте». Это два разных ключевых слова, и их несоответствие запутает поисковые системы.
Если использовать эмодзи в Meta Description, стоит учесть, что один эмодзи это ≠ один символ. Один эмодзи может занять до десяти символов.
Без метаописания Google по умолчанию будет использовать любое предложение, которое, по его мнению, лучше всего охватывает контент.
Как сделать хороший Meta Description
Оценить контент на сайте, посмотреть, что написано в H1 и Title, но рассудить, что оставить, а что переделать. Добавить Преимущества компании, посмотреть хорошие примеры от конкурентов, сделать несколько шаблонов Meta Description и миксовать их.
Эмодзи в метатегах
Эмодзи привлекают внимание тех, кто решит зайти на сайт из поиска. Google скорее за, чем против эмодзи в метатегах.
Некоторые эмодзи неправильно отображаются в выдаче, поэтому после того, как вставьте эмодзи, проверьте, как это выглядит в Google.
🚀👍 💫 🏅🏆⚡✌✅
Включите фантазию. Если клиент продает зерноочистители, то можно использовать эмодзи качан 🌽 или пшеницу 🌾. Если это услуги по ремонту, то эмодзи с инструментами 🧰⚒️, если настольные игры, то 🎲, если алкоголь, то 🍹 или 🥃. Включите воображение. Такой творческий подход поможет клиентам выделиться перед конкурентами, а значит, заработать больше денег, он будет доволен сотрудничеством и мы будем расти вместе с ним.
Осторожно с эмодзи
Добавьте один эмодзи в Title и один в Meta Description. На этом все. Не загромождайте теги смайликами — Google за такое наказывает. Цитрус перестарался и был лишен права на красивый вид в поисковой выдаче.
Один эмодзи — это не один символ. Например, эмодзи огонь 🔥 занимает в HTML-коде девять символов — 🔥. Поэтому в условиях ограничения символов на Title ~60 учитывайте это.
Не используйте эмодзи с лицами, например, 🤯😝. После эмодзи пишите с большой буквы, перед эмодзи не ставьте точку, если этого не требуют правила, например, сокращения (экз., тыс.).
Орфография и пунктуация
Проверьте перед добавлением в файл-структуру клиента. Проверьте еще и длинные тире (вот такое: —). Будьте осторожны с символами с похожим начертанием.
Установите корректор грамматики и орфографии LanguageTool, чтобы легче проверять.
Функции перевода
Когда метатеги написаны и утверждены, нужно их перевести. Нужно ли переводить на иностранный язык, если сайт клиента на нескольких языках.
Функция GOOGLETRANSLATE позволяет переводить текст прямо в Google Spreadsheet:
С украинского на английский: =GOOGLETRANSLATE(“текст/ячейка”;”uk”; “en”)
При переводе слетают длинные тире, поэтому проверьте автозамены, вычитайте метатеги перед тем, как их сдать на проверку.
Метатег Keywords
Keywords — это перечень ключевых слов страницы.
Кейворды когда-то были важными, но сегодня они не так сильно влияют на место в выдаче. Их заполнение — лишь опция.
<meta name = “keywords” content = “перечислите ключевые слова страницы через запятую”>
Как кейворды выглядят в коде:
Метатег H1
Самое важное правило в Н1 — этот тег на странице должен быть один и он обязательно должен быть.
Если на странице нет Н1, допишите его так, чтобы он был релевантным контенту. Если Н1 несколько, то оставляем только один. Остальные либо переводим в Н2, Н3 (если они заслуживают быть Н2 или Н3), либо удаляем, либо переводим в простой текст — нужно смотреть по ситуации.
Метатег Alt
Атрибуты Alt и Title изображения называются тегом alt и тегом заголовка. Но технически это не теги, а атрибуты. Альт-текст описывает то, что изображено на изображении и функции изображения на странице.
Поэтому, если вы используете изображение в качестве кнопки для покупки продукта X, в замещающем тексте должно быть сказано: «Кнопка для покупки продукта X».
Еще Alt используется для чтения с экрана слепых и слабовидящих людей. Специальные программы чтения с экрана сообщают пользователям, что изображено на картинке, читая Alt.
Если на сайте нет поля, куда можно вписать Alt, то обязательно напишите задачу об этом. Это будет задача программистам клиента.
Инструменты для проверки и внедрения метатегов
Плагин SEO meta data extension Web Site
Помогает орбите первичный анализ страницы, когда ответ надо здесь и сейчас.
Плагин Yoast SEO для WordPress
С Yoast у всех страниц, которые вы публикуете, есть внутренние параметры для оптимизации SEO, обновления тегов и других метаданных.
Когда Yoast установлен на вашем сайте WordPress, несколько щелчков мышью и несколько секунд вашего времени — это все, что вам нужно, чтобы добавить метатеги.
Другие инструменты
- Serpstat
- Screaming Frog
Выводы
- Следите за длиной метатегов, не пишите длинные, но следите, чтобы метатеги были исчерпывающими. Рекомендуемая длина Title — от 30 до 60 символов, а Description 160 символов.
- Заголовок H1 играет ключевую роль в структурировании контента и должен точно отражать основную тему страницы, быть информативным и понятным.
- Добавляйте эмодзи в метатеги, но контролируйте их количество, не злоупотребляйте
