Мета-теги – описание и примеры написания Title, Description и Keywords

Мета-теги Статьи по SEO-продвижению

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

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

Мета-теги – это участок HTML-кода, в который вносят структурированные данные о веб-странице. Информация вносится между тегами <HEAD> … </HEAD> и служит для автоматических служб поисковых систем, других программ. Посетителям контент не отображается, при необходимости вычитывается специализированными программами. Например, для контроля, внесения поправок.

Meta-теги принято разделять на группы:

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

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

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

Мета-теги для продвижения сайта в Google и Яндексе

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

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

  • где именно и в каком виде вносить их в HTML-код страницы;
  • каковы правила поисковиков по оформлению «для людей»;
  • как повлиять на продвижение.

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

Заполнение мета-тегов страницы автоматически в CMS Битрикс
Заполнение мета-тегов страницы автоматически в CMS Битрикс

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

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

Мета-тег Title

<html>

<head>

 

<title>Купить цветы оптом в Москве в интернет-магазине</title>

 

</head>

</html>

Пример тега Title в коде страницы

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

Meta-тег Title отображается в нескольких местах:

  • сниппет поисковой выдачи Яндекса, Google (и других поисковиков);
Тайтл в поисковой выдаче
Title в поисковой выдаче
  • шапка браузера, целиком отображаемая при наведении курсора;
Заголовок страницы в браузере
Title страницы в браузере
  • подпись при репосте ссылки в социальных сетях.
Описание при репосте в соцсети
Описание при репосте в соцсети

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

Как правильно заполнить мета-тег Title:

  • оптимальная длина Title 65-80 символов для Яндекса и до 70 для Google. Если делать более длинный текст, то «вес» равномерно распределится на все слова и вы уступите конкурентам. К тому же пользователь не увидит полное описание из-за ограничений отображения сниппета в выдаче;
  • содержание должно мотивировать к переходу;
  • начинать Title с высокочастотного запроса и желательно вставлять несколько релевантных фраз, подходящих по смыслу;
  • нельзя копировать H1;
  • каждая страница должна содержать уникальный Title;
  • лучше избегать кавычек, спецсимволов и знаков препинания, в особенности: «!», «.», «?», «:», таким образом ваш текст разделяется, и те слова, которые оказались после знака могут не включиться в продвижение страницы;
  • нужно соблюдать правила русского языка.

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

Времена бесконтрольной SEO-оптимизации прошли. Новые алгоритмы пресекают попытки выйти в ТОП за счет насыщения meta-тегов и контента запросами. Так что рекомендуется писать правильные заголовки в понятном для людей виде, чтобы их было легко понимать. Среди типичных ошибок также встречается и попытки манипулировать прилагательными в сравнительной степени (вроде «самый лучший» или «выгодный»), верхним регистром букв (набором с включенным Caps Lock).

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

Мета-тег Description

 

<meta name=”description” content=”Клининговые услуги от компании Пром-Клин в короткие сроки и в рассрочку. Работаем без выходных с 10.00 до 20.00.” />

Код Description

По такой же схеме с атрибутом name в коде страницы прописываются Keywords, Robots, Author и Copyright: <meta name=”название тега” content=”cодержание” />. Подробную информацию по алгоритму написания можно почитать в Википедии.

Meta-тег Description – краткое описание страницы, объясняющее содержимое заголовка. В нем часто публикуют призывы к переходу с объяснением выгоды. При этом подход обычно одинаков и у коммерческих, и у информационных ресурсов. Текст Дескрипшена является частью поискового сниппета, который отображается в органической выдаче под заголовком. Это причина того, почему блок считается обязательным в продвижении. Хотя на работу в целом никак не влияет.

Дескрипшен сайта в поисковой выдаче
Description страницы сайта в поисковой выдаче

Правила как заполнять описание Description:

  • оптимальный объем тега Description 160-200 символов без пробелов;
  • ключевые фразы допускается распределять внутри пассажа (одного предложения), писать в разбавленном виде;
  • нельзя допускать многократного повтора одной и той же фразы;
  • содержание должно соответствовать заголовку и быть релевантным контенту страницы;
  • рекомендуется избегать общих фраз, лучше быть конкретным, лаконичным;
  • Description нужно писать уникальным по сравнению с другими URL.

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

Посмотреть примеры, как писать мета-теги Дескрипшен

Заголовок H1

Мета-тег H1 – заголовок, который в отличие от Title или Description работает на посетителя. Его видят на странице первым, по нему решают, стоит ли прокручивать дальше, читать текст. Так что значимость для продвижения столь же высока как у поискового сниппета. Только влияет больше на ПФ (поведенческие факторы). Например, на отказы, время, глубину просмотра.

