Идеальный SEO-хедер для Битрикс и Joomla: Полное руководство

Полное руководство по настройке <head> для 1С-Битрикс и Joomla 2026

Правильно настроенный заголовок страницы — это 50% успеха в SEO. В этой статье — полный чек-лист всех необходимых тегов, готовые примеры кода для двух самых популярных CMS и объяснение, за что отвечает каждый тег.

📌 1. Базовые мета-теги обязательно

<title>

Заголовок страницы — самый важный SEO-тег. Отображается в выдаче и во вкладке браузера.

<title>Технический блог про IoT, автоматизацию, Linux, Windows и сетевую инфраструктуру. Практические руководства, разборы оборудовани</title>

Длина: 50–70 символов. Правило: ключевая фраза в начале, бренд в конце.

Описание страницы — сниппет в выдаче. Влияет на CTR (кликабельность).

Длина: 140–160 символов. Правило: отвечаем на вопрос пользователя и призываем к действию.

Кодировка — без неё будут кракозябры.

🔗 2. Управление индексацией обязательно

Канонический URL — указывает поисковику основную версию страницы. Объединяет дубли, передаёт вес ссылок.

Где задавать: динамически через $APPLICATION->AddHeadLink() в Битриксе.

Управление индексацией — запрещает или разрешает индексацию страницы.

Варианты: noindex — не индексировать, nofollow — не переходить по ссылкам.

✅ Важно: robots.txt запрещает сканирование, а meta robots — индексацию. Работают в паре.

📱 3. Open Graph (соцсети) обязательно

og:title

Заголовок для соцсетей (VK, Facebook, Telegram, WhatsApp).

og:description

Описание для соцсетей.

og:image

Картинка для превью в соцсетях (рекомендуется 1200×630 px).

og:url

URL страницы (чтобы соцсети не путали с дублями).

og:type

Тип страницы: website — сайт, article — статья.

og:site_name

Название сайта.

og:locale

Язык страницы.

💡 Важно: Для всех соцсетей (VK, OK, Telegram, WhatsApp, Facebook) достаточно стандартного Open Graph. НЕ нужны отдельные теги vk:, ok:, mailru: — соцсети сами читают og:.

🐦 4. Twitter Card опционально

twitter:card

Тип карточки в X (Twitter). summary_large_image — с большой картинкой.

twitter:title

Заголовок для X (Twitter).

twitter:description

Описание для X (Twitter).

twitter:image

Картинка для X (Twitter).

📊 5. Микроразметка Schema.org (JSON-LD) ВАЖНО!

🔥 Это самый мощный инструмент после Title. Микроразметка помогает поисковикам показывать расширенные сниппеты: звёзды рейтинга, часы работы, адрес, хлебные крошки, FAQ.

Organization

Разметка компании — адрес, телефон, график работы, рейтинг.

WebSite

Разметка сайта — для поиска по сайту в выдаче.

Article / BlogPosting

Разметка статьи — дата публикации, автор, изображение.

FAQPage

Разметка вопросов-ответов — для сниппета с раскрывающимся списком в выдаче.

Пример базовой разметки Organization:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Технический блог про IoT",
  "alternateName": "ДАР",
  "url": "https://www.site.ru/",
  "logo": "https://www.site.ru/local/templates/dar/img/logo_dar.svg",
  "telephone": "+7 (495) 292-32-60",
  "email": "dar@site.ru",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Москва",
    "streetAddress": "Строгинский б-р, д.14, к.3"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "120"
  }
}
</script>

⚙️ 6. Готовые примеры кода Битрикс / Joomla

header.php для 1С-Битрикс

<?php
// 1. Базовые мета-теги
$APPLICATION->SetTitle("Технический блог про IoT, автоматизацию, Linux, Windows и сетевую инфраструктуру. Практические руководства, разборы оборудовани");
$APPLICATION->SetPageProperty("description", "Технический блог про IoT, IT и автоматизацию");
$APPLICATION->SetPageProperty("robots", "index, follow");

// 2. Canonical (ссылка на себя)
$APPLICATION->AddHeadLink("https://www.site.ru".$APPLICATION->GetCurPage(), "canonical", "rel");

// 3. Open Graph (OG)
$APPLICATION->SetPageProperty("og:title", "Практические руководства, разборы оборудования и кейсы.");
$APPLICATION->SetPageProperty("og:description", "Практические руководства IOT");
$APPLICATION->SetPageProperty("og:type", "article");
$APPLICATION->SetPageProperty("og:url", "https://www.site.ru".$APPLICATION->GetCurPage());
$APPLICATION->SetPageProperty("og:site_name", "Технический блог про IoT");
$APPLICATION->SetPageProperty("og:image", "https://www.site.ru/local/templates/dar/img/og-default.jpg");
$APPLICATION->SetPageProperty("og:locale", "ru_RU");

// 4. Twitter Card (опционально)
$APPLICATION->SetPageProperty("twitter:card", "summary_large_image");
$APPLICATION->SetPageProperty("twitter:title", "Практические руководства, разборы оборудования и кейсы.");
$APPLICATION->SetPageProperty("twitter:image", "https://www.site.ru/local/templates/dar/img/og-default.jpg");
?>
<!doctype html>
<html lang="ru">
<head>
    <?php $APPLICATION->ShowHead(); ?>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Остальной код head -->
</head>

💡 Совет: Для вывода JSON-LD используйте $APPLICATION->AddHeadString() или вставьте разметку прямо в шаблон компонента.

index.php для Joomla (3.x / 4.x / 5.x)

<?php
use Joomla\CMS\Factory;
$doc = Factory::getDocument();

