Вставьте HTML или укажите URL страницы, чтобы проверить семантику заголовков, а не визуальный порядок. Отчёт показывает пропуски уровней, несколько h1, вероятно декоративные headings, пустые заголовки и расхождение основного h1 с
и og:title.</p>
<p>Как использовать:</p>
<ul>
<li>HTML ввод: вставьте разметку для стабильной проверки</li>
<li>URL страницы: проверьте опубликованную структуру</li>
<li>Сравнить с мета-заголовками: сопоставляет основной heading с <code><title></code> и <code>og:title</code></li>
<li>Показать исправления: добавляет рекомендуемый уровень или замену для каждого узла</li>
</ul>
<p>Что показывает отчёт:</p>
<ul>
<li>Визуальное дерево h1-h6</li>
<li>Распределение серьёзности в формате heatmap</li>
<li>Рекомендуемый уровень для каждого heading</li>
<li>Несколько h1 и пропуски уровней</li>
<li>Вероятное использование heading только ради стиля</li>
<li>Расхождение между h1 и мета-заголовками</li>
</ul></div></section><section class="mt-10"><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Запуск</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Запустить этот инструмент</h2><p class="mt-3 text-sm leading-7 text-black/60">Заполните форму, запустите инструмент и посмотрите результат на этой же странице.</p></div><div class="mt-8"><!--$?--><template id="B:1c"></template><div class="grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(280px,420px)]"><div class="rounded-[1.8rem] border border-black/8 bg-white/92 p-6 shadow-panel"><div class="grid gap-4"><div class="grid gap-2"><div class="skeleton rounded-2xl h-3 w-1/4 rounded"></div><div class="skeleton rounded-2xl h-10 w-full"></div></div><div class="grid gap-2"><div class="skeleton rounded-2xl h-3 w-1/4 rounded"></div><div class="skeleton rounded-2xl h-10 w-full"></div></div><div class="grid gap-2"><div class="skeleton rounded-2xl h-3 w-1/4 rounded"></div><div class="skeleton rounded-2xl h-10 w-full"></div></div></div><div class="skeleton rounded-2xl mt-6 h-11 w-32 rounded-full"></div></div><div class="rounded-[1.8rem] border border-black/8 bg-ink p-6 shadow-panel"><div class="h-7 w-16 rounded bg-white/15"></div><div class="skeleton rounded-2xl mt-4 h-20 w-full rounded bg-white/10"></div></div></div><!--/$--></div></section><template id="P:1d"></template><section class="mt-12 grid gap-8 xl:grid-cols-2"><div><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Примеры</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Примеры для этого инструмента</h2></div><div class="mt-8 grid gap-5"><template id="P:1e"></template><template id="P:1f"></template><template id="P:20"></template><template id="P:21"></template></div></div><div><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Связано</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Продолжить с похожими инструментами и темами</h2></div><div class="mt-8 grid gap-5"><template id="P:22"></template><template id="P:23"></template><template id="P:24"></template><template id="P:25"></template><template id="P:26"></template><template id="P:27"></template><template id="P:28"></template><template id="P:29"></template></div></div></section><template id="P:2a"></template></div><div class="fixed bottom-5 right-4 z-40 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-3 sm:bottom-6 sm:right-6"><button type="button" class="group inline-flex h-14 items-center gap-3 rounded-full bg-ink px-4 text-paper shadow-[0_18px_45px_rgba(20,18,16,0.24)] transition hover:-translate-y-0.5 hover:bg-black" aria-expanded="false" aria-label="Спросить Elysia"><span class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-paper text-ink transition group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-4 w-4" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span><span class="hidden text-sm font-semibold sm:inline">Спросить Elysia</span></button></div></main></div></div></div><script>$RS("S:2","P:2")</script><div hidden id="S:1c"><div class="relative grid min-w-0 gap-6 xl:grid-cols-[minmax(0,0.95fr)_minmax(360px,1.05fr)]"><form class="overflow-hidden rounded-xl border border-black/8 bg-white/92 shadow-panel"><div class="border-b border-black/8 bg-amber-50/70 p-5"><div class="flex flex-wrap items-center justify-between gap-3"><div><h3 class="text-sm font-semibold text-ink">Подготовленные примеры запуска</h3><p class="mt-1 text-xs leading-5 text-black/50">Нажмите пример, чтобы автоматически заполнить форму. Файлы по-прежнему нужно загрузить.</p></div><span class="rounded-full bg-white px-3 py-1 text-xs font-semibold text-amber-700">1 примеров</span></div><div class="mt-4 grid min-w-0 gap-3 lg:grid-cols-2"><div role="button" tabindex="0" class="min-w-0 cursor-pointer rounded-xl border border-amber-200 bg-white/88 p-4 text-left shadow-[0_10px_34px_rgba(245,158,11,0.08)] transition hover:border-amber-300 hover:shadow-[0_14px_40px_rgba(245,158,11,0.12)] focus:outline-none focus:ring-2 focus:ring-amber-300/70"><div class="block w-full min-w-0 text-left"><span class="inline-flex max-w-full items-center gap-2 text-sm font-semibold text-ink"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud-upload h-4 w-4 shrink-0 text-amber-600" aria-hidden="true"><path d="M12 13v8"></path><path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path><path d="m8 17 4-4 4 4"></path></svg><span class="truncate">Проверить лендинг с пропусками уровней и дублирующимися h1</span></span></div><span class="mt-2 block text-xs leading-5 text-black/55">Показывает дерево заголовков, дубликаты h1 и какие узлы стоит понизить или убрать из heading-разметки.</span><p class="mt-3 line-clamp-2 break-words text-xs leading-5 text-black/52"><div>Heading hierarchy tree</div></p><button type="button" class="mt-3 inline-flex items-center gap-2 rounded-full border border-amber-200 bg-amber-50 px-3 py-1.5 text-[11px] font-semibold text-amber-800 transition hover:border-amber-400 hover:bg-amber-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3.5 w-3.5" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Показать полный вывод</button></div></div></div><div class="border-b border-black/8 bg-[linear-gradient(135deg,rgba(255,255,255,0.96),rgba(248,250,252,0.78))] p-5"><div class="flex items-start justify-between gap-4"><div><h3 class="text-lg font-semibold text-ink">Ввод</h3><p class="mt-1 text-sm leading-6 text-black/54">Заполните нужные поля и запустите инструмент.</p></div><span class="shrink-0 rounded-full bg-canvas px-3 py-1 text-xs font-semibold text-black/54">4 параметров</span></div></div><div class="scroll-mt-24 p-5 lg:scroll-mt-6"><div class="grid gap-4"><details open="" class="group overflow-hidden rounded-[1.35rem] border border-black/8 bg-canvas/58"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-4 py-3 marker:content-none"><span><span class="block text-sm font-semibold text-ink">Содержимое</span><span class="mt-0.5 block text-xs leading-5 text-black/48">Вставьте или введите основные значения.</span></span><span class="flex items-center gap-2"><span class="rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-black/48">2</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-black/42 transition group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div class="grid min-w-0 grid-cols-[repeat(auto-fit,minmax(min(100%,18rem),1fr))] gap-3 border-t border-black/8 bg-white/48 p-3"><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 [grid-column:1/-1]"><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">HTML ввод</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">textarea</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Необязательно</span></span></span><textarea name="htmlInput" placeholder="<main><h1>Pricing</h1><h3>Plans</h3><h2>FAQ</h2></main>" aria-required="false" class="block w-full min-w-0 max-w-full rounded-lg border border-black/10 bg-canvas px-4 py-3 text-sm text-ink outline-none transition focus:border-cobalt focus:bg-white min-h-32 resize-y"></textarea></label><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 "><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">URL страницы</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">text</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Необязательно</span></span></span><input type="text" placeholder="https://example.com" aria-required="false" class="block w-full min-w-0 max-w-full rounded-lg border border-black/10 bg-canvas px-4 py-3 text-sm text-ink outline-none transition focus:border-cobalt focus:bg-white" name="pageUrl" value=""/></label></div></details><details open="" class="group overflow-hidden rounded-[1.35rem] border border-black/8 bg-canvas/58"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-4 py-3 marker:content-none"><span><span class="block text-sm font-semibold text-ink">Переключатели</span><span class="mt-0.5 block text-xs leading-5 text-black/48">Включайте или отключайте дополнительные режимы.</span></span><span class="flex items-center gap-2"><span class="rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-black/48">2</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-black/42 transition group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div class="grid min-w-0 grid-cols-[repeat(auto-fit,minmax(min(100%,18rem),1fr))] gap-3 border-t border-black/8 bg-white/48 p-3"><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 "><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">Сравнить с мета-заголовками</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">checkbox</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Необязательно</span></span></span><span class="flex min-w-0 items-center gap-3 rounded-lg bg-canvas px-4 py-3"><input type="checkbox" aria-required="false" class="h-5 w-5 rounded border-black/15 accent-ink" name="compareWithMetadataTitles" checked=""/><span class="min-w-0 text-sm text-black/58">Включено, если отмечено</span></span></label><label class="grid min-w-0 gap-2 overflow-hidden rounded-[1.15rem] border border-black/7 bg-white/74 p-4 "><span class="grid min-w-0 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"><span class="min-w-0 break-words text-sm font-semibold leading-5 text-ink">Показать исправления</span><span class="flex min-w-0 flex-wrap items-center gap-1.5 sm:justify-end"><span class="max-w-full truncate rounded-full bg-canvas px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-black/42">checkbox</span><span class="rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.12em] bg-black/5 text-black/42">Необязательно</span></span></span><span class="flex min-w-0 items-center gap-3 rounded-lg bg-canvas px-4 py-3"><input type="checkbox" aria-required="false" class="h-5 w-5 rounded border-black/15 accent-ink" name="showFixSuggestions" checked=""/><span class="min-w-0 text-sm text-black/58">Включено, если отмечено</span></span></label></div></details></div></div><div class="sticky bottom-0 border-t border-black/8 bg-white/94 p-5 backdrop-blur"><button type="submit" class="inline-flex w-full items-center justify-center gap-2 rounded-lg bg-ink px-5 py-3 text-xs font-semibold text-paper transition hover:bg-black disabled:opacity-60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-4 w-4" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg>Запустить инструмент</button></div></form><div class="scroll-mt-24 lg:scroll-mt-6"><div class="min-w-0 overflow-hidden rounded-xl border border-black/8 bg-ink text-paper shadow-panel"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-white/10 px-5 py-4"><div class="flex items-center gap-3"><span class="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-white/10 text-paper"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-4 w-4" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></span><div><h3 class="text-base font-semibold">Результат</h3><p class="mt-1 text-xs text-paper/58">Готово к запуску</p></div></div><div class="flex items-center gap-2"><button type="button" title="Отзыв / Запрос" aria-label="Отзыв / Запрос" class="inline-flex h-9 min-w-9 items-center justify-center rounded-lg border border-red-400/40 bg-red-500/15 px-3 text-xs font-semibold text-red-200 transition hover:bg-red-500/25"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-warning h-4 w-4" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path><path d="M12 15h.01"></path><path d="M12 7v4"></path></svg></button><button type="button" disabled="" title="Скопировать результат" class="inline-flex h-9 min-w-9 items-center justify-center rounded-lg border border-white/12 bg-white/8 px-3 text-xs font-semibold text-paper transition hover:bg-white/14 disabled:cursor-not-allowed disabled:opacity-45"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard h-4 w-4" aria-hidden="true"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path></svg></button><button type="button" disabled="" title="Скачать результат" class="inline-flex h-9 min-w-9 items-center justify-center rounded-lg border border-white/12 bg-white/8 px-3 text-xs font-semibold text-paper transition hover:bg-white/14 disabled:cursor-not-allowed disabled:opacity-45"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div><div class="min-w-0 p-3 sm:p-5"><div class="flex min-h-64 items-center justify-center rounded-lg border border-dashed border-white/16 bg-white/5 p-8 text-center text-sm leading-6 text-paper/58">После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.</div></div></div></div></div></div><script>$RC("B:1c","S:1c")</script><div hidden id="S:17"><a title="131 онлайн-инструмент для одновременной обработки нескольких файлов и текстов. Вычисления на сервере, автоматическое удаление файлов через 6 часов." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/ru/tags/multiple"><span>Множественная обработка</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">131</span></a></div><script>$RS("S:17","P:17")</script><div hidden id="S:18"><a title="77 онлайн-инструментов для работы с HTML, CSS и DOM. Быстрая обработка на сервере без установки программ. Загруженные файлы удаляются через 6 часов." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/ru/tags/html"><span>HTML/CSS</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">77</span></a></div><script>$RS("S:18","P:18")</script><div hidden id="S:19"><a title="62 онлайн-инструмента для анализа, редактирования и удаления метаданных файлов. Обработка выполняется на серверах Elysia Tools, файлы удаляются через 6 часов, текст не сохраняется." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/ru/tags/metadata"><span>Метаданные</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">62</span></a></div><script>$RS("S:19","P:19")</script><div hidden id="S:1a"><a title="31 инструмент для работы с URL: кодирование, декодирование, парсинг и валидация адресов. Обработка на серверах Elysia Tools без сохранения текста. Файлы удаляются через 6 часов." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/ru/tags/url"><span>URL</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">31</span></a></div><script>$RS("S:1a","P:1a")</script><div hidden id="S:1b"><a title="Набор из 14 онлайн-инструментов для SEO. Обработка данных выполняется на серверах Elysia Tools без сохранения текстовых данных. Загруженные файлы удаляются через 6 часов." class="group inline-flex items-center gap-2 rounded-lg border border-black/10 bg-canvas px-3 py-2 text-xs font-medium text-ink transition hover:border-cobalt/30 hover:bg-white" href="/ru/tags/seo"><span>SEO</span><span class="rounded-md bg-white px-2 py-0.5 text-[10px] text-black/48 group-hover:bg-ink group-hover:text-paper">14</span></a></div><script>$RS("S:1b","P:1b")</script><div hidden id="S:1d"><section aria-label="Helpful context and information" class="mt-12 overflow-hidden rounded-[2rem] border border-black/8 bg-white/86 shadow-panel"><div class="border-b border-black/8 bg-[linear-gradient(135deg,rgba(248,250,252,0.95),rgba(255,255,255,0.72))] p-8"><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.24em] text-ember">Руководство по использованию инструмента</p><h2 class="mt-3 font-display text-4xl leading-tight text-ink">Узнайте, когда использовать этот инструмент, что он поддерживает и как его применяют пользователи.</h2></div></div><div class="p-8"><section aria-labelledby="tool-facts-title" class="rounded-[1.5rem] border border-black/8 bg-canvas/75 p-5"><h3 id="tool-facts-title" class="text-base font-semibold text-ink">Ключевые факты</h3><dl class="mt-5 grid gap-4 sm:grid-cols-2 xl:grid-cols-5"><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Категория</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">Validation</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Типы ввода</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">textarea, text, checkbox</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Тип вывода</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">html</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">Покрытие примерами</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">4</dd></div><div class="rounded-2xl border border-black/6 bg-white/78 p-4"><dt class="text-[11px] font-semibold uppercase tracking-[0.18em] text-black/42">API доступен</dt><dd class="mt-2 text-sm font-semibold leading-6 text-ink">Да</dd></div></dl></section><section id="tool-overview" class="mt-8"><h3 class="text-lg font-semibold text-ink">Обзор</h3><p class="mt-3 max-w-4xl text-base leading-8 text-black/66">Аудитор Иерархии Заголовков позволяет быстро проанализировать семантическую структуру веб-страницы по вставленному HTML-коду или URL-адресу, выявляя пропущенные уровни заголовков, дублирование H1, пустые теги и расхождения с мета-тегами Title и Open Graph.</p></section><div class="mt-8 grid gap-6 xl:grid-cols-2"><section class="rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><h3 class="text-lg font-semibold text-ink">Когда использовать</h3><ul class="mt-4 space-y-3 text-sm leading-6 text-black/62"><li class="flex gap-3"><span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-cobalt"></span><span>При проведении технического SEO-аудита сайта для проверки правильности вложенности тегов H1-H6.</span></li><li class="flex gap-3"><span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-cobalt"></span><span>Перед публикацией новых посадочных страниц или шаблонов для исключения пропусков уровней заголовков.</span></li><li class="flex gap-3"><span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-cobalt"></span><span>При оптимизации мета-тегов для выявления расхождений между главным заголовком H1 и тегом Title.</span></li></ul></section><section class="rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><h3 class="text-lg font-semibold text-ink">Как это работает</h3><ol class="mt-4 space-y-3 text-sm leading-6 text-black/62"><li class="flex gap-3"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ink text-[11px] font-semibold text-paper">1</span><span>Вставьте исходный HTML-код страницы в поле ввода или укажите её прямой URL-адрес.</span></li><li class="flex gap-3"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ink text-[11px] font-semibold text-paper">2</span><span>Настройте параметры сравнения с мета-заголовками и отображения рекомендаций по исправлению.</span></li><li class="flex gap-3"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-ink text-[11px] font-semibold text-paper">3</span><span>Запустите анализ, чтобы получить интерактивное дерево заголовков с цветовой картой ошибок и подсказками по оптимизации.</span></li></ol></section></div><section id="tool-use-cases" class="mt-8"><h3 class="text-lg font-semibold text-ink">Сценарии использования</h3><ul class="mt-4 grid gap-3 md:grid-cols-3 text-sm leading-6 text-black/62"><li class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-4">Проверка семантической разметки шаблонов CMS перед запуском интернет-магазина.</li><li class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-4">Анализ конкурентов путем сканирования их посадочных страниц по URL для изучения структуры контента.</li><li class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-4">Быстрый аудит доступности (accessibility) веб-страниц на соответствие стандартам разметки заголовков.</li></ul></section><section id="tool-examples" class="mt-8"><h3 class="text-lg font-semibold text-ink">Примеры</h3><div class="mt-4 grid gap-5 xl:grid-cols-2"><article class="min-w-0 overflow-hidden rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><div class="flex items-start justify-between gap-4"><h4 class="text-lg font-semibold text-ink">1<!-- -->. <!-- -->Исправление структуры заголовков на главной странице</h4><span class="shrink-0 rounded-full bg-cobalt/10 px-3 py-1 text-xs font-semibold text-cobalt">SEO-специалист</span></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Контекст</p><p class="mt-2 text-sm leading-6 text-black/62">При аудите главной страницы сайта услуг было обнаружено, что структура заголовков хаотична: после H1 сразу идет H3, а некоторые кнопки сверстаны как H4.</p></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Проблема</p><p class="mt-2 text-sm leading-6 text-black/62">Необходимо быстро локализовать все нарушения вложенности и найти элементы интерфейса, ошибочно размеченные как заголовки.</p></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Как использовать</p><p class="mt-2 text-sm leading-6 text-black/62">Вставьте HTML-код главной страницы в поле «HTML ввод», включите опцию «Показать исправления» и запустите проверку.</p></div><pre class="mt-4 max-w-full overflow-x-auto whitespace-pre-wrap break-words rounded-2xl bg-ink p-4 text-xs leading-6 text-paper"><code>{
"htmlInput": "<html><body><h1>Услуги</h1><h3>Наши преимущества</h3><h4 class=\"btn\">Заказать звонок</h4></body></html>",
"showFixSuggestions": true
}</code></pre><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Результат</p><p class="mt-2 text-sm leading-6 text-black/62">Инструмент построил дерево заголовков, подсветил пропуск уровня (H1 -> H3) и пометил H4 как вероятный декоративный элемент, предложив заменить его на обычную кнопку.</p></div></article><article class="min-w-0 overflow-hidden rounded-[1.5rem] border border-black/8 bg-canvas/70 p-5"><div class="flex items-start justify-between gap-4"><h4 class="text-lg font-semibold text-ink">2<!-- -->. <!-- -->Синхронизация H1 и мета-тегов для блога</h4><span class="shrink-0 rounded-full bg-cobalt/10 px-3 py-1 text-xs font-semibold text-cobalt">Контент-маркетолог</span></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Контекст</p><p class="mt-2 text-sm leading-6 text-black/62">Статьи в блоге публикуются через CMS, где заголовок статьи (H1) часто отличается от прописанного SEO-специалистом тега Title и og:title.</p></div><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Проблема</p><p class="mt-2 text-sm leading-6 text-black/62">Нужно проверить соответствие видимого заголовка страницы мета-данным для улучшения кликабельности в поисковой выдаче.</p></div><template id="P:2b"></template><template id="P:2c"></template><template id="P:2d"></template></article></div></section><section id="tool-faq" class="mt-8" itemScope="" itemType="https://schema.org/FAQPage"><h3 class="text-lg font-semibold text-ink">FAQ</h3><div class="mt-4 grid gap-4"><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Почему важно избегать пропусков в уровнях заголовков (например, H1 сразу к H3)?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Пропуски нарушают логическую структуру документа, что ухудшает доступность сайта для скринридеров и затрудняет индексацию контента поисковыми роботами.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Можно ли использовать несколько заголовков H1 на одной странице?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Стандарт HTML5 допускает это, однако для лучшей SEO-оптимизации рекомендуется использовать только один главный заголовок H1 на страницу.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Как инструмент определяет декоративное использование заголовков?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Инструмент находит короткие фразы, кнопки или элементы интерфейса, обернутые в теги H1-H6 исключительно ради визуального стиля, и предлагает заменить их на CSS-классы.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Что делать, если H1 не совпадает с тегом Title?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Рекомендуется делать их похожими по смыслу. Инструмент подсветит сильные расхождения, чтобы вы могли скорректировать мета-теги или текст на странице.</p></div></details><details class="rounded-[1.25rem] border border-black/8 bg-canvas/70 p-5" itemScope="" itemProp="mainEntity" itemType="https://schema.org/Question"><summary class="cursor-pointer text-base font-semibold text-ink" itemProp="name">Работает ли проверка с динамическим контентом по URL?</summary><div itemProp="acceptedAnswer" itemScope="" itemType="https://schema.org/Answer"><template id="P:2e"></template></div></details></div></section></div></section></div><script>$RS("S:1d","P:1d")</script><div hidden id="S:5"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/ru"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-4 w-4 text-ember" aria-hidden="true"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg>Главная</span></a></div><script>$RS("S:5","P:5")</script><div hidden id="S:6"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/ru/tools"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-ember" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Инструменты</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">2389</span></a></div><script>$RS("S:6","P:6")</script><div hidden id="S:7"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/ru/samples"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-library h-4 w-4 text-ember" aria-hidden="true"><path d="m16 6 4 14"></path><path d="M12 6v14"></path><path d="M8 8v12"></path><path d="M4 4v16"></path></svg>Примеры</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">532</span></a></div><script>$RS("S:7","P:7")</script><div hidden id="S:8"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/ru/visualizations"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4 text-ember" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Визуализации</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">368</span></a></div><script>$RS("S:8","P:8")</script><div hidden id="S:9"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/ru/viewers"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-4 w-4 text-ember" aria-hidden="true"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg>Средства просмотра файлов</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">45</span></a></div><script>$RS("S:9","P:9")</script><div hidden id="S:a"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/ru/hubs"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4 text-ember" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Темы</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">115</span></a></div><script>$RS("S:a","P:a")</script><div hidden id="S:b"><a class="flex items-center justify-between rounded-2xl border border-transparent px-4 py-3 text-sm font-medium text-ink transition hover:border-black/10 hover:bg-white" href="/ru/tags"><span class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-4 w-4 text-ember" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Теги</span><span class="rounded-full bg-ink px-2.5 py-1 text-[10px] uppercase tracking-[0.18em] text-paper">312</span></a></div><script>$RS("S:b","P:b")</script><div hidden id="S:c"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/ru/tools?category=Images%2C%20Audio%20%26%20Video"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Изображения, аудио и видео</span><span class="text-xs text-black/45">507</span></div><p class="mt-1 text-xs leading-5 text-black/55">Инструменты для обработки, конвертации и оптимизации изображений, аудио и видео</p></a></div><script>$RS("S:c","P:c")</script><div hidden id="S:d"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/ru/tools?category=Math%2C%20Date%20%26%20Finance"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Математика, даты и финансы</span><span class="text-xs text-black/45">448</span></div><p class="mt-1 text-xs leading-5 text-black/55">Калькуляторы, числовые инструменты, логика дат, статистика и финансы</p></a></div><script>$RS("S:d","P:d")</script><div hidden id="S:e"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/ru/tools?category=Design%20%26%20Color"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Дизайн и цвет</span><span class="text-xs text-black/45">281</span></div><p class="mt-1 text-xs leading-5 text-black/55">Инструменты для цвета, макетов, графики, визуального стиля и дизайна</p></a></div><script>$RS("S:e","P:e")</script><div hidden id="S:f"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/ru/tools?category=Text%20%26%20Writing"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Текст и письмо</span><span class="text-xs text-black/45">183</span></div><p class="mt-1 text-xs leading-5 text-black/55">Инструменты для письма, очистки, форматирования, извлечения и анализа текста</p></a></div><script>$RS("S:f","P:f")</script><div hidden id="S:10"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/ru/tools?category=Conversion%20%26%20Encoding"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Преобразование и кодирование</span><span class="text-xs text-black/45">160</span></div><p class="mt-1 text-xs leading-5 text-black/55">Инструменты для преобразования форматов, файлов, архивов, единиц и кодировок</p></a></div><script>$RS("S:10","P:10")</script><div hidden id="S:11"><a class="block rounded-2xl border border-black/8 bg-white/85 px-4 py-3 transition hover:border-cobalt/30 hover:bg-white" href="/ru/tools?category=Developer%20%26%20Web"><div class="flex items-center justify-between gap-4"><span class="text-sm font-medium text-ink">Разработка и Web</span><span class="text-xs text-black/45">150</span></div><p class="mt-1 text-xs leading-5 text-black/55">Инструменты разработчика, сетевые утилиты, веб-отладка и автоматизация</p></a></div><script>$RS("S:11","P:11")</script><div hidden id="S:12"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/ru/hubs/audio-convert">Инструменты кодирования и конвертации аудио</a></div><script>$RS("S:12","P:12")</script><div hidden id="S:13"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/ru/hubs/image-convert">Инструменты конвертации форматов изображений и анимированного экспорта</a></div><script>$RS("S:13","P:13")</script><div hidden id="S:14"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/ru/hubs/json-convert">Инструменты JSON-обмена и перевода форматов</a></div><script>$RS("S:14","P:14")</script><div hidden id="S:15"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/ru/hubs/design-convert">Инструменты перевода цветовых пространств для веба и печати</a></div><script>$RS("S:15","P:15")</script><div hidden id="S:16"><a class="block rounded-2xl border border-black/8 bg-white/75 px-4 py-3 text-sm leading-5 text-ink transition hover:border-ember/35 hover:bg-white" href="/ru/hubs/text-convert">Инструменты конвертации регистра, кодировки и нормализации текста</a></div><script>$RS("S:16","P:16")</script><div hidden id="S:2a"><footer class="mt-12 border-t border-black/8 bg-canvas/70"><div class="mx-auto flex max-w-[88rem] flex-col items-center justify-between gap-3 px-4 py-6 text-xs text-black/48 sm:flex-row sm:px-6 lg:px-10"><p>© <!-- -->2026<!-- --> Elysia Tools. <!-- -->Все права защищены.</p><nav class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2"><a class="transition hover:text-ink" href="/ru/docs">Документация</a><a class="transition hover:text-ink" href="/ru/terms">Условия использования</a><a class="transition hover:text-ink" href="/ru/privacy">Политика конфиденциальности</a><a class="transition hover:text-ink" href="/ru/contact">Контакты</a></nav></div></footer></div><script>$RS("S:2a","P:2a")</script><div hidden id="S:1e"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/ru/samples/contentful-samples"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>CMS</div><h3 class="mt-4 text-lg font-semibold text-ink">Примеры Contentful Облачного CMS</h3><p class="mt-3 text-sm leading-6 text-black/60">Комплексные примеры Contentful, охватывающие моделирование контента, интеграцию API, вебхуки и паттерны фронтенд-интеграции</p></a></div><script>$RS("S:1e","P:1e")</script><div hidden id="S:1f"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/ru/samples/html-with-images"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Text Processing</div><h3 class="mt-4 text-lg font-semibold text-ink">Примеры HTML с изображениями</h3><p class="mt-3 text-sm leading-6 text-black/60">Примеры исходного кода HTML с изображениями для тестирования извлечения</p></a></div><script>$RS("S:1f","P:1f")</script><div hidden id="S:20"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/ru/samples/jwt-samples"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Security</div><h3 class="mt-4 text-lg font-semibold text-ink">Примеры JWT</h3><p class="mt-3 text-sm leading-6 text-black/60">Полные примеры JWT от базовой структуры токенов до продвинутых реализаций безопасности</p></a></div><script>$RS("S:20","P:20")</script><div hidden id="S:21"><a class="rounded-[1.5rem] border border-black/8 bg-white/80 p-5 transition hover:border-cobalt/30 hover:bg-white" href="/ru/samples/sanity-samples"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-cobalt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>CMS</div><h3 class="mt-4 text-lg font-semibold text-ink">Примеры Sanity CMS в реальном времени</h3><p class="mt-3 text-sm leading-6 text-black/60">Комплексные примеры Sanity, охватывающие моделирование контента, интеграцию API и паттерны развертывания</p></a></div><script>$RS("S:21","P:21")</script><div hidden id="S:22"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/ru/tools/screen-reader-simulation-tester"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Validation</p><h3 class="mt-3 text-xl font-semibold text-ink">Симулятор скринридера</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Имитирует порядок чтения и озвучиваемую семантику скринридера по URL или HTML</p></a></div><script>$RS("S:22","P:22")</script><div hidden id="S:23"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/ru/tools/html-attribute-extractor"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Development</p><h3 class="mt-3 text-xl font-semibold text-ink">Извлекатель атрибутов HTML</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Извлекает указанные атрибуты (href, src, data-*, и т.д.) из HTML-контента с поддержкой фильтрации по именам тегов</p></a></div><script>$RS("S:23","P:23")</script><div hidden id="S:24"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/ru/tools/image-source-extractor"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Text Processing</p><h3 class="mt-3 text-xl font-semibold text-ink">Извлекатель Источников Изображений</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Извлеките URL-адреса изображений (атрибуты src) из HTML-исходного кода. Поддерживает ленивую загрузку изображений и атрибуты srcset.</p></a></div><script>$RS("S:24","P:24")</script><div hidden id="S:25"><a class="group rounded-[1.75rem] border border-black/8 bg-white/90 p-5 shadow-panel transition hover:-translate-y-1 hover:border-ember/40" href="/ru/tools/meta-tag-extractor"><div class="flex items-start justify-between gap-4"><div><p class="text-[11px] font-semibold uppercase tracking-[0.24em] text-black/45">Development</p><h3 class="mt-3 text-xl font-semibold text-ink">Извлекатель Meta-тегов</h3></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 text-ember transition group-hover:translate-x-1 group-hover:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><p class="mt-4 line-clamp-3 text-sm leading-6 text-black/62">Извлекает и анализирует meta-теги, Open Graph, Twitter Cards и структурированные данные с веб-страниц</p></a></div><script>$RS("S:25","P:25")</script><div hidden id="S:26"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/ru/hubs/html-convert"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Тема</div><h3 class="mt-4 font-display text-2xl leading-tight">Инструменты извлечения, очистки и экспорта HTML в Markdown/PDF</h3><p class="mt-3 text-sm leading-6 text-paper/78">Сравните инструменты очистки HTML, извлечения атрибутов и ссылок на изображения, HTML в Markdown и HTML в PDF в одном хабе для веб-конвертации контента.</p></a></div><script>$RS("S:26","P:26")</script><div hidden id="S:27"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/ru/hubs/web-accessibility-audits"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Тема</div><h3 class="mt-4 font-display text-2xl leading-tight">Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov</h3><p class="mt-3 text-sm leading-6 text-paper/78">Proveryayte problemy WCAG, porjadok chteniya dlya screen reader, oshibki kontrasta, riski dlya narushenij cvetovogo zreniya i dostupnye cvetovye resheniya v odnom hube dlya web-accessibility workflow.</p></a></div><script>$RS("S:27","P:27")</script><div hidden id="S:28"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/ru/hubs/audio-convert"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Тема</div><h3 class="mt-4 font-display text-2xl leading-tight">Инструменты кодирования и конвертации аудио</h3><p class="mt-3 text-sm leading-6 text-paper/78">Сравните инструменты конвертации аудиоформатов, изменения битрейта, частоты дискретизации, смены кодека и экспорта в одном хабе.</p></a></div><script>$RS("S:28","P:28")</script><div hidden id="S:29"><a class="rounded-[1.6rem] border border-black/8 bg-[linear-gradient(155deg,#141414_0%,#25314d_52%,#355e95_100%)] p-5 text-paper shadow-panel transition hover:-translate-y-1 hover:shadow-[0_24px_60px_rgba(23,35,56,0.22)]" href="/ru/hubs/image-convert"><div class="flex items-center gap-3 text-xs uppercase tracking-[0.22em] text-paper/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>Тема</div><h3 class="mt-4 font-display text-2xl leading-tight">Инструменты конвертации форматов изображений и анимированного экспорта</h3><p class="mt-3 text-sm leading-6 text-paper/78">Сравните конвертеры JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 и инструменты экспорта анимированных изображений в одном хабе.</p></a></div><script>$RS("S:29","P:29")</script><div hidden id="S:2b"><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Как использовать</p><p class="mt-2 text-sm leading-6 text-black/62">Укажите URL опубликованной статьи в поле «URL страницы», активируйте чекбокс «Сравнить с мета-заголовками» и нажмите кнопку анализа.</p></div></div><script>$RS("S:2b","P:2b")</script><div hidden id="S:2c"><pre class="mt-4 max-w-full overflow-x-auto whitespace-pre-wrap break-words rounded-2xl bg-ink p-4 text-xs leading-6 text-paper"><code>{
"pageUrl": "https://example.com/blog/seo-tips",
"compareWithMetadataTitles": true
}</code></pre></div><script>$RS("S:2c","P:2c")</script><div hidden id="S:2d"><div class="mt-4"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-black/42">Результат</p><p class="mt-2 text-sm leading-6 text-black/62">Отчет показал расхождение: H1 содержал краткое название, тогда как Title был оптимизирован под ключевые слова. Это позволило быстро скорректировать разметку.</p></div></div><script>$RS("S:2d","P:2d")</script><div hidden id="S:2e"><p class="mt-3 text-sm leading-6 text-black/62" itemProp="text">Инструмент анализирует HTML-код, полученный по указанному URL. Для SPA-сайтов с рендерингом на клиенте лучше скопировать итоговый HTML-код из инспектора браузера и вставить его в поле ввода.</p></div><script>$RS("S:2e","P:2e")</script><script>$RC("B:1","S:1")</script></body></html>