SEO оптимизация 1C БИТРИКС
С 14 версии в битрикс появились SEO настройки, которые помогают SEO оптимизировать 1С Битрикс под свои задачи. Одним из ключевых моментов этой оптимизации является возможность делать автоматизированные шаблоны, в которых можем задавать мета-теги: H1 , title , description , ключевые слова и ключевые слова у картинок такие как title и название самой картинки alt .
Как вы догадались, в данном уроке пойдет речь о SEO настройках 1С битрикс и рассмотрим принципы работы данного функционала.
SEO поля имеют свойства наследования, их можно задавать начиная с инфоблоков, далее разделов, и заканчивая каждым элементом, который можно сформировать под конечный запрос.
Можно разделить формирование SEO полей на три этапа:
- Настройка SEO полей инфоблока;
- Настройка SEO полей разделов и элементов;
- Настройка комплексного компонента.
SEO настройки – набор правил, определяющие, шаблоны вывода мета данных для оптимизация сайта по SEO параметры поисковых машин.
Оптимизация SEO полей инфоблока
Давайте на примере нашего каталога товаров, проведем SEO оптимизацию инфоблоков в битрикс. Перейдем в административную часть сайта, Инфоблоки, выберем каталог товаров, открываем вкладку SEO и по порядку проводим настройки полей.
Первая секция настроек предназначена для шаблонов мета-тегов title , description , keywords , а также заголовки страницы H1 . С помощью данной кнопки […] , которая расположена рядом с каждым полем мы можем формировать необходимые нам шаблоны для СЕО оптимизации сайта на битрикс.
Сформируем шаблон META TITLE , в поле пропишем:
Каталог <=this.Name>от интернет-магазина dws.mcdir.ru.
Добавляя в конец название, или домен нашего магазина мы тем самым уникализируем TITLE . Чуть ниже отобразилось наше полное название TITLE , и обратите внимание, что подставляемое поле «Имя раздела» выводится с заглавной буквой. Можно оставить как есть, но желательно что бы предложение было сформировано правильно. Воспользуемся другим оператором <=lower arg1 . argN>который приведет название раздела к нижнему регистру.
Прописываем и название сразу изменилось, так же этот фильтр-обработчика доступен при нажатии следующей кнопки […] , где далее выбираем Поля раздела, Название текущего раздела в нижнем регистре.
Перечень операторов в битрикс:
- <=lower arg1 . argN>— приведение к нижнему регистру;
- <=upper arg1 . argN>— приведение к верхнему регистру;
- <=concat arg1 . argN ", ">— сцепление строк через разделитель;
- <=limit arg1 . argN "<delimiter>" NN>— ограничение NN элементов по разделителю;
- <=translit arg1 . argN>— транслитерация выбранных аргументов;
- <=min arg1 . argN>— выборка минимального числового значения;
- <=max arg1 . argN>— выборка максимального числового значения;
- <=distinct arg1 . argN>— уникальные (без дублей) значения.
Для оптимизации шаблона META KEYWORDS просто пропишем перечисление ключевых слов с нашим заголовком раздела в нижнем регистре. Первым по приоритетный выводим название раздела в нижнем регистре, далее разбавляем наши заголовки словами (заказать, купить, приобрести в своем городе, и т.д.)
Пример seo оптимизации META KEYWORDS :
<=lower this.Name>, заказать <=lower this.Name>, купить <=lower this.Name>, приобрести в Краснодаре <=lower this.Name>, <=lower this.Name>от дистрибьютора
Внизу видим, как даны ключевые слова сформировались. Далее настроим краткое описание для мета-данных DESCRIPTION разделов каталога.
Пишем тематический текст, в котором будет сочетаться название сайта, имя раздела и раскрываться суть текущих страниц каталога.
Пример seo оптимизации DESCRIPTION :
Интернет магазин dws.mcdir.ru, в разделе <=lower this.Name>представлен огромным выбор одежды на любой вкус. Наш магазин находится в Краснодаре и мы являемся официальным дистрибьютором в России.
Внизу отобразился готовый результат шаблона DESCRIPTION , теперь сформируем Заголовок раздела, он же будет выводиться в H1 .
Переходим к следующей секции «Настройка для элементов». Оптимизируем по аналогии как работали с разделами за исключением шаблона DESCRIPTION куда выведем производителя товара с закрепленного свойства элемента.
По аналогии заполняем, мета данные для свойств самих картинок, таких как ALT и TITLE . Если до этого раннее картинки были загружены на сайт то данные к ним не применяться, они останутся как прежние, а срабатывание этого функция будет в том случае, когда картинка будет обновлена или при создании нового элемента, когда будете загружать файл.
Чуть ниже в битрикс находится секция «Управление», с помощью отмеченной вкладки «Очистить кеш вычисленных значений», сможете сразу видеть отображения всех внесенных изменений, кеш будет обновляться и результат будет сразу отображаться.
После проведенных нами настроек обязательно сохраним инфоблок.
SEO настройки разделов и элементов
С оптимизацией инфоблока в битрикс разобрались, теперь перейдем в каталог одежды и при необходимости настроим разделы, которые не соответствуют нашему описанию. К примеру, мы в описании DESCRIPTION писали, что у нас в интернет магазине «…. огромным выбор одежды на любой вкус…» , это описание не соответствует некоторым разделам как «Обувь», «Аксессуары» и текущие разделы подкорректируем под свое описание.
Выбираем, изменить раздел «Обуви», открываем вкладку « SEO », и проверяем текущие описания разделов. Если данная вкладка не отображается, проведите настройки текущей формы, как это сделать я объяснял в уроке «Формы редактирования». В описании DESCRIPTION видно явное несоответствие разделу «… раздел обувь с огромным выбором ОДЕЖДЫ на любой вкус …» . Давайте в данном случае напишем не Обувь, а Продукция.
Для этого можно отмечаем «Изменить для этого раздела и его подразделов», поле стало активным для редактирования. Теперь внесем свои правки и в дальнейшем если сейчас сохранимся, то все подразделы текущего раздела унаследуют данное свойство.
Спустимся ниже и проверим описание для элементов. Проверим формирование описание подразделов, и далее проводим соответствующие правки в разделе Аксессуары.
Добавление нового элемента в битрикс
Давайте для примера добавим новый элемент в данный раздел. Жмем кнопку Создать товар, заполняем основные поля. Переходим на вкладку SEO , а тут видим, что не отображаются в готовом варианте наши заголовки, хотя по умолчанию свойства везде проставлены. Даже если по умолчанию проставим новое свойство, результат система нам не покажет.
Для того что бы битрикс отобразил полные мета-данные, элемент нужно сохранить и желательно сделать это таким образом что бы другие пользователи не видели отображение этого элемент и в тоже время мы могли его видеть из под своей учетной записи Администратора.
Нам нужно настроить права доступа к текущему элементу, для этого, переходим на вкладку доступ и устанавливаем права для групп «Все пользователи» и «Все авторизованные пользователи» Нет доступа. Как вывести вкладку «Доступ» и настроить ее поля я показывал в уроке Настройка прав доступа.
После того как закончили с настройками формы в битрикс, переходим на вкладку SEO и жмем кнопку Применить. У нас сформировался полные заголовки при этом сам элемент Активный, но все пользователи кроме группы администраторов его на сайте не видят. Это поверьте очень удобно, дает возможность администратору полностью проверить элемент до конечной его публикации.
Включаем SEO в компоненте
После оптимизации, инфоблока, разделов и элементов в битрикс перейдем в каталог на визуальную часть сайта и посмотрим отображение наших заполненных форм шаблонами мето-данных. Если у нас не отображается в компоненте заголовок элемента или раздела и на всех страничка он не изменяем, это говорит о том, что в компоненте, в Дополнительных настройках, не установлен параметр «Устанавливать заголовок страницы».
Перейдем в настройки компонента и активируем данный параметр.
Включаем режим быстрой правки, жмем на шестеренку, выбираем пункт Дополнительные настройки, и устанавливаем галочку в соответствующее поле, сохраняемся.
У нас сразу изменился заголовок страницы. Открыв страницу в режиме кода, мы видим корректное отображение SEO данных битрикс.
Как видите, с помощью оптимизации SEO параметров в 1С битрикс, можно гибко настроить сайт под поисковые запросы, а простота настройки механизма понятна даже ребенку.
Пользуйтесь данным параметров SEO настроек в битрикс для оптимизации и развивайте своего сайта.
Метатеги 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 одинаков и берутся из названия элемента
Шаблон meta description битрикс как заполнять
Нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter
Метатеги
Механика продвижения сайтов в поисковых системах – тема отдельного курса. В рамках документации по использованию решений Аспро мы рассмотрим три основных метатега и расскажем, как их настроить для разделов каталога и карточек товаров, или услуг для линейки наших типовых решений
Основные метатеги — это title, keywords, description и h1.
- Title (1) – отображает содержимое как заголовок сайта на вкладке браузера и в поисковой выдаче
- Description (2) – отображает содержимое как описание страницы в поисковой выдаче
- Keywords (3) – используются поисковиками для определения релевантности страницы, т.е. ее соответствия заданным условиям поиска.
Настройка метатегов
В административном режиме перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог. Переключитесь на вкладку «SEO».
Рассмотрим группы полей:
- Настройки для разделов – мета-информация, которая вносится непосредственно на страницу раздела
- Настройки для элементов – мета-информация, которая вносится на страницы дочерних элементов раздела – подразделов, карточек товаров
- Настройки для изображений разделов – мета-информация, которая привязывается к картинкам-анонсам в списке разделов
- Настройки для детальных картинок разделов – мета-информация, которая привязывается к картинкам на странице раздела
- Настройки для картинок анонса элементов – мета-информация, которая привязывается к картинкам-анонсам в списке товаров
- Настройки для детальных картинок элементов – мета-информация, которая привязывается к картинкам на карточке товара.
При заполнении полей можно пользоваться специальными кодами, которые позволяют системе самостоятельно подгружать информацию в теги. Чтобы добавить код, нажмите кнопку с многоточием рядом с нужным полем и выберите подходящий вариант.
Рассмотрим подробнее, какую информацию рекомендуется вносить в шаблоны.
Настройки для разделов
Шаблон META TITLE – формирует заголовок для страницы раздела.
Формула: код «Название текущего раздела» + текстовый заголовок.
Пример: <=this.Name>купить в интернет-магазине Челябинска. В результате для раздела «Дрели и перфораторы» title получится «Дрели и перфораторы купить в интернет-магазине Челябинска», а для раздела «Женская одежда» – «Женская одежда купить в интернет-магазине Челябинска». Рекомендуем использовать название раздела.
Шаблон META KEYWORDS – формирует набор ключевых фраз для поисковиков.
Формула: код «Название текущего раздела».
Пример: <=this.Name>. В результате ключевые слова подтянутся из настроек каждого раздела.
Шаблон META DESCRIPTION – формирует описание страницы в выдаче поисковика.
Формула: код «Название текущего раздела» + текстовое описание.
Пример: <=this.Name>по низким ценам с доставкой в Челябинске. В результате для раздела «Дрели и перфораторы» description получится «Дрели и перфораторы по низким ценам с доставкой в Челябинске».
Заголовок раздела – формирует основной заголовок на странице. Рекомендуем оставить название раздела.
Формула: код «Название текущего раздела».
Пример: <=this.Name>.
Настройки для элементов
Шаблон META TITLE – формирует заголовок для карточек товаров.
Формула: код «Название текущего элемента» + ключевая фраза.
Пример: <=this.Name>+ купить недорого в Челябинске. В результате для товара «Дрель монтажная Bosch Professional GBM» title карточки получится «Дрель монтажная Bosch Professional GBM купить недорого в Челябинске».
Шаблон META KEYWORDS – формирует набор ключевых фраз для карточки товара.
Формула: код «Название родителя» + код из списка Свойства – «Бренд», «Модель», «Тип» или другое + ключевые слова.
Пример: <=parent.Name> <=this.property.BRAND>купить, интернет-магазин, недорого, Челябинск. В результате для товара «Дрель монтажная Bosch Professional GBM» keywords получатся «Дрели и перфораторы Bosch купить в интернет-магазине Челябинск».
Шаблон META DESCRIPTION – формирует описание для карточки товара.
Формула: код «Текст анонса текущего элемента» + информация о товаре, отраженная на странице. Если информации нет, то можете записать ключевые слова о содержимом страницы, например, фото, видео, отзывы о товаре, наличие и т.д.
Пример: <=this.PreviewText>фото, видео, отзывы о товаре, наличие, доставка. В результате для товара «Дрель монтажная Bosch Professional GBM» description получится «Дрель монтажная Bosch Professional GBM фото, видео, отзывы о товаре, наличие, доставка».
Заголовок товара – формирует основной заголовок на странице. Рекомендуем оставить название товара.
Формула: код «Название текущего элемента».
Пример: <=this.Name>.
Настройки для изображений разделов
Шаблон ALT – формирует описание картинок.
Формула: фото + код «Название текущего раздела».
Пример: Фото <=this.Name>. В результате для раздела «Дрели и перфораторы» alt у картинок получится «Фото Дрели и перфораторы».
Шаблон TITLE – формирует заголовок картинок.
Формула: Фото + код «Название текущего раздела».
Пример: Фото <=this.Name>.
Шаблон имени файла – заполнять необязательно
Настройки для детальных картинок разделов
Шаблон ALT
Формула: код «Название текущего раздела».
Пример:
Редактор SEO информации каталога и товаров
SEO – это комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем.
Настройка SEO помогает лучше ранжировать информацию с вашего интернет-магазина поисковыми системами. Соответственно, чем выше магазин в поисковой выдаче, тем больше клиентов увидят и купят ваш товар.
В Битрикс24 вы можете задать настройки для всего каталога товаров, разделов, изображений товаров и т.д. На уровне конкретного товара можно задать свои уникальные настройки.
Как настроить SEO информацию каталога
Чтобы настроить SEO информацию для всего каталога, переходите в CRM — Товары и склады — Каталог товаров.
Нажмите на шестеренку и выберите Настройки SEO каталога.
Рассмотрим, как заполнить SEO данные на примере интернет-магазина одежды. Для начала добавим шаблоны мета-тегов для разделов каталога и товаров. Эти теги будут работать на страницах нашего интернет-магазина с разделами каталога и на детальных страницах товаров.
Вы можете заполнять шаблоны вручную или выбрать автоматическое заполнение шаблона на основе полей элементов каталога.
По шаблонам META TITLE и Заголовок раздела строятся заголовки окна браузера и страницы раздела.
С помощью шаблонов META KEYWORDS и META DESCRIPTION задаются ключевые слова и описание для раздела. Так, если пользователь в поисковике введет фразу из ключевых слов, заданных для раздела, то найденный раздел будет отображен с соответствующим ему описанием.
Результат изменения мета-тегов можно проверить в режиме отображения HTML-кода.
Также настроим теги картинок, для них можно устанавливать атрибуты ALT, TITLE и задавать шаблоны названий файлов.
- Шаблон ALT – передает текстовую информацию о картинке в случае, когда сама она не отображается на сайте. Например, у пользователя слабый сигнал интернета или отключено отображение картинок в браузере.
- Шаблон TITLE – описывает изображение при наведении на него курсора.
- Шаблон имени файла – с его помощью можно задать читаемое название файла.
Во вкладке Управление поставим галочку в поле Очистить кеш вычисленных значений, чтобы очистить кеш и сразу отобразить все изменения.
После сохранения настройки будут применены ко всем товарам. Чтобы изменить SEO данные определенного товара откройте его карточку и выберите соответствующую опцию.
Настройка SEO данных повысит результат ранжирования сайта. Клиентам будет легче найти ваш товар на первой странице поисковика, а вы увеличите продажи.