Метатеги для сайта как прописать

13.01.202317.01.2023 admin 0 Comments

Мета-теги

Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП. Зачастую под SEO-тегами подразумеваются Title, Description и Keywords. Однако тегов намного больше. И в этой статье мы постараемся охватить этот вопрос максимально полно.

Содержание

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

К тегам мета относятся:

Подробнее можно прочитать в справке по HTML или Википедии.

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

Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.

Правильные SEO мета-теги для Яндекса и Google

Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:

Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.

Теперь подробнее о каждом из тегов.

Мета-тег Title

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

Синтаксис

Тег должен находиться внутри контейнера … в любом месте.

Требования SEO

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

Ошибки и неудачные примеры мета-тегов

Мета-тег Description

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

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

Пример, когда description в мета и в сниппете отличаются:

Синтаксис

Тег должен находиться внутри контейнера … в любом месте.

Требования SEO

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

Ошибки и неудачные примеры мета-тегов

Мета-тег H1

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

Источник

Как правильно прописать метатеги: ручной и автоматические способы для WordPress, Bitrix и Joomla

27.04.2020 Время прочтения: 7 минут

Дата обновления: 10.11.2021

Автор статьи: Евгений Костырев,
веб-программист компании SEO.RU

Метатеги для сайта — что это?

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

Самые важные метатеги для сайта — это:

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

Как вручную прописать метатеги в HTML-коде страницы?

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

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

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

Рассмотрим 3 основных CMS, которые остаются наиболее популярными и чаще всего встречаются в моей работе: WordPress, 1С-Битрикс и Joomla.

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

«Из коробки» WordPress не дает возможности прописать нужные метатеги, поэтому для этого используются плагины. Самые известные из них — это Yoast SEO и All in One SEO Pack. Разберем их.

Yoast SEO

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

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

Также можно использовать готовые переменные:

И создавать маски для разных типов контента (страниц, карточек товара, записей):

All in One SEO Pack

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

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

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

Как сформировать метатеги сайта на 1С-Битрикс?

У Битрикса есть SEO-модуль «из коробки», поэтому ничего дополнительно устанавливать не нужно. Достаточно просто открыть нужную вам страницу в админ-панели и перейти на вкладку SEO. Там будет полный доступ к метатегам страницы:

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

Чтобы все элементы раздела приняли маску, которую вы указали, нужно в настройках раздела найти пункт «Настройки для элементов» и там уже прописать то, что вам нужно:

Как изменить метатеги для сайта на Joomla?

Joomla, как и Битрикс, имеет свой SEO-модуль «из коробки», но реализован он иначе. Предположим, что у вас уже есть страница со статьей, и вам нужно прописать на ней метатеги. Для этого сначала необходимо создать пункт в меню:

Затем в разделе «Параметры страницы», в окне «Заголовок страницы в браузере» прописать Title:

А в разделе «Метаданные» указать Description и Keywords:

Joomla, к сожалению, не может создавать маски. Для этого нужно вручную писать плагин или искать из имеющихся.

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

Источник

Как правильно писать мета-теги для страниц сайта

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

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

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

Для чего нужны метатеги

С метатегов начинают большинство обучающих курсов по SEO, потому что это самая верхняя часть кода. Тег Keywords (ключевые слова) важная составляющая оптимизации и эффективный инструмент маркетинга, например, в Yahoo, Mail.ru, Rambler. Для Google и Яндекс keywords теряют свою актуальность.

Самые базовые и часто используемые теги – это «title» и «description».

SEO развивается и значимость ключевых слов меняется, но важно помнить о фактическом запросе:

Виджеты обратного звонка Calltouch увеличивают конверсию сайта на 30%. При подключении любого тарифа, кнопки можно устанавливать бесплатно. Система будет собирать заявки даже в нерабочее время. Так вы не упустите ни одного клиента. Мультикнопка дает возможность пользователю выбирать способы связи: обратный звонок, умная заявка, переписка в мессенджере.

Виджет обратного звонка для сайта

Как правильно писать теги для SEO

Обязательные теги

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

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

Необязательные теги

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

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

Теги добавляют в HTML-документа, содержащий верстку страницы. В самом верху располагается раздел – в нем-то и нужно прописать необходимые теги. Обычно это делает front-end или fullstack разработчик, либо SEO-специалист, если проект крупный или речь идет об оптимизации функционирующего сайта.

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

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

Чтобы просмотреть метатеги, откройте нужную страницу сайта щелкните правой кнопкой и выберите «Просмотр кода страницы» или «Исходный код». Вы увидите текст из множества слов и символов, в котором найдете все теги.

Таким же образом вы сможете найти теги конкурентов и проанализировать их. В Google Chrome есть даже инструменты для такого парсинга : Parsers, Scraper, Data Scraper, kimono. Результаты можете экспортировать в Google Docs.

Есть несколько способов проверки title, description и keyword:

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

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

Robots

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

Синтаксис robots.txt состоит из директив – правил, а также параметров страницы, файла, каталогов, специальных символов и их функций:

Viewport

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

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

Сквозная аналитика

Charset и Content-type

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

Refresh

С этим метатегом вы сможете переадресовать пользователей на другие страницы во время:

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

Author и Copyright

Через них можно идентифицировать авторов или правообладателей контента и подтвердить право собственности. Эти метатеги находятся в контейнере head и доступны только роботам-поисковикам.

Типичные ошибки при написании метатегов

Title и Description:

Подведем итог

Источник

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

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

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

Содержание

Правильные метатеги для SEO

SEO-метатеги напрямую не влияют на работу сайта. В принципе, их можно игнорировать — никакой катастрофы не случится кроме того, что ваш ресурс будет болтаться где-то на задворках мироздания. Если ваша цель — десятка топа Google или Яндекса, то правильное заполнение Title и Description становится обязательной частью работы над продвижением, особенно по низкочастотным запросам. Тем более, эти два тега, в отличие от других, видят не только поисковые роботы, но и пользователи на странице выдачи.

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

Title

В SEO тег играет первостепенную роль. Title — это заголовок страницы, который пользователь видит:

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

Синтаксис

Строго говоря, Title не является метатегом, но прописывается в контейнере HEAD и не отображается в теле документа на ресурсе. В этом его главное отличие от тега H1, который, по сути, тоже является заголовком, но отображается непосредственно на странице сайта.

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

Принципы заполнения Title

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

Description

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

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

Синтаксис

Description помещается в контейнер HEAD, поэтому не отображается в теле страницы.

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

Принципы заполнения Description

Keywords

Метатег, который когда-то был залюблен сеошниками до смерти. Из-за адовых злоупотреблений поисковикам пришлось от него отказаться. По сути, это список ключей, по которым продвигается страница. Все просто и незамысловато: робот читал список ключевиков и понимал, для каких запросов страница будет релевантна. В итоге в этот метатег напихивали столько всякого добра, что поисковым системам стало проще прикрыть лавочку, чем вычищать эти авгиевы конюшни. На данный момент метатег Keywords не учитывается при индексации и не влияет на ранжирование. R.I.P.