Категории
Идеальный SEO-хедер для Битрикс и Joomla
20.07.2026 | из категории: SEO
Полное руководство по настройке
<head> для 1С-Битрикс и Joomla 2026
Правильно настроенный заголовок страницы — это 50% успеха в SEO. В этой статье — полный чек-лист всех необходимых тегов, готовые примеры кода для двух самых популярных CMS и объяснение, за что отвечает каждый тег.
📌 1. Базовые мета-теги обязательно
<title>
Заголовок страницы — самый важный SEO-тег. Отображается в выдаче и во вкладке браузера.
<title>Технический блог про IoT, автоматизацию, Linux, Windows и сетевую инфраструктуру. Практические руководства, разборы оборудовани</title>
Длина: 50–70 символов. Правило: ключевая фраза в начале, бренд в конце.
<meta name="description">
Описание страницы — сниппет в выдаче. Влияет на CTR (кликабельность).
<meta name="description" content="Технический блог про IoT, IT и автоматизацию">
Длина: 140–160 символов. Правило: отвечаем на вопрос пользователя и призываем к действию.
<meta charset="UTF-8">
Кодировка — без неё будут кракозябры.
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
🔗 2. Управление индексацией обязательно
<link rel="canonical">
Канонический URL — указывает поисковику основную версию страницы. Объединяет дубли, передаёт вес ссылок.
<link rel="canonical" href="https://www.site.ru/individualnie-zanyatia/crezkojnaya-stimulation/">
Где задавать: динамически через
$APPLICATION->AddHeadLink() в Битриксе.<meta name="robots">
Управление индексацией — запрещает или разрешает индексацию страницы.
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
Варианты:
noindex — не индексировать, nofollow — не переходить по ссылкам.
✅ Важно:
robots.txt запрещает сканирование, а meta robots — индексацию. Работают в паре.
📱 3. Open Graph (соцсети) обязательно
og:title
Заголовок для соцсетей (VK, Facebook, Telegram, WhatsApp).
<meta property="og:title" content="Практические руководства, разборы оборудования и кейсы.">
og:description
Описание для соцсетей.
<meta property="og:description" content="Практические руководства IOT">
og:image
Картинка для превью в соцсетях (рекомендуется 1200×630 px).
<meta property="og:image" content="https://www.site.ru/local/templates/dar/img/og-default.jpg">
og:url
URL страницы (чтобы соцсети не путали с дублями).
<meta property="og:url" content="https://www.site.ru/individualnie-zanyatia/crezkojnaya-stimulation/">
og:type
Тип страницы:
website — сайт, article — статья.<meta property="og:type" content="article">
og:site_name
Название сайта.
<meta property="og:site_name" content="Технический блог про IoT">
og:locale
Язык страницы.
<meta property="og:locale" content="ru_RU">
💡 Важно: Для всех соцсетей (VK, OK, Telegram, WhatsApp, Facebook) достаточно стандартного Open Graph.
НЕ нужны отдельные теги
vk:, ok:, mailru: — соцсети сами читают og:.
🐦 4. Twitter Card опционально
twitter:card
Тип карточки в X (Twitter).
summary_large_image — с большой картинкой.<meta name="twitter:card" content="summary_large_image">
twitter:title
Заголовок для X (Twitter).
<meta name="twitter:title" content="Практические руководства, разборы оборудования и кейсы.">
twitter:description
Описание для X (Twitter).
<meta name="twitter:description" content="Метод чрескожной электрической стимуляции (ЧЭНС) для коррекции развития у детей.">
twitter:image
Картинка для X (Twitter).
<meta name="twitter:image" content="https://www.site.ru/local/templates/dar/img/og-default.jpg">
📊 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>.