Заголовок страницы H1
Заголовок страницы

Правила использования заголовка:

  • присутствие тега обязательно на каждой индексируемой странице;
  • нельзя допускать более одного использования на одном URL;
  • ключевая фраза, характеризующая документ, должна быть обязательно включена;
  • текст тега должен быть уникальным по отношению к другим страницам;
  • не использовать коммерческие слова: «Купить», «Заказать», «Цена» и т. д.;
  • рекомендуется ограничиваться 60 символами без пробелов.

В карточках товаров, на страницах с описанием услуг часто ставятся заголовки из 2-3 слов. На более длинных обычно останавливаются при публикации статей в личном блоге, который используется в продвижения по средне- и низкочастотным запросам (СЧ, НЧ). В любом случае его нужно писать релевантным содержимому, будь краткое описание на 1000 символов или лонгрид «на 20 000».

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

Заголовки H2-H6

Meta-теги H2, H3, H4, H5, H6 – подзаголовки, которые используются для логического разделения текста на смысловые блоки. При написании контента нужно обязательно соблюдать иерархию, чтобы H3 встречался только после H2 и т.д. В основном в ходу первые два: большую вложенность материалов удается встретить редко. Обычно ограничиваются подзаголовками H2-H3. В продвижении они «усиливают» релевантность текстового содержимого и упрощают навигацию.

Заголовки H2 и H3 – пример в тексте
Заголовки H2 и H3 – пример в тексте страницы

Правила использования H2-H6:

  • длина подзаголовков ничем не ограничена, их пишут исходя из содержимого блока;
  • ключевые фразы рекомендуется писать в естественной форме, заменять на синонимы;
  • в служебных блоках подзаголовки H2-H6 лучше заменить на DIV.

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

Мета-тег Keywords

 

<meta name=”keywords” content=”угловой диван от производителя, мягкая мебель в интернет-магазине” />

Код Keywords

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

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

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

Если вы решили заполнить Keywords страницы, то посмотрите примеры некорректно заполненных атрибутов, чтобы избежать ошибок.

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

Давайте рассмотрим примеры плохих и правильных мета-тегов.

 
 
Название тега С ошибками Правильные
Title Цветы на Сретенке (cлишком короткий и непроработанный мета-тег) Мягкая мебель в Москве от производителя по низким ценам | Купить мягкую мебель недорого (видим повторение ключевой фразы, в данном примере Яндекс это пропускает и если у ваших конкурентов из ТОПа наблюдается подобная картина, то стоит применить подобную технологию. Для проверки релевантности тайтла рекомендуем использовать сервис Текстовый анализатор от Мегаиндекса)
  Цветы в Москве, цветочный магазин , свежие, свежесрезанные, цветочные букеты Москва, упаковка подарков, горшечные растения, кофе-шоп, flower shop in Moscow, flowers delivery in Moscow (спамное перечисление ключевых слов) Спецшины – продажа шин для спецтехники, низкие цены (ключевая фраза стоит в начале)
  Повторение заголовка H1 Доставка цветов по Москве бесплатно ?| Заказать цветы с доставкой недорого (использование эмодзи привлекает внимание)
  Отсутствуют либо тестово заполнены из шаблона админки  
  Million flowers – цвeты в шляпныx кoрoбкax «Million flowers – цвeты в шляпныx кoрoбкax (в начале использовано название магазина, а должно быть главное ключевое слово)  
 


Доставка цветов по Москве недорого. Купить цветы дешево в Цветной.рф. Заказать цветы и букет на дом с бесплатной доставкой по Москве и Московской области. Поставщик цветов. Купить цветы онлайн +7 (495) 0-000-000 (длинные предложения с повторением ключевых (цветы, доставка) и коммерческих слов (купить)
 
  Доставка цветов по Москве и Моск.обл. (ошибки и сокращения в Title недопустимы)  
  Букеты из фруктов купить в Москве. Заказать фруктовый букет с доставкой цена в Москве от 1 200 руб. (используется разделяющий знак препинания)  
  ХочуБукет – Служба быстрой доставки цветов для прекрасных дам по всей России (употребление большого количества нецелевых для продвижения слов)  
  Полностью скопированы у конкурентов вместе с названием компании  
Keywords
 
доставка цветов по Москве недорого и дешево, заказ цветов онлайн и букетов с доставкой по Москве и Московской области, заказать букет с бесплатной доставкой, купить цветы дешево, интернет магазин цветов (заспамленность ключевыми и коммерческими словами)
 
  Слишком длинный список  
Description Описание отсутствует либо повторяет Title
 
Интернет-магазин «Марьино Мебель» ⭐️ предлагает купить мягкую мебель по низким ценам. Бесплатная доставка ? по Москве и широкий ассортимент (с эмодзи для привлечения внимания)
  Комнатные растения. Интернет магазин комнатных растений в Москве. Заказать комнатные растения, горшки и кашпо, подставки, грунты и удобрения, инвентарь, растения и товары для сада, цветы для офиса, цветы в квартиру, цветы в подарок с доставкой (собраны в кучу все ключевые фразы, не доносится смысл) 282 модели детских кроваток в наличии, цены от 2 420 руб. Купите детские кроватки с бесплатной доставкой по Москве в интернет-магазине Дочки-Сыночки. Постоянные скидки, акции и распродажи! (текст с отражением преимуществ компании, разнообразия ассортимента и минимальной стоимости)
  МНОГО ЦВЕТОВ цветочная база (не проработан текст Description)  
  Мы заботимся о качестве своих букетов и композиций из живых цветов, поэтому, поставки свежих цветов происходят регулярно. Вам доступно круглосуточное оформление заказов через сайт, так же, через любой удобный мессенджер в рабочее время ( с 10:00- 20:00). В бесплатное оформление букетов входит стильная упаковка из крафт- бумаги и атласных лент. Мы готовы предложить множество вариантов оформления букетов… (вставлен слишком большой текст)  
H1 Отсутствует мета-тег Шины для фронтальных погрузчиков
  Неправильно закрыт meta-тег в коде Продвижение сайтов в Екатеринбурге
  стоит купить свадебные букеты (использование коммерческих слов) Детские кровати от производителя
  Цветы поштучно, розы купить, недорогие цветы (перечисление ключевых фраз)  
  Раздел 1 (используются нетематические фразы, которые никак не характеризуют вашу тематику)  

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

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

Мета-теги для внутренней оптимизации

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

Robots

 

<meta name=”robots” content=”index, follow” />

Код Robots

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

Просмотр файла Роботс сайта
Просмотр файла Роботс сайта

Но индексация управляется не только этим файлом. Еще в арсенале оптимизатора есть «robots», который также дает информацию поисковых роботам. Настройки осуществляются при помощи изменения атрибута «content».

Его вероятные значения:

  • index – разрешает индексировать конкретную ссылку;
  • noindex – запрещает поисковику вносить URL в общую базу;
  • follow – открывает доступ к ссылкам, размещенным в тексте;
  • nofollow – запрещает переходить по внутренним ссылкам;
  • noarchive – отключает возможность сохранения контента в кэше.

Допускается вносить более одного значения (разделяются запятыми или точкой с запятой). При оптимизации нужно учитывать, что эти команды, включаемые в HTML-код, дублируют директивы Robots.txt. Так, Allow разрешает индексацию, а Disallow, наоборот, запрещает процедуру. В каких случаях применять тот или иной прием, решает специалист.

Canonical, Next, Previous

 

<link rel=”canonical” href=”http://site.ru/catalog” />

<link rel=”prev” href=”http://site.ru/holodilniki/?PAGEN_1=5″ />

<link rel=”next” href=”http://site.ru/holodilniki/?PAGEN_1=7″ />

Код Canonical, Next, Previous

Использование CMS имеет некоторые недостатки. Например, автоматически генерируются разделы с идентичным содержимым или в каталогах создаются «разделы» по 10-20-50 товаров, хотя пользователь изначально делал всего один. Либо сохраняются резервные копии, которые по ошибке иногда попадают в индекс поисковиков.

Приведем несколько решений проблемы:

  • rel=” canonical” – указывает приоритетную (каноническую) копию контента, которая должна попадать в органическую выдачу, остальные клоны будут игнорироваться;
  • rel=”prev” – помогает понять поисковику, что текущий раздел пагинации не первый;
  • rel=”next” – то же самое, но указывает, что дальше есть еще контент.

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

Content-Type

 

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

Код Content-Type

Назначение поля Content-Type – указать браузеру, какой тип документа публикуется. При неверной настройке этого параметра часть пользователей увидит крякозяблы или ошибку доступа. В коде указывается тип данных (аудио, видео, картинка, текст). Благодаря этому браузер автоматически подбирает способ воспроизведения контента независимо от устройства или версии программного обеспечения.

Здесь же вносится информация о подтипе. Например, что видеоролик закодирован в mp4. Или текст написан в кодировке UTF-8. Если этого не сделать, часть контента оказывается недоступным для просмотра. Напрямую на раскрутку это не влияет, но портит ПФ. На сайтах с проблемами резко увеличивается уровень отказов, снижается время, глубина просмотра. В итоге владелец ресурса просто теряет деньги, потраченные на раскрутку.

Content-Language

 

<meta http-equiv=”Content-Language” content=”ru”>

Код Content-Language

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

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

 

<meta name=”Copyright” content=”Издательство Ива”>

<meta name=”Author” content=”Елена Васильева”>

Код Content-Language, Author

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

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

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

Простейший способ узнать, что нужные теги заполнены – вручную посмотреть код. В браузерах для этого предусмотрен режим разработчика, который активируется комбинацией кнопок «Ctrl + U» (работает в Google Chrome). Но для чтения кода придется сначала разобраться в основах HTML.

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

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

Варианты просмотра:

  • расширения для браузеров – популярны утилиты RDS Bar, META in 1 CLICK;
  • специальные программы – краулеры вроде Screaming Frog, Smart Tools (бесплатные версии парсера с ограниченным функционалом – анализ до 500 и 100 URL-ов соответственно);
Проверка мета-тегов
Проверка данных страниц
  • букмарклеты – программы-закладки, дополнительно устанавливаемые в браузер, облегчающие работу SEO-специалиста. Скачать функционал можно на сайте be1.ru;
Просмотр мета-тегов
Просмотр тегов страницы
  • онлайн-сервисы – порталы, где есть отдельные разделы для проверки.

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

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

Как добавить мета-теги в разные CMS

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

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

WordPress

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

Плагины, с помощью которых вы сможете добавить мета-теги в WordPress:

  • Yoast SEO – внизу добавляются блоки, где владелец вносит необходимое содержимое, при этом часть данных уже заполнена автоматически;
Добавление в WordPress
Добавление в WordPress
  • All in One SEO Pack – модуль, схожий по функционалу, правда, немного отличаются блоки (расположение так же внизу).

В обоих вариантах есть возможность создавать макросы, использовать готовые переменные вроде «Заголовок H1», «Автор». Освоиться новичкам помогает встроенная помощь – при наведении курсора на знак вопроса всплывает ответ по конкретному пункту.

Битрикс

В CMS Битрикс модуль встроен сразу, «из коробки», поэтому дополнительно устанавливать плагины не нужно. При открытии модуля редактирования есть возможность перейти на вкладку СЕО, где имеются нужные поля для внесения Тайтл и Дескрипшен.

Добавление в Битрикс
Добавление в 1С Битрикс
Мета-теги для сайта на Bitrix
Мета-теги для сайта на Bitrix

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

Как составить шаблон метатегов
Шаблон мета-тегов

Необходимые параметры можно выбрать, нажав на кнопку справа «…».

OpenCart

В популярной для интернет-магазинов CMS OpenCart есть встроенные функции, которые легко расширить с помощью дополнительного модуля SeoGen. Он подключается в подпункте «Модули» меню «Дополнительно» (поставляется сразу с остальными компонентами). Во вкладках «Товары», «Статьи», «Производители» настраиваются шаблоны для генерации мета-тегов.

Карточки и категории в OpenCart настраиваются так:

  • зайти в панель администратора;
  • выбрать пункт меню «Каталог»;
  • зайти в «Товары» или «Категории»;
  • нажать иконку «Редактировать» (справа);
  • вписать в соответствующие поля данные.
Как заполнять в Opencart
Как заполнять в Opencart

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

Joomla

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

Сначала создают пункт в меню. Затем в окне «Заголовок страницы в браузере» раздела «Параметры страницы» внести содержимое Тайтл. В разделе «Метаданные» указываются Дескрипшен и Кейвордс. Никакой автоматики здесь не предусмотрено, поэтому интернет-магазинов на Joomla практически не встречается.

Tilda

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

Мета-теги для Tilda
Мета для Tilda

Содержимое модуля:

  • название сайта – он же Title;
  • описание – текст Description;
  • ключевые фразы – Keywords;
  • каноническая ссылка – содержимое rel=”canonical”;
  • индексация – разрешать или нет индексацию;
  • ссылки – позволяет пометить внутренние ссылки атрибутом «nofollow».

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

Wix

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

Процесс простой:

  • перейти в режим редактора;
  • выбрать пункт «Pages»;
  • указать редактируемый URL;
  • нажать шестеренку и перейти в настройки.

Остается на вкладке «SEO и соц. сети» прописать содержимое метатегов, нажать кнопку «Готово» и проверять результат настройки.

Заключение

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

Распространенные системы управления (CMS) поддерживают СЕО-функции, поэтому даже в случае самостоятельного создания ресурсов новичком необходимые настройки сделать легко. Главное, правильно распределить ключи по карте релевантности.

Оцените статью
itfrut
Добавить комментарий

  1. Анна Юрьевна

    Спасибо за интересную статью

    Ответить