// 1. Базовые мета-теги
$doc->setTitle("Технический блог про IoT, автоматизацию, Linux, Windows и сетевую инфраструктуру. Практические руководства, разборы оборудовани");
$doc->setDescription("Технический блог про IoT, IT и автоматизацию");
$doc->setMetaData('robots', 'index, follow');

// 2. Canonical
$doc->addHeadLink('https://www.site.ru/individualnie-zanyatia/crezkojnaya-stimulation/', 'canonical', 'rel');

// 3. Open Graph (OG) — передаём третий параметр 'property'
$doc->setMetaData('og:title', 'Практические руководства, разборы оборудования и кейсы.', 'property');
$doc->setMetaData('og:description', 'Практические руководства IOT', 'property');
$doc->setMetaData('og:type', 'article', 'property');
$doc->setMetaData('og:url', 'https://www.site.ru/individualnie-zanyatia/crezkojnaya-stimulation/', 'property');
$doc->setMetaData('og:site_name', 'Технический блог про IoT', 'property');
$doc->setMetaData('og:image', 'https://www.site.ru/local/templates/dar/img/og-default.jpg', 'property');
$doc->setMetaData('og:locale', 'ru_RU', 'property');

// 4. Twitter Card
$doc->setMetaData('twitter:card', 'summary_large_image');
$doc->setMetaData('twitter:title', 'Практические руководства, разборы оборудования и кейсы.');
$doc->setMetaData('twitter:image', 'https://www.site.ru/local/templates/dar/img/og-default.jpg');

// 5. JSON-LD (микроразметка) — вставляем через addScriptDeclaration
$jsonld = '{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Технический блог про IoT",
  "url": "https://www.site.ru/"
}';
$doc->addScriptDeclaration($jsonld, 'application/ld+json');
?>
<!doctype html>
<html lang="ru">
<head>
    <jdoc:include type="head" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>

⚠️ Важно: В Joomla 4/5 метод setMetaData с параметром 'property' работает корректно. Для Joomla 3 используйте тот же синтаксис.

📋 7. Сводная таблица всех тегов

Тег	Назначение	Обязательный?
`<title>`	Заголовок в выдаче и вкладке	✅ Да
`description`	Сниппет в выдаче	✅ Да
`viewport`	Мобильная адаптация	✅ Да
`canonical`	Основной URL (борьба с дублями)	✅ Да
`robots`	Управление индексацией	✅ Желательно
`og:title`	Заголовок для соцсетей	✅ Желательно
`og:description`	Описание для соцсетей	✅ Желательно
`og:image`	Картинка для соцсетей	✅ Желательно
`og:url`	URL для соцсетей	✅ Желательно
`og:site_name`	Название сайта для соцсетей	🟡 Опционально
`og:type`	Тип страницы	🟡 Опционально
`twitter:*`	Карточки для X	🟡 Опционально
`JSON-LD`	Микроразметка Schema.org	✅ Желательно
`keywords`	Ключевые слова	❌ Устарел
`vk:`, `ok:`	Спецтеги для РФ-соцсетей	❌ Не нужны (соцсети используют OG)

📌 8. Чек-лист перед запуском

✅ <title> уникальный, 50–70 символов, ключ в начале

✅ description уникальное, 140–160 символов, призыв к действию

✅ viewport — width=device-width, initial-scale=1

✅ canonical — ссылка на себя (абсолютный URL)

✅ robots — index, follow (или noindex для служебных)

✅ og:title / og:description / og:image — все заполнены

✅ og:image — абсолютный URL, размер 1200×630 px

✅ JSON-LD — микроразметка Organization + WebSite + Article/FAQ

✅ Все ссылки (особенно og:image и canonical) — с https://

✅ Favicon добавлен — <link rel="icon">

🎯 9. Главные правила для разработчика

✅ 1. Всегда ставьте <title> и description — это база.

✅ 2. viewport обязателен — без него мобильный трафик потерян.

✅ 3. canonical должен быть на каждой странице, чтобы объединять дубли.

✅ 4. robots задавайте через переменную, чтобы переопределять для корзины, поиска, ЛК.

✅ 5. Open Graph (og:title, og:description, og:image) обязателен для красивых превью в соцсетях.

✅ 6. НЕ используйте vk:, ok:, mailru: — они не нужны.

✅ 7. JSON-LD — добавляйте всегда. Это даёт расширенные сниппеты в выдаче.

✅ 8. Все мета-теги должны быть в <head> до <body>.

Категории

Идеальный SEO-хедер для Битрикс и Joomla

📌 1. Базовые мета-теги обязательно

🔗 2. Управление индексацией обязательно

📱 3. Open Graph (соцсети) обязательно

🐦 4. Twitter Card опционально

📊 5. Микроразметка Schema.org (JSON-LD) ВАЖНО!

⚙️ 6. Готовые примеры кода Битрикс / Joomla

header.php для 1С-Битрикс

index.php для Joomla (3.x / 4.x / 5.x)

📋 7. Сводная таблица всех тегов

📌 8. Чек-лист перед запуском

🎯 9. Главные правила для разработчика

Категории:

Категории

Комментарии

Оставить комментарий

Категории

Идеальный SEO-хедер для Битрикс и Joomla

📌 1. Базовые мета-теги обязательно

🔗 2. Управление индексацией обязательно

📱 3. Open Graph (соцсети) обязательно

🐦 4. Twitter Card опционально

📊 5. Микроразметка Schema.org (JSON-LD) ВАЖНО!

⚙️ 6. Готовые примеры кода Битрикс / Joomla

header.php для 1С-Битрикс

index.php для Joomla (3.x / 4.x / 5.x)

📋 7. Сводная таблица всех тегов

📌 8. Чек-лист перед запуском

🎯 9. Главные правила для разработчика

Категории:

Категории

Комментарии

Оставить комментарий

Обратная связь