SEO-основы
Title-тег
<title> · HTML-заголовок страницы
Title-тег (
) — это HTML-элемент, задающий заголовок страницы. Он отображается во вкладке браузера и как кликабельный заголовок в поисковой выдаче Google и Яндекса.</p>
</div>
<aside class="term-sidebar">
<div class="term-meta">
<div class="term-meta__title">Справочная</div>
<div class="term-meta__row">
<span class="term-meta__label">Категория</span>
<span class="term-meta__value">SEO-основы</span>
</div>
<div class="term-meta__row">
<span class="term-meta__label">Акроним</span>
<span class="term-meta__value"><code><title> · HTML-заголовок страницы</code></span>
</div>
<div class="term-meta__row">
<span class="term-meta__label">Ранжирующий</span>
<span class="term-meta__value">Нет</span>
</div>
<div class="term-meta__row">
<span class="term-meta__label">Сложность</span>
<span class="term-meta__value">★★★☆☆</span>
</div>
<div class="term-meta__row">
<span class="term-meta__label">Чтение</span>
<span class="term-meta__value">~5 мин</span>
</div>
</div>
<div class="term-synonyms">
<div class="term-meta__title">Синонимы</div>
<div class="term-synonyms__list">
<span>title</span>
<span><title></span>
<span>тайтл</span>
<span>метатег title</span>
<span>заголовок страницы</span>
<span>HTML title</span>
</div>
</div>
</aside>
</div>
</div>
</section>
<!-- ═══════════ 3. Body ═══════════ -->
<article class="term-body">
<div class="w">
<div class="term-body__intro"><p>Title-тег (<code><title></code>) — это HTML-элемент в секции <code><head></code>, который простыми словами задаёт заголовок документа. Спецификация HTML 2.0 закрепила его ещё в 1995 году, а Google с момента запуска в 1998-м использует содержимое тега как основной кликабельный заголовок (сниппет) в поисковой выдаче.</p>
<p>В августе 2021 года Google официально подтвердил, что переписывает заголовки страниц примерно в 20% случаев, опираясь на H1 и анкоры. Поэтому оптимизация title-тега напрямую влияет на CTR: по данным Advanced Web Ranking, первая позиция в SERP собирает около 27% кликов, и формулировка заголовка определяет, попадёт ли страница в этот процент.</p>
</div>
<h2 class="term-h2"><span class="term-h2__num">§ 01</span>Зачем <span class="g-accent">нужен</span></h2>
<p>Title-тег решает три задачи: показывает заголовок во вкладке браузера, формирует сниппет в Google и Яндексе, передаёт основной keyword поисковому роботу. John Mueller в Search Off the Record (2021) подчёркивал, что заголовок страницы — один из самых сильных on-page сигналов релевантности. Для чего нужно следить за тегом: без него Google подставит фрагмент текста или анкор, и контроль над выдачей теряется.</p>
<h2 class="term-h2"><span class="term-h2__num">§ 02</span>Как <span class="g-accent">настраивается</span></h2>
<p>Заголовок страницы прописывается одной строкой: <code><title>Текст заголовка</title></code> внутри <code><head></code>. Рекомендуемая длина — 50–60 символов или до 600 пикселей: после этого порога Google обрезает заголовок многоточием. Структура, которая работает в 2024 году: <strong>основной запрос — уточнение — бренд</strong>, например «Купить ноутбук Lenovo ThinkPad — гарантия 2 года | Shop». В CMS вроде WordPress тег управляется через Yoast SEO или Rank Math, в Tilda и Bitrix — через настройки страницы.</p>
<div class="term-example">
<div class="term-example__label">Кейс e-commerce</div>
<p class="term-example__body">
<strong>CTR 3.1% → 6.8%</strong> — Интернет-магазин кроссовок на Shopify переписал title-теги категорий по схеме 'товар + бренд + город + год'. CTR в выдаче Google вырос с 3.1% до 6.8% за 8 недель. Замер через Google Search Console, срез по 240 URL. </p>
</div>
<div class="term-example">
<div class="term-example__label">До и после</div>
<p class="term-example__body">
<strong>органика +34%</strong> — B2B SaaS для бухгалтерии сократил title с 78 до 55 символов и убрал дубли по 120 страницам блога. Органический трафик из Яндекса вырос на 34% за 4 месяца. Динамика по Ahrefs Site Explorer и Метрике. </p>
</div>
<h2 class="term-h2"><span class="term-h2__num">§ 03</span>Где смотреть <span class="g-accent">результат</span></h2>
<p>Фактический title-тег после рендеринга проверяется в Google Search Console (отчёт «Эффективность» по запросам и страницам), в Screaming Frog SEO Spider при краулинге сайта и в Ahrefs Site Audit. Расхождение между прописанным и отображаемым в SERP заголовком — повод посмотреть Page Indexing в GSC: с 2021 года Google всё чаще берёт H1 вместо <code><title></code>, если считает его более релевантным.</p>
<h2 class="term-h2"><span class="term-h2__num">§ 04</span>Подводные <span class="g-accent">камни</span></h2>
<p>Что делает заголовок страницы бесполезным: дубли на разных URL (Google склеит сниппеты), keyword stuffing типа «Пицца Москва пицца дёшево пицца заказать», эмодзи и капс — Google вырезает их с 2023 года. Илья Гусаров в кейсах агентства фиксировал рост CTR на 18–34% после переписывания title-тегов под интент, а не под частотность. Ещё одна ошибка — использовать одинаковый заголовок и H1: дублирование не вредит, но лишает страницу второго шанса на семантический охват.</p>
<!-- ═══════════ 4. Mistakes ═══════════ -->
<div class="term-mistakes">
<div class="term-mistakes__label">Частые ошибки</div>
<div class="term-mistake-item">
<div class="term-mistake-item__num">01</div>
<div class="term-mistake-item__text">
<strong>Дублирование H1 в Title без учёта сниппета.</strong>
Title копируется из H1 и не учитывает поисковый интент и пиксельную ширину. В выдаче он обрезается на 580 px, теряет ключевой смысл и роняет CTR на 15–30%. <em>Как правильно:</em> Стройте Title под сниппет: ключ слева, бренд справа, длина 50–60 символов или до 580 px. </div>
</div>
<div class="term-mistake-item">
<div class="term-mistake-item__num">02</div>
<div class="term-mistake-item__text">
<strong>Подмена Title переменной шаблона без фолбэка.</strong>
На листингах и фильтрах CMS подставляет пустую переменную, и Google генерирует Title сам из H1 или анкоров. Search Console с 2021 года показывает такие случаи в отчёте «Заголовки», страдает релевантность. <em>Как правильно:</em> Настройте шаблон с обязательным фолбэком и проверяйте рендеринг в Search Console → Inspect URL. </div>
</div>
<div class="term-mistake-item">
<div class="term-mistake-item__num">03</div>
<div class="term-mistake-item__text">
<strong>Замер эффективности Title по позициям, а не по CTR.</strong>
Команда меняет Title и через 3 дня смотрит позицию в Ahrefs. Но Title влияет на кликабельность — позиция может стоять, а трафик расти на 20% за счёт CTR в выдаче. <em>Как правильно:</em> Сравнивайте CTR в Search Console до и после правок, окно — 28 дней, сегмент по конкретному URL и запросу. </div>
</div>
</div>
</div>
</article>
<!-- ═══════════ 5. FAQ ═══════════ -->
<section class="term-faq-section" id="faq">
<div class="w">
<div class="term-faq__head">
<div class="eyebrow">Часто спрашивают</div>
<h2>Частые <span class="g-accent">вопросы</span> про Title-тег</h2> </div>
<div class="faq-item open">
<div class="faq-item__q" tabindex="0" role="button" aria-expanded="true">
<h3>Title-тег простыми словами — что это и зачем нужен?</h3>
<div class="faq-item__toggle">+</div>
</div>
<div class="faq-item__a"><p>Title-тег — это HTML-элемент <code><title></code> внутри <code><head></code>, который задаёт заголовок страницы. Его видят пользователи во вкладке браузера, в закладках и как кликабельную синюю строку в выдаче Google и Яндекса. Один из 3 главных факторов on-page SEO наряду с H1 и контентом.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-item__q" tabindex="0" role="button" aria-expanded="false">
<h3>Чем отличается Title от H1 и meta description?</h3>
<div class="faq-item__toggle">+</div>
</div>
<div class="faq-item__a"><p>Title живёт в <code><head></code> и показывается в выдаче и вкладке, а H1 — это видимый заголовок на самой странице. Meta description — это описание под сниппетом, оно не влияет на ранжирование напрямую. Title и H1 могут отличаться: первый затачивают под поисковый запрос, второй — под читателя.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-item__q" tabindex="0" role="button" aria-expanded="false">
<h3>Сколько символов должно быть в Title-теге?</h3>
<div class="faq-item__toggle">+</div>
</div>
<div class="faq-item__a"><p>Оптимальная длина — 50–60 символов или примерно 545 пикселей: Google обрезает более длинные заголовки многоточием. Яндекс показывает до 70–80 символов. Главный ключ ставьте в первые 30 символов — так выше CTR и релевантность по запросу.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-item__q" tabindex="0" role="button" aria-expanded="false">
<h3>Влияет ли Title-тег на ранжирование сайта?</h3>
<div class="faq-item__toggle">+</div>
</div>
<div class="faq-item__a"><p>Да, это один из сильнейших on-page сигналов: Google официально подтверждал значимость <code><title></code> с 2009 года и обновлял алгоритм его генерации в 2021. Грамотный заголовок с ключом поднимает позиции и увеличивает кликабельность сниппета на 20–40% по сравнению с шаблонным.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-item__q" tabindex="0" role="button" aria-expanded="false">
<h3>Как правильно составить Title для страницы?</h3>
<div class="faq-item__toggle">+</div>
</div>
<div class="faq-item__a"><p>Формула: <strong>главный ключ + уточнение + бренд</strong>, например «Купить кроссовки Nike в Минске — Shop.by». Каждый заголовок должен быть уникальным в пределах сайта, отражать содержимое и содержать запрос из Wordstat или Keyword Planner. Проверить дубли можно через Screaming Frog или Google Search Console.</p>
</div>
</div>
</div>
</section>
<!-- ═══════════ 6. Related ═══════════ -->
<section class="term-related">
<div class="w">
<div class="term-related__head">
<div>
<div class="eyebrow" style="margin-bottom:16px">Связанные термины</div>
<h2 class="term-related__title">Читайте <span class="g-accent">дальше</span></h2>
</div>
</div>
<div class="term-related__grid">
<a href="https://edugusarov.com/ru/glossariy/robots-meta/" class="related-card" style="--cat-color: #7900FF">
<div class="related-card__cat">SEO-основы</div>
<h3 class="related-card__title">Robots <span class="g-accent">meta-тег</span></h3>
<p class="related-card__def">Robots meta-тег — это HTML-тег в страницы, который сообщает поисковым роботам правила индексации и обхода ссылок. Управляет показом…</p>
</a>
<a href="https://edugusarov.com/ru/glossariy/h1-tag/" class="related-card" style="--cat-color: #7900FF">
<div class="related-card__cat">SEO-основы</div>
<h3 class="related-card__title"><span class="g-accent">H1</span></h3>
<p class="related-card__def">H1 — это главный заголовок страницы, обёрнутый тегом . Он сообщает пользователю и поисковику основную тему документа и…</p>
</a>
<a href="https://edugusarov.com/ru/glossariy/meta-description/" class="related-card" style="--cat-color: #7900FF">
<div class="related-card__cat">SEO-основы</div>
<h3 class="related-card__title">Meta <span class="g-accent">Description</span></h3>
<p class="related-card__def">Meta Description — это HTML-тег с кратким описанием страницы, который поисковики показывают в сниппете под заголовком. Помогает пользователю…</p>
</a>
</div>
</div>
</section>
<section class="term-ask-expert" id="ask-expert">
<div class="g-wrap">
<div class="ask-expert__box">
<div class="ask-expert__head">
<div class="ask-expert__photo" aria-hidden="true">А</div>
<div class="ask-expert__title-wrap">
<h2 class="ask-expert__title">Не нашли <span class="g-accent">ответ</span>?</h2>
<p class="ask-expert__sub">Спросите Андрея Гусарова — отвечаю в течение 1-2 рабочих дней.</p>
</div>
</div>
<form class="ask-expert__form" id="askExpertForm" novalidate>
<input type="hidden" name="term_id" value="28760">
<input type="hidden" name="term_title" value="Title-тег">
<label class="ask-expert__hp" aria-hidden="true">
Не заполнять: <input type="text" name="website" tabindex="-1" autocomplete="off">
</label>
<div class="ask-expert__row">
<input type="email" name="email" class="ask-expert__input" placeholder="Ваш email" required autocomplete="email">
<input type="text" name="name" class="ask-expert__input" placeholder="Имя (необязательно)" autocomplete="given-name">
</div>
<textarea name="question" class="ask-expert__textarea" placeholder="Ваш вопрос по термину «Title-тег»..." minlength="10" maxlength="1500" required rows="4"></textarea>
<div class="ask-expert__bottom">
<button type="submit" class="ask-expert__btn">
<span class="ask-expert__btn-text">Отправить вопрос</span>
<span class="ask-expert__btn-arrow" aria-hidden="true">→</span>
</button>
<p class="ask-expert__note">Нажимая, вы соглашаетесь с <a href="/ru/privacy-policy/">обработкой данных</a>.</p>
</div>
<div class="ask-expert__status" role="status" aria-live="polite"></div>
</form>
</div>
</div>
</section>
<script>
(function(){
var f = document.getElementById('askExpertForm');
if (!f) return;
f.addEventListener('submit', function(e){
e.preventDefault();
var btn = f.querySelector('.ask-expert__btn');
var status = f.querySelector('.ask-expert__status');
var fd = new FormData(f);
if (fd.get('website')) return;
var payload = {
term_id: parseInt(fd.get('term_id'), 10),
term_title: fd.get('term_title'),
email: fd.get('email'),
name: fd.get('name') || '',
question: fd.get('question'),
website: fd.get('website') || ''
};
btn.disabled = true;
btn.classList.add('is-loading');
status.textContent = '';
status.className = 'ask-expert__status';
fetch('/wp-json/custom/v1/glossary/ask-expert', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(payload)
})
.then(function(r){ return r.json().then(function(d){ return {ok: r.ok, body: d}; }); })
.then(function(res){
if (res.ok && res.body.ok) {
status.textContent = res.body.message || 'Спасибо! Вопрос отправлен.';
status.classList.add('is-ok');
f.reset();
} else {
status.textContent = (res.body && (res.body.message || res.body.code)) || 'Ошибка отправки. Попробуйте позже.';
status.classList.add('is-err');
}
})
.catch(function(){
status.textContent = 'Сетевая ошибка. Попробуйте позже.';
status.classList.add('is-err');
})
.finally(function(){
btn.disabled = false;
btn.classList.remove('is-loading');
});
});
})();
</script>
</section>
</div><!-- /.service-page -->
<footer class="bl-footer" role="contentinfo">
<div class="bl-wrap bl-wrap--wide">
<div class="bl-footer__grid">
<!-- Brand + about + контакты -->
<div class="bl-footer__brand-col">
<div class="bl-footer__brand">gusarov<span class="em">.</span></div>
<p class="bl-footer__about">SEO-агентство полного цикла. С 2010 года вывели в ТОП больше 800 проектов в Беларуси, России, Казахстане и Европе.</p>
<div class="bl-footer__contacts">
<a class="bl-footer__phone" href="tel:+375296668300">+375 (29) 66-68-300</a>
<a class="bl-footer__email" href="mailto:a@gusarov.by">a@gusarov.by</a>
<span class="bl-footer__addr">Минск, пр. Победителей 103, оф. 208</span>
<span class="bl-footer__hours">Пн–Пт 9:00–18:00</span>
</div>
<div class="bl-footer__social">
<a href="https://t.me/edugusarov" target="_blank" rel="noopener" aria-label="Telegram" class="bl-footer__social-btn">
<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z"/></svg>
<span>Telegram</span>
</a>
<a href="https://wa.me/375296668300" target="_blank" rel="noopener" aria-label="WhatsApp" class="bl-footer__social-btn">
<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413"/></svg>
<span>WhatsApp</span>
</a>
</div>
</div>
<!-- Услуги (из меню «Подвал — Услуги») -->
<div class="bl-footer__col">
<div class="bl-footer__col-title">Услуги</div>
<ul><li id="menu-item-27149" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27149"><a href="/ru/uslugi/seo-prodvizhenie/">SEO-продвижение сайтов</a></li>
<li id="menu-item-27150" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27150"><a href="/ru/uslugi/kontekstnaya-reklama/">Контекстная реклама</a></li>
<li id="menu-item-27151" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27151"><a href="/ru/seo/">Продвижение сайтов в Европе</a></li>
<li id="menu-item-27612" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27612"><a href="https://edugusarov.com/ru/results/">Кейсы</a></li>
<li id="menu-item-27154" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27154"><a href="/ru/uslugi/">Все услуги →</a></li>
</ul> </div>
<!-- Компания (из меню «Подвал — Компания») -->
<div class="bl-footer__col">
<div class="bl-footer__col-title">Компания</div>
<ul><li id="menu-item-27164" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27164"><a href="/ru/kontakty/">Контакты</a></li>
<li id="menu-item-27162" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27162"><a href="/ru/otzyvy/">Отзывы</a></li>
<li id="menu-item-27161" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27161"><a href="/ru/o-nas/">О нас</a></li>
<li id="menu-item-27190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27190"><a href="https://edugusarov.com/ru/clients/">Клиенты</a></li>
<li id="menu-item-27191" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27191"><a href="https://edugusarov.com/ru/awards/">Награды и достижения</a></li>
<li id="menu-item-27177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27177"><a href="https://edugusarov.com/ru/faq/">FAQ</a></li>
<li id="menu-item-27163" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27163"><a href="/ru/statyi/">Блог</a></li>
<li id="menu-item-28722" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28722"><a href="https://edugusarov.com/ru/glossariy/">Глоссарий</a></li>
<li id="menu-item-27175" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27175"><a href="https://edugusarov.com/ru/vakansii/">Вакансии</a></li>
<li id="menu-item-27186" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27186"><a href="https://edugusarov.com/ru/methodology/">Методология работы</a></li>
</ul> </div>
<!-- Реквизиты -->
<div class="bl-footer__col bl-footer__col--legal">
<div class="bl-footer__col-title">Реквизиты</div>
<div class="bl-footer__legal">
<div>ИП Гусаров Андрей Владимирович</div>
<div>УНП 191311221</div>
<div>220004, г. Минск, а/я 153</div>
<div>р/с BY29 UNBS 3013 0457 4000 0000 0933</div>
<div>ЗАО «БСБ Банк», BIC: UNBSBY2X</div>
<div>Свидетельство №191311221 от 11.07.2011</div>
</div>
</div>
</div>
<div class="bl-footer__bottom">
<span>© 2010–2026 GUSAROV Digital · Минск</span>
<nav class="bl-footer__legal-links" aria-label="Юридические документы">
<a href="https://edugusarov.com/ru/soglasie-na-obrabotku-personalnyh-dannyh/">Политика конфиденциальности</a>
<a href="https://edugusarov.com/ru/oferta/">Публичная оферта</a>
<a href="https://edugusarov.com/ru/sitemap-html/">Карта сайта</a>
</nav>
</div>
</div>
</footer>
<!-- ═══════════ MODAL — universal (рендерится на всех страницах) ═══════════ -->
<div class="svc-modal-bg" id="modalBg">
<div class="svc-modal" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
<button class="svc-modal-close" onclick="closeModal()" aria-label="Закрыть" type="button">✕</button>
<h3 id="modalTitle">Бесплатная стратегическая сессия</h3>
<p class="modal-sub">Покажем точки роста вашего сайта за 24 часа</p>
<div class="modal-field">
<label for="m-name">Имя</label>
<input id="m-name" type="text" placeholder="Как к вам обращаться?" autocomplete="name">
</div>
<div class="modal-field">
<label for="m-phone">Телефон <span class="modal-required">*</span></label>
<input id="m-phone" type="tel" placeholder="+XXX XX XXX XX XX" autocomplete="tel" required>
<span class="modal-error" id="m-phone-error">Пожалуйста, укажите телефон</span>
</div>
<div class="modal-field">
<label for="m-site">Сайт</label>
<input id="m-site" type="url" placeholder="https://example.com" autocomplete="url">
</div>
<div class="modal-field">
<label for="m-comment">Комментарий</label>
<textarea id="m-comment" placeholder="Расскажите о вашем проекте (необязательно)"></textarea>
</div>
<div style="position:absolute;left:-9999px;top:-9999px" aria-hidden="true">
<input id="m-hp" type="text" name="website_url" tabindex="-1" autocomplete="off">
</div>
<button class="modal-submit" type="button" onclick="submitModal()">Отправить заявку</button>
<p class="modal-note">Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности</p>
</div>
</div>
<!-- ═══════════ VIDEO POPUP (универсальный — для отзывов, кейсов, услуг) ═══════════ -->
<div class="vp-overlay" id="videoPopup" role="dialog" aria-modal="true" aria-label="Видео">
<button class="vp-close" onclick="closeVideoPopup()" aria-label="Закрыть" type="button">✕</button>
<div class="vp-box">
<iframe id="videoPopupIframe" src="" frameborder="0" allow="autoplay; encrypted-media; fullscreen" allowfullscreen></iframe>
</div>
</div>
<!-- ═══════════ IMAGE LIGHTBOX (универсальный) ═══════════ -->
<div class="lb-overlay" id="imgLightbox" role="dialog" aria-modal="true" aria-label="Просмотр изображения">
<button class="lb-close" onclick="closeLightbox()" aria-label="Закрыть" type="button">✕</button>
<button class="lb-nav lb-prev" onclick="navLightbox(-1)" aria-label="Предыдущее" type="button">←</button>
<button class="lb-nav lb-next" onclick="navLightbox(1)" aria-label="Следующее" type="button">→</button>
<div class="lb-content">
<img id="lbImage" src="" alt="">
</div>
<div class="lb-counter" id="lbCounter"></div>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/edugusarov/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/themes/edugusarov/js/modal.js" id="svc-modal-js-js"></script>
<script type="text/javascript" src="https://edugusarov.com/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://edugusarov.com/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
/* ]]> */
</script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-translations">
/* <![CDATA[ */
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2026-02-09 17:37:19+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"ru"},"This contact form is placed in the wrong place.":["\u042d\u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0432 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435."],"Error:":["\u041e\u0448\u0438\u0431\u043a\u0430:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
/* ]]> */
</script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
"api": {
"root": "https:\/\/edugusarov.com\/wp-json\/",
"namespace": "contact-form-7\/v1"
}
};
//# sourceURL=contact-form-7-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/plugins/contact-form-7/includes/js/index.js" id="contact-form-7-js"></script>
<script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra">
/* <![CDATA[ */
var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""};
//# sourceURL=ez-toc-scroll-scriptjs-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js" id="ez-toc-scroll-scriptjs-js"></script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js" id="ez-toc-js-cookie-js"></script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js" id="ez-toc-jquery-sticky-kit-js"></script>
<script type="text/javascript" id="ez-toc-js-js-extra">
/* <![CDATA[ */
var ezTOC = {"smooth_scroll":"1","scroll_offset":"30","fallbackIcon":"\u003Cspan class=\"\"\u003E\u003Cspan class=\"eztoc-hide\" style=\"display:none;\"\u003EToggle\u003C/span\u003E\u003Cspan class=\"ez-toc-icon-toggle-span\"\u003E\u003Csvg style=\"fill: #999;color:#999\" xmlns=\"http://www.w3.org/2000/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"\u003E\u003Cpath d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"\u003E\u003C/path\u003E\u003C/svg\u003E\u003Csvg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"\u003E\u003Cpath d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"/\u003E\u003C/svg\u003E\u003C/span\u003E\u003C/span\u003E","chamomile_theme_is_on":""};
//# sourceURL=ez-toc-js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js" id="ez-toc-js-js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6Ld-19UqAAAAAKiSXhPfnsCprmnI8zlbSobX8U44" id="google-recaptcha-js"></script>
<script type="text/javascript" src="https://edugusarov.com/wp-includes/js/dist/vendor/wp-polyfill.min.js" id="wp-polyfill-js"></script>
<script type="text/javascript" id="wpcf7-recaptcha-js-before">
/* <![CDATA[ */
var wpcf7_recaptcha = {
"sitekey": "6Ld-19UqAAAAAKiSXhPfnsCprmnI8zlbSobX8U44",
"actions": {
"homepage": "homepage",
"contactform": "contactform"
}
};
//# sourceURL=wpcf7-recaptcha-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js" id="wpcf7-recaptcha-js"></script>
<script type="text/javascript" src="https://edugusarov.com/wp-content/themes/edugusarov/js/glossary-page.js" id="glossary-page-js"></script>
</body>
</html> 