Создание и редактирование шаблона сайта
Для удобства работы форма создания/редактирования шаблона разделена на несколько закладок. На каждой закладке выполняется определённая группа действий по настройке шаблона.
Шаблон
| Поле | Описание |
|---|---|
| ID | Указывается идентификатор шаблона (символами латинского алфавита). При редактировании шаблона рядом с данным полем отображается ссылка на папку шаблона. |
* — поля, обязательные для заполнения.
Стили сайта
| Файл стилей сайта (styles.css) |
|---|
| Поле служит для описания таблиц каскадных стилей (CSS), используемых на страницах сайта. Описание стилей хранится в файле styles.css в папке шаблона сайта. |
| Описание стилей |
| В данной части формы указываются названия стилей, как они будут отображаться в визуальном редакторе при редактировании страниц. Указанные здесь названия будут сохранены в файле .styles.php папки шаблона. |
| Поле | Описание |
|---|---|
| Имя стиля | Указывается название стиля. Название будет отображаться в визуальном редакторе. |
| Описание стиля | Указывается произвольное описание стиля. |
Стили шаблона
| Файл стилей шаблона (template_styles.css) |
|---|
| Поле служит для описания таблиц каскадных стилей (CSS), используемых в шаблоне. Описание стилей хранится в файле template_styles.css в папке шаблона сайта. |
Дополнительные файлы
- Добавить включаемый файл — перейти на страницу с формой создания нового включаемого файла;
- Загрузить файл — перейти к загрузке произвольного файла в папку с шаблоном;
- Управление структурой — перейти к управлению структурой папки с шаблоном.
Новинки документации в соцсетях:
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.
Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.
Сайты и лендинги
Легко создайте сайт в удобном конструкторе. AI сгенерирует контент и изображения. На сайте уже есть формы заявки, аналитика и всё необходимое для продаж.
Битрикс24 Сайты помогают продавать
Вы легко создадите сайт сами в простом и удобном конструкторе
На сайте уже есть онлайн-чат, обратный звонок, форма заявки
Все контакты клиентов с сайта сразу заносятся в CRM. Вся история общения сохраняется
Вам не нужен хостинг. Сайт, созданный в конструкторе, готов и работает!
Легко и удобно
Выбирайте готовый шаблон, подходящий для вашего бизнеса. Легко меняйте тексты, фон, изображения, добавляйте готовые блоки из каталога.
Посмотрите примеры сайтов на Битрикс24, которые создают наши клиенты.
Простой конструктор сайтов
Выбирайте из сотни готовых блоков или создавайте свои для идеального сайта: фотогалереи, видео, CRM-формы, расписание и многое другое.
Сайт, созданный в конструкторе, сразу адаптирован под все разрешения, мобильные телефоны, планшеты, iOS и Android.
Бесплатный онлайн-чат
Ваши клиенты смогут написать вам с сайта в онлайн-чат, в Telegram, ВКонтакте, WhatsApp, Viber — общаться c вами так, как им удобно. Они оценят персональный подход!
Все сообщения сохранятся в CRM.
Виртуальный WhatsApp
Используйте WhatsApp для общения с клиентами. Мессенджер автоматически подключается к виджету на сайте и сразу готов к работе – вам не нужно ничего настраивать.
Число диалогов неограниченно, всё сохраняется в CRM. Входит в стоимость всех платных тарифов Битрикс24.
Собирайте контакты, продвигайтесь в соцсетях, увеличивайте продажи с помощью CRM-форм.
- Ставятся на любые сайты
- Автозаполнение полей
- Все контакты клиентов сохраняются в CRM
- Интегрировано с VK
- Интегрировано со Сквозной аналитикой, Google Analytics, Яндекс.Метрикой
- Соответствуют ФЗ-152
- Персональные формы
- Формы с оплатой товаров и еще 20+ готовых сценариев
Сайт внутри в CRM
Сайт не нужно специально интегрировать с CRM, он уже создан внутри CRM 🙂
Все контакты клиентов, которые напишут вам с сайта или позвонят, сразу заносятся в CRM и попадают в работу менеджерам.
Микролендинги для соцсетей
Создайте целевую страницу для сбора заявок, рекламной акции или ссылок на ваши соцсети. В Битрикс24 есть готовые шаблоны для бизнеса в соцсетях.
Разместите ссылку на таплинк в описании профиля, чтобы упростить для клиентов запись на услуги и заказ товаров.
Автоматические ссылки для соцсетей
Все сайты уже готовы к продвижению. Заголовок и описание страницы, meta-теги, сниппеты с красивой картинкой собираются автоматически.
Яндекс.Метрика и Google Analytics
В один клик в настройках подключите Яндекс.Метрика и Google Analytics, чтобы получать полную статистику по сайту.
Графический редактор
Редактируйте фотографии и картинки прямо внутри конструктора сайтов без использования дополнительных программ и привлечения дизайнеров. В простом редакторе легко кадрировать картинки, менять яркость и цвета, добавлять эффекты.
Создавайте продающие сайты в разы быстрее! Ассистент поможет написать рекламные тексты для лендинга и сгенерирует картинки по вашему запросу.
Еще о CoPilot
Корпоративные цвета сайта
Настройте цветовую палитру в настройках сайта. Все кнопки, цвета ссылок, графические элементы будут в едином стиле.
Это экономит время и сразу делает сайт уникальным.
Суперблок в конструкторе сайтов
Вы можете выбрать любой блок в конструкторе и полностью изменить дизайн: поменять местами элементы, добавить недостающие или убрать лишние.
Не нужно беспокоиться об адаптивности. Что бы вы ни меняли, блоки будут отлично смотреться на любых устройствах.
Лента новостей
скоро —> Добавьте пост в новости группы и он попадет в новости на ваш сайт. Картинка и текст опубликуются в нужном виде независимо от того, как вы их разместили в сообщении.
Чем чаще появляются новости на вашем сайте, тем более живым и интересным он будет для посетителей.
Многостраничные сайты
Настройте общий вид для многостраничного сайта. Вы можете добавить блоки, которые будут отображаться на всех страницах.
Обычно это логотип, основное меню в шапке или контакты компании в подвале сайта.
Права доступа
Вы сами решаете кому дать права на создание, внесение изменений или удаление страниц сайта. Полные права доступа имеют только люди с правами администратора Битрикс24.
SEO продвижение сайта на Битрикс: пошаговая инструкция
«1С Битрикс» отлично подходит для интернет-магазинов, сайтов услуг, контент-проектов и корпоративных ресурсов. Функциональность и простота настроек — главные преимущества CMS. Между тем, SEO для сайтов на Битриксе имеет некоторые особенности, которые нужно учитывать, чтобы получить бесплатный трафик из поисковых систем.
Общий пошаговый алгоритм оптимизации:
- Технические настройки: robots.txt, sitemap.xml, настройка ЧПУ, «хлебных крошек», контроль за скоростью сайта и пр.
- Оптимизация мета-тегов: шаблонные решения и уникальные метаданные.
- Установка дополнительных модулей для решения точечных задач по оптимизации.
Первые два пункта можно выполнить на любом сайте, который работает на Битриксе, т. к. функционал встроен в SEO-модуль и присутствует в любой версии CMS, даже в редакции «Старт». Для более глубоких задач предусмотрены отдельные модули — платные и бесплатные.
Важно! В этом алгоритме прописаны основные особенности и возможности Битрикса в разрезе SEO, но это далеко не полный список работ по продвижению сайта.
Базовые инструменты для технической оптимизации
Настройка robots.txt
Robots.txt — значимый текстовый файл, который указывает поисковым системам на правила индексации сайта:
- запрещены или разрешены в поиске определенные страницы и разделы;
- каким должен быть минимальный период времени между окончанием загрузки одного файла и началом следующего;
- присутствуют ли URL с параметрами, которые не нужно индексировать;
- какая xml карта актуальна для данного сайта.
В Битриксе настройка robots.txt реализована максимально просто и удобно. В административном разделе необходимо пройти путь «Маркетинг» — «Поисковая оптимизация» — «Настройка robots.txt»:
Редактирование robots.txt в Битриксе
Система позволяет задать правила индексации как отдельно для Google и Яндекса, так и для обеих поисковых систем разом. Весомый плюс: если вы не знакомы с синтаксисом robots.txt, можно воспользоваться готовыми кнопками «Запретить файл», «Главное зеркало» и пр. Нужно прописать условия действия, а система сама добавит необходимую директиву.
Редактирование robots.txt в Битриксе для роботов Яндекс
Генерация Sitemap.xml
Sitemap.xml содержит данные о страницах и структуре сайта, — эта информация необходима поисковым роботам. Также в sitemap.xml можно указывать приоритет страниц, частоту и дату их последнего обновления.
Чтобы сформировать карту сайта в Битриксе, нужно открыть соответствующий раздел: «Маркетинг» — «Поисковая оптимизация» — «Настройка sitemap.xml», затем указать протокол, домен и актуальный адрес будущего файла xml. После этого необходимо настроить файловую структуру (опираясь либо на файлы и папки, либо на логическую структуру сайта) и инфоблоки.
Редактирование sitemap.xml в Битриксе
Когда все настройки выполнены, нужно “Сохранить и запустить” файл.
Настройка ЧПУ
Человекопонятные URL (ЧПУ) — один из главных пунктов SEO оптимизации.
В Битриксе они задаются через редактирование компонентов. В «Публичном разделе» необходимо перейти в «Режим правки» и вызвать настройки компонента. Затем нужно выбрать «Управление адресами страниц» и задать правила по логике формирования ЧПУ.
Правила настройки ЧПУ
После редактирования настроек компонента, необходимо синхронизировать данные с параметрами соответствующего инфоблока. Коды, заданные в компоненте каталога, должны совпадать с кодами в строках URL страницы инфоблока, URL страницы раздела и URL страницы детального просмотра.
Цепочка навигации (Хлебные крошки)
Так называемые хлебные крошки — незаменимый инструмент навигации, особенно важный для крупных интернет-магазинов. Преимущество Битрикса в том, что необходимый компонент выводится по умолчанию на всех страницах сайта, поэтому сложных технических настроек не требуется.
Однако при желании можно скорректировать названия разделов, которые отображаются в цепочке навигации.
Для этого через «Публичный раздел» нужно перейти в «Свойства раздела»:
Редактирование Хлебных крошек
И затем отредактировать «Заголовок»:
Редактирование Навигационной цепочки
Отображение ХК в Битриксе
Производительность сайта
Скорость загрузки — один из важнейших факторов продвижения. Битрикс позволяет мониторить производительность сайта, понять, как ведет себя ресурс по мере роста нагрузки и необходимы ли доработки.
Для мониторинга производительности в «Настройки» — «Производительность» — «Панель производительности»:
Как посмотреть производительность сайта на Битриксе
Как правило, стандартным небольшим сайтам на Битриксе не требуются дополнительные работы по повышению скорости загрузки страниц. Однако данные работы могут быть актуальны для крупных интернет-проектов или кастомных разработок.
Тогда на помощь придут:
- Переопределение настроек кеширования. Кеширование — функция, которая связана с повторным воспроизведением информации без обращения к базам данных. Подключение технологии кеширования memcached.
- Оптимизация JS и CSS файлов для экономии времени загрузки.
- Технология «Композитный сайт», позволяющая подгружать контент по мере просмотра информации пользователем.
- Оптимизация конфигурации серверного окружения.
- Работа с замечаниями Pagespeed insights.
- Сокращения физического веса страниц путем оптимизации изображений, ресайз и сжатие.
Все способы ускорения загрузки сайта требуют глубоких знаний специфики и технологий Битрикса. Помочь в настройках сможет опытный разработчик: задачи подобного типа, как правило, выполняются в рамках техподдержки сайта.
Заказать техподдержку и ознакомиться с тарифами на услугу вы можете в разделе «Техническая поддержка сайтов».
Работа с Title и мета-данными
Title и мета-теги, например, description, оказывают прямое влияние на позиции сайта в поисковой выдачи. Чтобы SEO-продвижение было максимально эффективным, заполнению этой информации нужно уделить особое внимание. В Битриксе предусмотрен отдельный функционал, который выглядит следующим образом:
Заполнение метаданных в Битриксе
В соответствующие полях необходимо прописать оптимизированные метаданные и заголовки.
Для удобства и ускорения процесса, можно использовать шаблоны. Особенно это актуально для крупных проектов с множеством категорий и товаров. Битрикс — достаточно гибкая система, поэтому с ее помощью можно решить практически любые SEO задачи, связанные с метаданными, например:
- Настройка шаблонных метаданных для всех товаров одновременно.
- Настройка разных шаблонов для разных разделов и подразделов.
- Присвоение уникальных заголовков и мета определенным разделам или товарам.
При этом стоит учитывать особенность СMS: наследование SEO-данных определяется пирамидальным образом, т. е. подразделу присваиваются те же мета, что и родительскому разделу. Избежать дублей можно двумя способами:
Дополнительные модули для Битрикса
Помимо стандартных “решений из коробки” в Битриксе можно устанавливать модули от сторонних разработчиков или разрабатывать свои. Расширенный функционал позволяет решать самые разные задачи: от упрощенной настройки редиректов до интеграции с крупными сервисами типа СберМаркета, Яндекс.Маркета, Алиэкспресс.
Как узнать, нужен ли вашему сайту дополнительный модуль? Закажите обратный звонок, опишите свой проект и желаемые результаты — наш специалист проконсультирует вас.
Ниже представлены самые популярные разновидности модулей Битрикса, которые будут полезны с точки зрения SEO.
Настройка Турбо страниц
Для интернет-магазинов и контентных проектов используются разные модули этого типа, среди них есть платные и бесплатные. Установка подобного решения позволит сформировать xml-фид, который легко будет загрузить в Яндекс.Вебмастер и настроить Турбо страницы.
Например, один из таких модулей «Яндекс.Маркет для продавцов» — мощный бесплатный официальный инструмент от Яндекса. Позволяет настраивать интеграцию с маркетплейсом, XML-фиды разных форматов для Турбо страниц.
SEO для умного фильтра
Основной функционал: формирование уникальных метаданных для страниц умного фильтра. За счет такой оптимизации можно будет привлекать на сайт значительный низкочастотный трафик.
Подобный модуль может использоваться как самостоятельный или входить в состав более сложных SEO модулей, в которых кроме прочего, могут быть предусмотрены другие SEO настройки.
Нечеткий поиск: умный поиск с учетом синонимов
Улучшить поведенческие факторы поможет качественный поиск по сайту, учитывающий изменения словоформ, опечатки, поиск по синонимам. Иными словами, это расширенный и улучшенный функционал встроенного модуля «Поиск» от Битрикса. Решение будет актуально для крупных интернет-проектов, например, новостных сайтов или интернет-магазинов.
Отложенная загрузка изображения и/или YouTube видео
Это своего рода «ленивая» загрузка: фото или видео не начинает загружаться, пока пользователь не доскроллил страницу до нужного места. В результате ускоряется отображение страницы сайта, что является хорошим сигналом для поисковой системы.
Мультирегиональность
Модуль подходит компаниям, которые работают в нескольких регионах. Позволяет выстроить систему поддоменов, и для каждого региона отображает актуальную информацию, например, остаток товара, цены, контакты и пр.
Что нужно сделать перед установкой любого дополнительного модуля:
- Посмотреть подходящие редакции (так, определенные модули могут не подходить для «Старта»).
- Узнать, входит ли в стоимость техподдержка.
- Проверить, есть ли понятная документация.
- Познакомиться с отзывами.
- Попробовать тестовую версию, если она есть.
Продвижение сайта на Битриксе: вопросы и ответы
Дает ли Битрикс преимущества в ранжировании?
Нет достоверных исследований, что сам факт наличия определенной CMS положительно сказывается на продвижении. При этом удобство работы с системой, быстрая скорость загрузки сайта значительно облегчают SEO-продвижение.
Нужно ли для оптимизации привлекать разработчика?
С оптимизацией сайта на Битриксе справится контент-менеджер или seo-специалист, если речь идет о базовых настройках и размещении метатегов. При этом для установки модулей, а также для кастомных доработок рекомендуется привлекать разработчика.
Какую редакцию выбрать?
Самый широкий функционал представлен в редакциях «Бизнес» и «Энтерпрайз», однако он не всегда нужен на небольших проектах. Чтобы разобраться в особенностях и возможностях Битрикса, выбрать нужную редакцию, звоните 8 (800) 600-60-74.
Резюме
Битрикс — удобная, гибкая система, позволяющая выполнять SEO для проектов любых масштабов.
Сложности могут возникнуть при редактировании инфоблоков или компонентов — зачастую “схожие по смыслу” настройки находятся в разных местах. Однако такая специфика обусловлена логикой системы и оправдана высокой безопасностью и производительностью.
SEO-продвижение сайта на Битриксе — многоэтапный сложный процесс, который при грамотном подходе принесет отличные результаты и позволит привлечь новых клиентов. Нет времени разбираться в тонкостях CMS? Закажите сайт на Битриксе под ключ! Мы подберем оптимальную стратегию, исходя из целей и специфики вашего проекта.
Настройки сайтов и страниц
Раньше настройки были разбросаны по всему разделу, теперь мы собрали их на одном слайдере. Изменяйте дизайн, редактируйте блоки, настраивайте аналитику — всё это на одной странице и за пару кликов.
Теперь вы потратите гораздо меньше времени и усилий на создание красивого и функционального сайта.
Перейдите в раздел Сайты и Магазины. Далее откройте сайт, который вы хотите отредактировать.
Чтобы перейти к настройкам, нажмите на шестерёнку в панели Возможности сайта.
Создавать и настраивать сайты могут сотрудники компании с определенными правами. Подробнее читайте в статье Права на сайты.
Откроется общий слайдер настроек сайта и страниц.
Настройки и дизайн страницы приоритетнее настроек и дизайна сайта.
Например, если во вкладке Дизайн сайта вы выбрали жёлтый, как основной цвет сайта, а на вкладке Дизайн страницы зелёный, то в итоге элементы на странице будут зелёного цвета.
Настройки сайта
Первая вкладка в общем слайдере настроек — это Настройки сайта. Здесь можно изменить адрес сайта или добавить свой HTML/CSS код.
- Адрес сайта — укажите, по какому адресу будет доступен ваш сайт. Также вы можете подключить свой домен.
Подробнее читайте в статье Свой домен у Сайта или Магазина.
Подробнее читайте в статье Как добавить на сайт виджет с чатом.
- Кнопка «Вверх» — позволяет быстро перейти к самому началу страницы. Очень полезный инструмент для работы с длинными страницами.
- Главная страница — выберите главную страницу для вашего сайта.
После того как вы настроили основные параметры, можно перейти к Дополнительным настройкам.
- Favicon — картинка, которая показывается на закладке браузера. Допустимо использование изображений только в формате .PNG.
- Подтверждение прав — укажите необходимые мета-теги для подтверждения прав на сайт при подключении к Google Search Console и Яндекс.Вебмастеру.
Подключение Яндекс.Метрики, Google Tag Manager и Google Analytics доступно только на коммерческих тарифах.
Подробнее читайте в статье Добавление пикселя ВКонтакте.
Подробнее читайте в статье Карты на сайтах Битрикс24.
- Шаблон сайта — если вы хотите, чтобы на страницах были включены дополнительные области, то вы можете настроить их тут.
- Язык сайта — вы можете выбрать язык для некоторых элементов сайта. Например, веб-формы, кнопки магазина в заказе, подпись «Заряжено Битрикс24» и так далее.
- Ошибка 404 — что увидят ваши пользователи, если страница будет недоступна. По умолчанию, сайт имеет стандартную страницу для 404-й ошибки. Но вы можете выбрать свою из любой страницы сайта.
Более подробно о данном файле вы можете прочитать в документации Яндекс и Google.
- Ускорение сайта — при включенной опции оптимизируются CSS и JS таким образом, чтобы они подгружались по мере загрузки страницы. Это одно из условий Google PageSpeed Insights для ускорения загрузки сайтов.
- Пользовательский HTML — вы можете вставить произвольный html-код для всех страниц сайта внутри тега HEAD например, код статистики, мета-теги подтверждения и так далее.
Опции Пользовательский HTML и Пользовательский CSS доступны только на коммерческих тарифах.
- Временно отключить сайт — вы можете временно отключить свой сайт и показывать определенную страницу, пока сайт отключен.
Подробнее читайте в статье Управление cookie-файлами.
- Подпись «Заряжено Битрикс24» – на коммерческих тарифах можно убрать эту подпись внизу вашего сайта.
Дизайн сайта и страницы
Дизайн сайта можно настроить во второй вкладке, а страницы — в последней. Настройки одинаковы как для сайта, так и для страниц.
- Цветовая палитра — изменяет цвет кнопок и некоторых других элементов в зависимости от блока.
- Настройки текста — включают в себя настройку цвета, шрифта и размера текста и заголовков. А также вы можете настроить насыщенность текста и междустрочное расстояние.
Подробнее читайте в статье Как изменить дизайн сайтов и магазинов в Битрикс24.
Настройка страницы
Настройки для страниц очень схожи с настройками самого сайта.
- Адрес страницы — для страницы можно указать свой адрес.
- Вид страницы в соцсетях — укажите, в каком виде будет отображаться эта страница при добавлении ссылки на страницу в соцсетях.
Также есть дополнительные настройки.
- Мета-теги страницы — это теги, которые предоставляют краткую информацию о странице. Они не видны пользователям, но сообщают определенные данные для поисковых систем и других приложений. Мета-теги формируются автоматически, но вы можете добавить и собственные.
- Шаблон страницы — если вы хотите, чтобы на страницах были включены дополнительные области, то вы можете их настроить тут.
Подключение Яндекс.Метрики, Google Tag Manager и Google Analytics доступно только на коммерческих тарифах.
Подробнее читайте в статье Добавление пикселя ВКонтакте.
- Индексация в поисковых системах — если данная опция будет выключена, посещаемость вашего сайта может снизиться.
Опции Пользовательский HTML и Пользовательский CSS доступны только на коммерческих тарифах.
Подробнее читайте в статье Карта сайта – sitemap.xml.
Данные о наличии sitemap добавляются автоматически, при активации её в настройках сайта, также все пользовательские записи добавляются в общий robots.txt без проверки на уникальность. Поэтому рекомендуем проверять содержимое файла ваш_сайт/robots.txt на наличие дублей.
Также рекомендую прочитать:
- Создание сайта в Битрикс24
- Как установить счетчик Google Analytics на сайт
- Как разместить контейнер Google Tag Manager на сайте
- Как установить счетчик Яндекс.Метрики на сайт