Как добавить мета-тег, скрипт или иной код на сайт?
Добавление мета-тегов требуется в случаях, когда какой-либо ресурс требует подтвердить право владения доменом (верифицировать домен). В большинстве своем мета-теги нужны для подключения корпоративной почты на домене или регистрации в сервисах вроде Яндекс.Вебмастера или Google Search Console.
Заходим в редактор и открываем папку «Сниппеты», находим в этой папке сниппет head:
Поскольку сниппет head является необязательным, в старых или сторонних шаблонах он может отсутствовать. В этом случае необходимо искать секцию в файле layouts.layout.liquid и делать изменения там. Если Вы не владеете языком HTML в достаточной степени и не уверены в своих силах, можете просто прислать в техническую поддержку мета-тег, и мы поможем Вам его разместить.
Помимо мета-тегов, иногда возникает потребность разместить на своем сайте онлайн-консультант, кнопку плавающую обратного звонка или иной виджет, который должен срабатывать на всех страницах сайта.
Сперва необходимо скопировать JavaScript-код, который предоставляется создателем виджета. Затем открываем в бэк-офисе раздел «Настройки => Счетчики и коды», нам нужно поле «javascript-код для вывода на всех страницах магазина»:
Содержимое, фигурирующее здесь, появляется в итоговом HTML-коде страницы непосредственно перед закрывающим тегом
Как добавить мета-теги в WordPress
Как добавить мета-теги в WordPress для лучшей SEO оптимизации сайта? Такие мета теги, как Title, Descriptions используются поисковыми системами для ранжирования страниц и статей. В этой статье мы покажем, как правильно добавить мета-теги на главную страницу и внутренние страницы сайта.
Зачем добавлять мета-теги в WordPress?
Мета теги Title, Descriptions позволяют поисковым системам более точно определить тему статьи и ранжировать её.
Title – это заголовок вашей страницы (может отличаться от H1). Заголовок страницы, который выводится первой (после URL в Google) строчкой в сниппете. Наличие ключевого слова в нем – обязательно.
Descriptions – описание страницы. Важно заполнять описание страницы, так как оно выводится в сниппете под title. Качественно составленное описание страницы не только улучшает ваши SEO показатели, но и увеличивает CTR страницы, если описание заинтересует пользователя.
Многие могут вспомнить мета-тег Keywords. Как пишет Яндекс в своей документации, Keywords может учитываться при определении соответствия страницы поисковым запросам. Google заявил, что не учитывает этот мета-тег и рекомендует веб-мастерам не тратить на него время. Bing и Yahoo также сообщили, что не учитывают данный мета-тег в выдаче.
Мета-теги являются HTML-тегами и находятся в Header вашего сайта. SEO плагины WordPress позволяют легко добавить мета-теги на страницы вашего сайта.
Добавить мета-тег Keywords с помощью Yoast SEO больше нельзя, начиная с версии 6.3.
Установка Yoast SEO для добавления meta-тегов
Если вы ещё не установили на свой сайт Yoast SEO, то воспользуйтесь нашей инструкцией по установке плагинов WordPress.
После установки у вас сразу же будет доступна возможность прописывать мета-теги для сайта WordPress, а также заполнить Open Graph для социальных сетей.
В ранних версиях нужно было зайти в основные настройки плагина и включить возможность заполнения мета-тегов, но сейчас эта опция включена “из коробки”, поэтому останавливаться на этом мы не будем.
Как добавить мета-теги на страницу/запись WordPress
Зайдите на страницу или запись, к который вы хотите добавить title, descriptions, keywords.
Прокрутите вниз страницы до окна Yoast SEO. Вы увидите следующее окно:
Вы видите SEO настройки страницы. В поле “Фокусное ключевое слово” вписывается то ключевое слово, под которое заточена статья. Не нужно путать это поле с заполнением мета-теги Keywords.
Ниже вы видите, как выглядит на данный момент сниппет в мобильной версии поиска Google. Вы также можете выбрать показ сниппета в результатах поиска на ПК.
Нажмите кнопку “Изменить сниппет”, чтобы заполнить title (заголовок) и description (описание).
Для изменения нам доступны следующие мета-теги в WordPress:
По умолчанию SEO-заголовок страницы формируется по шаблону. Данный шаблон идет по умолчанию, но его можно изменить в настройках сайта. Также вы можете стереть его и вписать свой.
Ярлык или же URL записи старайтесь делать как можно короче и вписывайте в него основную ключевую фразу.
Мета-описание страницы можно также формировать по шаблону, но это лучше делать для шаблонных, однотипных страниц. Для статей и страниц для каждой страницы нужно писать своё уникальное описание. Постарайтесь заинтересовать человека, ведь кроме как с помощью заголовка и описания вы никак не выделяетесь в выдаче. Используйте ключевые фразы.
Вы можете заметить, что под SEO-заголовком и Мета-описанием есть полоса, которая в зависимости от размера текста окрашивается в разные цвета. Старайтесь максимально заполнить данную строку, но оставаться в зеленой зоне.
Благодаря заполнению фокусного ключевого слова мы видим, как Google будет выделять слова в нашем сниппете при поиске.
Таким образом мы смогли добавить в код страницы/записи мета-теги в WordPress. Обновите страницу, чтобы сохранить изменения.
Как добавить мета-тег в код главной страницы своего сайта WordPress
SEO-оптимизация главной страницы является важной частью продвижения сайта, ведь на главная страница часто продвигается под высококонкурентные запросы.
Не забудьте сохранить изменения, чтобы мета-теги появились на главной странице WordPress.
Если для главной страницы и для страницы блога (вывода статей) вы используете разные страницы, то на данной страницы вы увидите следующий текст:
Данные сообщения означают, что у на роль главной страницы назначена не страница с последними статьями, а созданная вручную страница. Нажмите на ссылку в конце предложения и вас перенаправит на редактирование главной страницы. Там вы сможете заполнить мета-теги WordPress, как мы рассказывали выше в разделе добавления мета-тегов для страниц/записей.
Как добавить мета-теги на страницы архивов категорий WordPress
SEO-оптимизация страницы категорий (Рубрик) позволит более эффективно продвигать сайт, если человек ищет много статей по одной теме.
Откроется страница редактирования категорий. Прокрутите вниз до окна Yoast SEO.
Как вы видите, это точно такое же окно, как и при редактировании страниц, поэтому нажмите “Изменить сниппет” и заполните SEO-заголовок и Мета-описание.
Не забудьте сохранить изменения.
Таким же способом вы можете заполнять мета-данные для других категорий и тэгов.
Мы надеемся, что данная статья помогла вам понять, как добавить мета-теги в WordPress с помощью Yoast SEO. Если у вас появятся вопросы, пишите их в комментарии, мы всегда рады помочь!
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Как правильно прописать метатеги: ручной и автоматические способы для WordPress, Bitrix и Joomla
27.04.2020 Время прочтения: 7 минут
Автор статьи: Евгений Костырев,
веб-программист компании 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. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП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 слова. Исключение — страницы статей, товаров, проектов и т.п. То есть страницы, продвигаемые под более специфические, менее частотные запросы.
Синтаксис
Как подтвердить права на сайт или домен
Поисковые системы должны быть уверены, что вы действительно являетесь владельцем сайта или домена, на который заявляете права. Подтвердив права на управление сайтом, вы получите доступ к информации об индексировании страниц сайта роботом Яндекс, Google, Mail.ru и Bing. Если права на управление сайтом подтверждены в Яндекс.Почте для домена и Почте Mail.Ru для домена, права на сайт в веб-мастере подтвердятся автоматически.
Как подтвердить права на сайт для Яндекс, Google, Bing и Mail.ru
Если у вас несколько сайтов, то подтвердить права необходимо для каждого сайта в отдельности. Подтвердить свои права на сайт можно одним из способов. У всех поисковых систем подтверждение права на свой сайт одинаковы.
Верификация сайта используя Мета-тег
В вебмастере выбрать способ Мета тег для подтверждения права на свой сайт. Выглядит это так.
Кабинет вебмастера Поиск Mail.Ru:
В Google Search Console:
Обновите файл и нажимайте кнопку Подтвердить/Проверить в вебмастере. Проделайте эту процедуру для каждого поисковика. Данный способ подтверждения плох тем, что при обновление или смене темы вордпресс вам нужно будет заново вставлять мета тег и подтверждать сайт. Проще прописать мета теги для верификации сайта с помощью плагинов или использовать саму тему (обычно в платном шаблоне предоставляется возможность добавлять код в раздел ).
Обратите внимание что, вам надо вставлять не полностью мета тег, а только его персональный номер. Также и в All in One SEO Pack. Возможность только для Google, Bing и Pinterest: