Мета теги в 1с-Битрикс
Здравствуйте читатели thisis-blog.ru ! Многие задаются вопросом, как в CMS 1с-Битрикс проставлять или настраивать мета теги. Моя последняя работа была связана с интернет магазином версии «1С-Битрикс: Управление сайтом «12.5.11». Дальнейшее сравнение будет приводится с этой версией. Выход «1С-Битрикс: Управление сайтом 14.0.0» порадовал нас таким дополнением, как возможность задать SEO информацию(параметры). Благодаря ему стало довольно удобно с помощью шаблонов генерировать title, description, keywords, заголовок и др. свойства влияющие на seo. Можно это сделать глобально во вкладке SEO инфоблока (рис. 1,рис. 2, рис. 3).
Также предусмотрена возможность изменить шаблон непосредственно при создании элемента этого инфоблока, замазанный текст (военная тайна =) ) – это предварительный вариант полученный по маске инфоблока (рис. 4).
Желательно заполнить все поля. Устанавливаете маски как вам угодно , с учетом логики конечно и предварительно промоделировав результат. Советую ознакомиться со статьей о мета тегах здесь.
Подробней останавливаться на этом не буду. А что же делать тем, кто не имеет возможности обновить систему и воспользоваться новым функционалом? Каким образом им проставлять мета теги? Вот несколько способов решения этой проблемы.
Настроить мета теги в компоненте комплексный каталог.
В компоненте комплексный каталог предусмотрена работа с мета тегами. Вы можете:
- Дополнительные настройки->Устанавливать заголовок страницы
Когда активируете флажок и перейдете к разделам увидите, что в заголовке будет имя раздела, аналогично с детальным элементом.
- Настройки списка->
- Установить ключевые слова страницы из свойства раздела;
- Установить описание страницы из свойства раздела;
- Установить заголовок окна браузера из свойства раздела(рис. 6).
рис. 6
Чтобы появились пункты для этих опций, нужно добавить соответствующие пользовательские свойства. Можете почитать обсуждения по этой теме тут.
- Настройки детального просмотра->
- Установить ключевые слова страницы из свойства;
- Установить описание страницы из свойства;
- Установить заголовок окна браузера из свойства (рис. 7).
Этими тремя пунктами вы настраиваете мета теги в bitrix для детальной страницы (вашего товара либо услуги).
Тут всё ясно выбираем свойства из выпадающего списка, значения которых удовлетворяют опциям. Главный минус, нельзя использовать шаблоны и как-то сочетать свойства(т.е. например описание страницы сразу из 2-ух свойств) .
Проставлять мета теги в шаблоне компонента.
Добавляете в шаблоне карточки товара следующий код:
Преимущество этого метода – мобильность. Тут мы не ограничены, как в компоненте и можем делать любые сочетания свойств и т. п. . По сути разработчики компании 1с-битрикс с обновлением 14.0.0, как раз избавили нас от этого способа. Теперь даже не зная php и html можно создать свой шаблон мета тегов.
Воспользоваться бесплатным модулем от маркетплейса.
Например этим . Его минус, но для кого-то может это и плюс – это статичное заполнение метатегов. Вам предоставляются дополнительные поля, которые для каждого товара вы сами ручками заполните(рис. 8, рис. 9).
Статья про управление мета-тегами.
Советую также прочитать интересную статьей с кейсом — «как избежать лишних трат и о несостыковках между программистом и SEO специалистом» тут. Их решение (уже бесплатное) SEO инструменты: Управление метатегами PRO.
Набор функций работы с метаданными 1с-Битрикс.
Набор функций работы с метаданными собраны здесь. Самые используемые и полезные функции для работы с метаданными.
Как изменить мета теги для определенных разделов в 1С-Битрикс
Для того чтобы изменить шаблоны для целых разделов в битриксе, нужно всего-лишь пара строчек кода.
Вы уже могли читать на этом блоге Как отображать информацию только на главной странице, а если нет — обязательно сделайте это.
Для более лучшего понимания статьи я также вам рекомендую прочесть Как задавать мета свойства в 1С-Битрикс, поверьте, сегодня нам это всё понадобится.
Как задать тайтл, ключевые слова и дескрипшен для определенного раздела в битриксе
Для самых ленивых небольшой фрагмент кода:
Именно так можно повлиять на мета свойства title, description и keywords. Не забывайте, что вам нужно перед этим записать что-то в соответствующие переменные.
Ну а теперь что касается самого решения — как же можно повлиять на SEO данные?
Данный код помещаем в самый низ футера вашего шаблона (footer.php):
Для решения поставленной задачи мы использовали CSite::InDir, текущий заголовок мы брали при помощи $APPLICATION — в этом объекте много чего хранится, но нас интересовало лишь свойство sDocTitle.
Сейчас в битриксе часто используют вкладку SEO, в которой можно удобно настроить шаблоны как для элементов так и для разделов, но это уже совсем другая история.
Как правильно прописать метатеги: ручной и автоматические способы для WordPress, Bitrix и Joomla
Метатеги — это специальные теги в языке гипертекстовой разметки HTML, которые находятся в контейнере <head> </head> и предназначены для передачи информации поисковым системам и браузерам. Вот как они выглядят в поисковой выдаче:
Самые важные метатеги для сайта — это:
- Title — он выводит заголовок страницы в окне браузера и в поисковой выдаче.
- Description — этот тег выводит краткое описание страницы в поисковой выдаче.
- Keywords — тег содержит набор ключевых слов страницы, релевантных контенту (пользователи его не видят, он заполняется исключительно для роботов поисковых систем).
Сразу оговоримся, что описанные ниже методы работают в идеальных условиях, когда ранее никто не вносил правки в код ядра и модулей проекта. В этом случае подходы к добавлению метатегов могут кардинально измениться.
Как вручную прописать метатеги в 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 добавлять и редактировать важные для поискового продвижения сайта метатеги понятно и просто.
Метатеги title, description, h1 в Битрикс — SEO
На статичных страницах метатеги можно заполнить при создание страницы.
Заголовок h1 можно прописать в редакторе.
Вывод заголовка можно создать один раз для всех страниц сайта прописав его в шаблоне
В таком случае заголовок будет взят из названия страницы (раздела)
Изменить метатеги можно при переходе в раздел SEO. Вкладка .Управление
Создание метатегов для динамичных страниц (инфоблоки)
Рассмотрим вариант, когда мы хотим, чтобы метатеги можно изменять через вкладку SEO при создании элемента.
Сделаем настройки вывода метатегов по умолчанию. Также при необходимости можно создать шаблоны для вывода метатегов.
Для примера изменим заголовки в комплексном компоненте news
Для вывода заголовка h1 воспользуемся кодом.
Его достаточно прописать в шаблоне сайта как описано выше для статичных страниц. Либо если нужен вывод заголовка только для одного инфоблока, то его необходимо будет прописать в файле news.php и detail.php в папке комплексного компонента. Не нужно прописывать вывод заголовка в шаблоне компонента news.list и news.detail (связано с кешированием)
Предварительно для изменения метатегов нужно произвести настройки в параметрах компонента. Настройки сделать по аналогии ниже.
Метатеги в списке новостей news.list
По умолчанию в заголовке h1 выводится имя инфоблока.
Можно просто изменить имя инфоблока либо пойти по второму пути.
На странице news.php комплексного компонента сделаем настройку
Теперь все метатеги можно задать на вкладке SEO
Метатеги в детальной новости news.detail
По умолчанию при создании страниц через инфоблок заголовок h1 и title одинаков и берутся из названия элемента