Создай правильные мета заголовок и мета описание страницы
Ну короче. Мета теги.
Это такая тема, про которую все слышали, но никто нормально сделать не может. Я вот честно говоря каждый раз в шоке, когда открываю очередной сайт за миллион рублей, а там — пустота. Просто пусто. Ни тайтла, ни дескрипшена. Зачем мета теги вообще нужны, спрашивают меня потом эти владельцы бизнеса, когда их сайт болтается где-то на 150-й странице в Яндексе. Ну типа… чтобы вас найти можно было?!
Давайте сразу. Мета теги что это простыми словами — это такие невидимые строчки кода. Вы их на самой странице не видите, а вот роботы поисковиков — видят. Они сидят в самом верху кода, в блоке который называется мета тег head. Если у вас там бардак, то и в поиске будет бардак.
В общем я решил написать этот текст просто потому что устал всем одно и то же объяснять. Будет немного сумбурно, но зато по делу.
Что такое мета теги сайта и с чем их едят
Люди постоянно вбивают в поисковики дикие вещи. Типа какие мета тегов бывают, мета теги html, мета тег яндекса… Хотят чтобы раз — и правильные мета теги сами магическим образом появились на их сайте. Но так не бывает.
Если вы задаетесь вопросом мета теги для чего нужны, то ответ тупой и простой — для SEO. Мета теги seo — это ваш билет в нормальную выдачу. Мета теги для продвижения сайта работают как вывеска на магазине. Нет вывески — никто не зайдет.
Но где их брать? Как добавить мета тег? И главное — мета тег где он вообще живет?
Обычно код мета тегов прописывается в CMS (это движок вашего сайта). Но прежде чем мы полезем в дебри того, как настроить мета теги в разных движках, давайте разберем основные мета теги. Их не так много, но косячат в них постоянно.
Святая троица: Title, Description, Keywords
Запомните эту фразу: мета теги title keywords description. Это база. Хотя с keywords сейчас всё сложно, но об этом позже.
Мет тег тайтл (он же Title)
Мет тег тайтл — это самое важное, что есть на странице. Это ваш мета заголовок страницы. Мета заголовок что это? Это то, что светится синим цветом в результатах поиска. Когда вы ищете что-то, вы кликаете именно на тайтл.
Мета тег title как правильно заполнить? Да проще некуда, казалось бы! Берете главный ключ вашей страницы и пишете по-человечески. Мета тег title как правильно написать — это чтобы человек прочитал и захотел кликнуть. Не надо писать «Купить слона слон москва дешево купить». Напишите нормально: «Купить слона в Москве недорого | Магазин Слонопотам».
Мета теги заголовков вообще решают всё. Мета теги главной страницы должны быть вылизаны до идеала. Если у вас там написано «Главная», то вы просто сливаете бюджет в унитаз.
Мета тег description (он же Дескрипшен)
Дальше идет мета тег description. Или мета тег дескрипшен, как его в народе называют. Это серенький текст под синей ссылкой. Мета теги описание — это ваша рекламная строчка.
Как заполнять мета теги description? Вот тут у многих ступор. Начинают писать какую-то поэму про то, какая у них динамично развивающаяся компания. Блин, всем плевать! Правильный мета тег description должен продавать клик.
Пишите выгоды. Мета тег description как заполнять пример: «Доставим слона за 2 часа. Скидка 15% на первый заказ. Гарантия здоровья животного. Заходите и выбирайте!». Вот это нормальный мета тег пример.
А то часто вижу, как люди спрашивают как заполнить мета теги description, а сами копируют туда кусок текста со страницы. Вебмастер мета тега потом просто не выводит этот мусор в сниппет. Как правильно заполнять мета теги description — это писать его для людей, а не для машин. Мета тег description для сайта это ваш шанс выделиться среди конкурентов.
Кстати, если вы думаете мета заголовок мета описание как они работают вместе — они должны дополнять друг друга. Тайтл привлекает внимание, дескрипшен добивает и заставляет кликнуть. Мета теги title и description что это — это ваши главные инструменты.
Мета тег keywords (он же Ключевики… земля им пухом)
О, мое любимое. Мета тег keywords. Вы не представляете, сколько раз клиенты мне кричали: «Срочно установите мета тег keywords!!!».
Зачем? Какую функцию выполняет мета тег keywords в наше время? Да никакую!!!
Гугл официально забил на него еще лет 15 назад. Яндекс тоже давно его игнорит в плане ранжирования. Но нет, люди до сих пор маниакально ищут как заполнять мета тег keywords.
Мета теги keywords как правильно заполнять? Никак. Забудьте. Мета тег description мета тег keywords — это пережиток нулевых. Но если ваш босс стоит над душой с паяльником и требует мета тег keywords пример, ну напишите туда 3-4 слова через запятую. Типа: слон, купить слона, слоны москва. Всё. Мета теги с ключевыми словами вам не помогут, но хоть нервы начальству сбережете. Мета теги keywords как правильно — просто не тратьте на это время.
Другие атрибуты тега мета
Кроме этой троицы, есть и другие штуки. Атрибуты тега мета бывают разные, и некоторые из них реально важны.
Например, мета тега robots. Он командует парадом. Мета тег для разрешения индексирования записей сайта — это когда вы говорите поисковику «заходи, бро, тут классный контент». А вот мета тег robots noindex — это когда надо спрятать мусор. Корзины, страницы авторизации, всякие технические дубли. Мета тег noindex просто спасает от мусорных страниц в выдаче.
А еще есть viewport мета тег. Если вы не знаете что это, зайдите на свой сайт с мобильника. Если всё мелкое и надо приближать пальцами — у вас нет вьюпорта. Он отвечает за то, чтобы сайт нормально масштабировался на экранах телефонов. Без него сейчас вообще никуда.
Еще часто спрашивают про подтверждение домена для google через мета тег. Гугл Консоль дает вам кусок кода — мета тег google. Вы его кидаете в шапку сайта (туда где мета тег head) и всё, Гугл знает что вы хозяин. Мета тег name там обычно «google-site-verification».
А, вот еще забавное. Люди ищут мета тег файла. Я честно не знаю что это за дичь. Нет такого понятия в SEO. Есть метаданные файла (фотки или пдф), но это не мета теги html.
Кстати, про фотки. Мета теги изображений — это отдельная боль. Мета теги alt нужно обязательно прописывать. Картинки тоже ищут! Мета теги alt помогают Гуглу понять, что нарисовано. Если у вас огромный магазин, то руками это делать ад, поэтому делают импорт из csv в мета теги картинок.
А еще есть мета теги h1. Запомните раз и навсегда!!! H1 — это не мета тег! Это заголовок внутри самого текста на странице. Мета теги h1 title — это разные вещи. Тайтл в коде, H1 на странице. Но они должны быть связаны по смыслу. Мета тег контент — вот где суть.
Как это всё писать и не сойти с ума
Написание мета тегов руками — занятие так себе. Сидишь, считаешь символы… Тайтл не больше 60, дескрипшен не больше 160. Чуть перебрал — поисковик обрежет.
Поэтому нормальные люди юзают генератор мета тегов. Серьезно, зачем страдать?
Я вам прям советую, идите на spartan.by. У них там есть крутая штука: Мета теги. Создание правильных Title и Description онлайн. Это лучший генератор мета тегов для сайта который я видел за последнее время.
Там всё тупо и понятно. Зашли. Это генератор. Вбили свой текст, он вам сразу показывает как это будет выглядеть в выдаче. Мета теги онлайн делать намного быстрее. Создание мета тегов там занимает секунды. Генерация мета тегов автоматизирована, никаких ошибок в синтаксисе.
Мета теги писать с таким инструментом — одно удовольствие. Заполнил поля, скопировал готовый код мета тегов, вставил на сайт. Всё! Вы восхитительны.
Как вставить мета тег в разные движки (CMS)
Вот мы сгенерировали код. Дальше вопрос — как добавить мета тег на сайт? Мета теги на странице сайта выводятся по-разному в зависимости от того, на чем ваш сайт собран.
Мета тег wordpress (Вордпресс) Мета теги вордпресс добавляются элементарно. Ставите плагин Yoast SEO или Rank Math. Внизу каждой статьи или страницы появляются поля. Туда и вставляете свой тайтл и дескрипшен. Как добавить мета тег яндекса в wordpress? Да прямо там же в настройках плагина есть раздел «Инструменты вебмастера», туда кидаете код и всё.
Мета теги битрикс (Bitrix) Ооо, Битрикс. Моя «любовь» . Тут мета теги битрикс настраиваются в инфоблоках. Заходите в настройки элемента, вкладка SEO. И там уже шаблоны мета тегов можно настроить так, чтобы они генерировались сами для всех товаров. Шаблоны мета тегов в Битриксе это мощь, но настроить их с первого раза… ну удачи, в общем.
Мета теги в тильде (Tilda) В Тильде всё для людей. Мета теги в тильде прописываются в настройках страницы. Заходите в настройки -> SEO. И там поля для заголовка и описания. Настройка мета тегов занимает минуту.
Везде принцип один: заполнить мета теги в специальные поля. Главное понимать мета теги что это и куда их совать.
Проверка мета тегов (или как не облажаться)
Вот вы всё сделали. Довольные идете пить чай. А на следующий день смотрите — а в поиске какая-то фигня. Почему? Да потому что надо проверить мета теги!
Проверка мета тегов онлайн это обязательный ритуал. Иногда плагины глючат. Иногда кэш не сбрасывается. Иногда вообще два тайтла выводится на странице (один от шаблона, другой от плагина).
Как посмотреть мета теги сайта? Можно по-хардкору: открыть страницу, нажать Ctrl+U, нажать Ctrl+F и искать слово «title» или «description». Но я так делал году в 2012.
Сейчас проще проверить мета теги онлайн. Идете в интернет, ищете сервис для анализа мета тегов сайта. На том же spartan.by можно не только генерировать, но и есть анализ мета тегов онлайн. Вбиваете урл своей страницы, и он вам раскладывает: вот ваш тайтл, вот дескрипшен, вот длина.
Проверить мета теги сайта онлайн — это секунда делов. Анализ мета тегов показывает все ошибки.
Кстати, еще полезно собрать мета теги конкурентов. Берете сайты из топ-10 по вашему запросу, прогоняете их через сервис, смотрите какие у них мета теги описание, какой мета тег контент. И делаете лучше! Оптимизация мета тегов — это вечная гонка. Вы подсмотрели, у вас подсмотрели.
И не забывайте про мета тег яндекс вебмастер. Яндекс Вебмастер сам вам скажет, если у вас косяки. Если тайтлы дублируются или пустые — он там в разделе «Диагностика» будет ругаться красным. Слушайте его.
Подводим итоги этого хаоса
Давайте еще раз, коротко, для тех кто промотал до конца.
- Зачем мета теги? Чтобы сайт был в топе и на него кликали. Мета теги для продвижения — это фундамент.
- Основные мета теги — это Title (мета заголовок) и Description (мета описание).
- Мета тег keywords — мертв. Забейте.
- Используйте генератор мета тегов для сайта. Например на spartan.by. Создать мета тег там проще простого, и главное — без ошибок.
- Обязательно делайте проверку. Проверка мета тегов онлайн спасет вас от глупых косяков.
- Прописать мета теги надо на КАЖДОЙ странице. Мета теги страницы должны быть уникальными. Не копируйте их!
Я честно не знаю как еще проще объяснить мета теги что это простыми словами. Это просто текст, который помогает роботам понять, о чем ваша страница, а людям — понять, зачем на нее кликать. Мета тег поиска это ваш брокер на бирже внимания.
Не ленитесь. Мета тег как сделать — мы разобрали. Вставить мета тег — тоже. Дело за малым — сесть и сделать. Удачи вам там в топах.