Rose Digital
Назад в блог
Создание сайтов2026-03-27

Команды для создания сайта HTML в Блокноте — пошаговый набор тегов и примеры

Все команды и теги для создания сайта HTML в Блокноте: пошаговый шаблон, примеры сохранения и SEO-оптимизации страницы для поисковиков ✅

Короткий ответ: Чтобы создать сайт HTML в Блокноте, используйте базовые команды/теги: , , с и </code>, затем <code><body></code>. Сохраните файл с расширением <code>.html</code> и откройте в браузере. Ниже — полный пошаговый шаблон, пояснения и SEO-подсказки.</p> <h2 id="краткое-содержание">Краткое содержание</h2> <ul> <li><a href='#podgotovka'>Подготовка: что нужно перед началом</a></li> <li><a href='#bazovyi-karcas'>Базовый каркас HTML: главные команды</a></li> <li><a href='#osnovnye-tegi'>Основные теги и примеры использования</a></li> <li><a href='#sohranenie-otkrytie'>Сохранение файла и открытие в браузере</a></li> <li><a href='#primer-stranitsy'>Простой рабочий пример страницы</a></li> <li><a href='#seo-optimizaciya'>SEO-оптимизация HTML-файла</a></li> <li><a href='#stil-i-script'>Подключение CSS и JS из Блокнота</a></li> <li><a href='#otladka'>Отладка и проверка страницы</a></li> <li><a href='#chastye-oshibki'>Частые ошибки и как их избегать</a></li> <li><a href='#faq'>FAQ — ответы на популярные вопросы</a></li> <li><a href='#cta'>Как мы можем помочь дальше</a></li> </ul> <h2 id='podgotovka'>Подготовка: что нужно перед началом</h2> <p>Перед тем как писать HTML в Блокноте, убедитесь, что у вас готовы простые вещи: компьютер с Windows, установлен Блокнот (или Notepad++/VS Code, если вы хотите чуть больше удобств), браузер (Chrome/Firefox/Edge), и папка для проекта. Для SEO-ориентированного сайта заранее продумайте структуру разделов, базовые ключевые фразы и список страниц — это сэкономит время при дальнейшем развитии проекта.</p> <p>Рекомендации по организации папки проекта:</p> <ul> <li>Создайте корневую папку проекта: <code>my-site</code></li> <li>В ней создайте папки <code>css</code>, <code>js</code>, <code>images</code></li> <li>Первый файл — <code>index.html</code> в корне</li> <li>Для локального теста можно создать <code>robots.txt</code> и <code>sitemap.xml</code> позже</li> </ul> <h2 id='bazovyi-karcas'>Базовый каркас HTML: главные команды</h2> <p>Ниже — минимально требуемый «скелет» HTML-документа. В нём уже заложены главные команды (теги), которые должны присутствовать в каждой странице:</p> <pre><code><!DOCTYPE html> <html lang='ru'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Заголовок страницы — ключевая фраза

Ключевые команды/теги в этом каркасе:

  • — указывает браузеру, что документ использует HTML5.
  • — задаёт язык документа для поисковых систем и экранных читателей.
  • — кодировка, обязательна для корректного отображения кириллицы.
  • — делает страницу адаптивной на мобильных устройствах.
  • </code> и <code><meta name='description'></code> — основной SEO-контент в заголовке страницы.</li> </ul> <h2 id='osnovnye-tegi'>Основные теги и примеры использования</h2> <p>Ниже — список часто используемых тегов и то, как их применять при создании сайта в Блокноте.</p> <h3 id="базовые-структурные-теги">Базовые структурные теги</h3> <ul> <li><code><header></code> — верхняя часть страницы, логотип, меню.</li> <li><code><nav></code> — навигация (ссылки на разделы).</li> <li><code><main></code> — основной контент страницы.</li> <li><code><article></code> — самостоятельный блок контента (статья, товар).</li> <li><code><section></code> — логический раздел внутри страницы.</li> <li><code><aside></code> — боковая колонка, виджеты.</li> <li><code><footer></code> — подвал сайта.</li> </ul> <h3 id="заголовки-и-текст">Заголовки и текст</h3> <pre><code><h1>Главный заголовок страницы</h1> <h2 id="раздел-статьи">Раздел статьи</h2> <p>Параграф текста.</p> <ul> <li>Пункт списка</li> </ul> </code></pre> <p>Важно: на странице должен быть один <code><h1></code>, он наиболее значим для SEO. Остальные заголовки распределяйте логически: H2 — разделы, H3 — подразделы.</p> <h3 id="ссылки-и-изображения">Ссылки и изображения</h3> <pre><code><a href='page.html' title='Перейти на страницу'>Текст ссылки</a> <img src='images/photo.jpg' alt='Описание изображения' width='600' height='400'> </code></pre> <p>Для SEO и доступности всегда указывайте <code>alt</code> у изображений и понятные тексты ссылок. Не используйте «чёрные» href типа <code>#</code> без смысла.</p> <h3 id="формы">Формы</h3> <pre><code><form action='send.php' method='post'> <label for='name'>Имя</label> <input id='name' name='name' type='text' required> <button type='submit'>Отправить</button> </form> </code></pre> <p>Если вы создаёте статическую страницу без backend, формы можно настроить на сторонние сервисы либо обрабатывать через JavaScript. Но для SEO-видимости форм особых требований нет — важно, чтобы контент был видимым для поисковых роботов.</p> <h2 id='sohranenie-otkrytie'>Сохранение файла и открытие в браузере</h2> <p>Как правильно сохранить HTML-файл в Блокноте:</p> <ol> <li>Файл -> Сохранить как.</li> <li>Укажите имя <code>index.html</code> (важно: расширение .html, не .txt).</li> <li>В поле «Кодировка» выберите <code>UTF-8</code> (если доступно) или <code>ANSI</code> для старых систем, но предпочтительно UTF-8.</li> <li>Тип файла — «Все файлы» (All Files), чтобы Windows не добавил .txt.</li> </ol> <p>Откройте полученный файл двойным кликом — по умолчанию откроется в браузере. Для обновления изменений используйте F5 или Ctrl+R.</p> <h2 id='primer-stranitsy'>Простой рабочий пример страницы</h2> <p>Ниже полный минимальный пример страницы с простым стилем. Скопируйте в Блокнот и сохраните как <code>index.html</code>:</p> <pre><code><!DOCTYPE html> <html lang='ru'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Пример сайта на HTML

    Название компании

    Привет, мир!

    Это пример простой страницы, созданной в Блокноте.

    © 2026 Название компании

    Этот пример показывает минимальный набор команд для рендера чистой страницы. Дальше можно вынести CSS в отдельный файл css/styles.css и подключить скрипты.

    SEO-оптимизация HTML-файла (что важно прямо в коде)

    Поскольку наша позиция — SEO-first, разберём, какие команды и теги важны для поисковой видимости уже на этапе верстки в Блокноте.

    Title и meta description

    Тег </code> — самый важный элемент страницы для ранжирования и кликов в выдаче. Делайте уникальные заголовки для каждой страницы с ключевой фразой в начале, но естественно. <code><meta name='description'></code> не влияет напрямую на ранжирование, но влияет на CTR.</p> <h3 id="структура-заголовков">Структура заголовков</h3> <p>Используйте одну H1 и логическую иерархию H2-H3. Поисковики анализируют структуру для определения темы страницы.</p> <h3 id="атрибуты-изображений">Атрибуты изображений</h3> <p>Атрибут <code>alt</code> помогает поисковикам понять изображение. Подбирайте описательные alt-тексты с релевантными ключами, но не спамьте.</p> <h3 id="семантические-теги">Семантические теги</h3> <p>Использование <code><article></code>, <code><section></code>, <code><nav></code> помогает роботам лучше понимать контент. Семантика — это простой технический шаг, который улучшает восприятие страницы поисковиками.</p> <h3 id="каноникализация-и-мета-robots">Каноникализация и мета robots</h3> <pre><code><link rel='canonical' href='https://example.com/page.html'> <meta name='robots' content='index, follow'> </code></pre> <p>Добавляйте <code>canonical</code>, если у вас может появиться дублирующийся контент, и контролируйте индексацию с помощью <code>robots</code>.</p> <h3 id="структурированные-данные-микроразметка">Структурированные данные (микроразметка)</h3> <p>Даже из Блокнота можно вставить JSON-LD в <code><head></code> для сниппетов (организация, хлебные крошки, ошибки). Пример:</p> <pre><code><script type='application/ld+json'> { "@context":"https://schema.org", "@type":"Organization", "name":"Название компании", "url":"https://example.com", "logo":"https://example.com/images/logo.png" } </script> </code></pre> <p>Это улучшает видимость в выдаче и повышает доверие к сайту.</p> <h2 id='stil-i-script'>Подключение CSS и JS из Блокнота</h2> <p>Если вы хотите отделить стили и скрипты, создайте файлы <code>css/styles.css</code> и <code>js/scripts.js</code>. Примеры подключений:</p> <pre><code><link rel='stylesheet' href='css/styles.css'> <script src='js/scripts.js' defer></script> </code></pre> <p>Советы по подключению скриптов:</p> <ul> <li>Используйте атрибут <code>defer</code> для внешних скриптов, чтобы не блокировать рендеринг страницы.</li> <li>Минимизируйте инлайновый JavaScript — он усложняет кеширование и анализ кода поисковиками.</li> </ul> <h2 id='otladka'>Отладка и проверка страницы</h2> <p>Как тестировать страницу, созданную в Блокноте:</p> <ul> <li>Откройте в браузере и используйте инструменты разработчика (F12) для проверки консоли и сетевых запросов.</li> <li>Проверьте адаптивность через responsive mode в DevTools или вручную меняя размер окна.</li> <li>Проверьте валидность разметки через валидатор HTML (локально можно анализировать по ошибкам в консоли).</li> <li>Проверьте скорость загрузки: даже базовый HTML влияет — уменьшите тяжелые изображения.</li> </ul> <h2 id='chastye-oshibki'>Частые ошибки и как их избегать</h2> <ul> <li>Сохранение как <code>.txt</code> вместо <code>.html</code> — проверьте расширение файла.</li> <li>Неправильная кодировка — используйте UTF-8 и укажите <code><meta charset='utf-8'></code>.</li> <li>Несоблюдение одной H1 на странице — влияет на структуру и SEO.</li> <li>Отсутствие <code>alt</code> у изображений — снижает доступность и SEO-потенциал.</li> <li>Инлайновые большие стили и скрипты — затрудняют поддержание и кеширование.</li> </ul> <h2 id='faq'>FAQ</h2> <h3 id="1-какие-команды-html-нужно-знать-чтобы-начать">1. Какие «команды» HTML нужно знать, чтобы начать?</h3> <p>Начать достаточно с набора: <code><!DOCTYPE html></code>, <code><html lang='ru'></code>, <code><head></code> (meta charset, viewport, title, description), <code><body></code>, заголовки <code><h1>—<h6></code>, параграфы <code><p></code>, ссылки <code><a></code>, изображения <code><img></code>, списки, формы. Эти теги покрывают базовые потребности любой страницы.</p> <h3 id="2-нужно-ли-учить-javascript-чтобы-сделать-сайт-в-блокноте">2. Нужно ли учить JavaScript, чтобы сделать сайт в Блокноте?</h3> <p>Нет, для простого контента и Landing Page достаточно HTML и CSS. JS нужен для интерактивности (валидация форм, динамическая галерея и т.д.). Но с точки зрения SEO статический HTML — самый стабильный и предсказуемый вариант для индексации.</p> <h3 id="3-как-правильно-сохранить-файл-в-utf-8-в-блокноте">3. Как правильно сохранить файл в UTF-8 в Блокноте?</h3> <p>В Блокноте выберите Файл → Сохранить как. Внизу диалога в поле «Кодировка» выберите «UTF-8», укажите имя с расширением <code>index.html</code> и тип «Все файлы».</p> <h3 id="4-можно-ли-создать-многостраничный-сайт-только-в-блокноте">4. Можно ли создать многостраничный сайт только в Блокноте?</h3> <p>Да, можно. Для каждой страницы создавайте отдельный <code>.html</code>-файл (index.html, about.html, services.html) и объединяйте их ссылками в навигации. Однако для масштабных проектов удобнее использовать редакторы и систему сборки. С точки зрения маркетинга и SEO, важно продумать структуру URL и внутреннюю перелинковку.</p> <h3 id="5-нужен-ли-сервер-для-того-чтобы-страница-отображалась-корректно">5. Нужен ли сервер для того, чтобы страница отображалась корректно?</h3> <p>Для базовой разработки сервер не обязателен — файл можно открыть локально. Но для тестов динамических функций (Формы с backend, AJAX, серверные редиректы) нужен локальный или удалённый сервер.</p> <h3 id="6-как-сделать-страницу-быстрой-и-seo-дружелюбной-прямо-из-блокнота">6. Как сделать страницу быстрой и SEO-дружелюбной прямо из Блокнота?</h3> <p>Оптимизируйте изображения (webp, компрессия), минимизируйте CSS/JS, используйте CDN для библиотек (если требуется), включите кеширование на стороне сервера при размещении. На этапе верстки используйте семантику и чистый код — это закладывает базу для дальнейшей оптимизации.</p> <h2 id='cta'>Как мы можем помочь дальше</h2> <p>Если вам нужно не только создать страницу в Блокноте, но и превратить её в устойчивый источник трафика — SEO является основой. В Rose Digital мы делаем техническую верстку, оптимизацию и продвижение сайтов как комплексную услугу: от структуры и контента до роста позиций и трафика. Ознакомьтесь с нашими услугами по созданию и продвижению сайтов: <a href='/sozdanie-i-prodvizhenie-saitov'>услуги по созданию и продвижению сайтов</a>, а также с реальными примерами работ в разделе <a href='/cases'>кейсы агентства</a>. Платная реклама может ускорить результат, но основа — SEO.</p> </div> </div><nav class="mt-14 pt-10 border-t border-white/5 grid grid-cols-1 sm:grid-cols-2 gap-4" aria-label="Соседние статьи"><div class="min-w-0"><a class="block rounded-2xl border border-white/10 bg-gray-900/50 p-5 hover:border-rose/30 transition-colors" href="/blog/kolltreking-dlya-yandeks-direkt"><span class="text-xs text-gray-500 uppercase tracking-wide">Предыдущая</span><p class="mt-2 font-semibold text-white line-clamp-2">Коллтрекинг для Яндекс.Директ: как настроить и использовать эффективно</p></a></div><div class="min-w-0 sm:text-right"><a class="block rounded-2xl border border-white/10 bg-gray-900/50 p-5 hover:border-rose/30 transition-colors sm:ml-auto" href="/blog/kombinator-klyuchevyh-fraz-yandeks-direkt"><span class="text-xs text-gray-500 uppercase tracking-wide">Следующая</span><p class="mt-2 font-semibold text-white line-clamp-2">Комбинатор ключевых фраз для Яндекс.Директ: как быстро собрать рабочие группы объявлений</p></a></div></nav><div class="mt-16 pt-8 border-t border-white/5"><div class="bg-gray-900 border border-white/5 rounded-2xl p-8 text-center"><h3 class="text-xl font-bold mb-2">Хотите такие же результаты?</h3><p class="text-gray-400 mb-6">Оставьте заявку — разберём ваш сайт и покажем точки роста</p><a class="inline-flex items-center justify-center px-6 py-3 bg-rose hover:bg-rose-light text-white font-semibold rounded-full transition-colors" href="/#cta">Получить аудит</a></div></div></div></article><!--$--><!--/$--></main><footer class="bg-gray-900 border-t border-white/5"><div class="max-w-7xl mx-auto px-6 py-16"><div class="grid grid-cols-1 md:grid-cols-4 gap-12"><div class="md:col-span-2"><a class="inline-flex mb-4 text-lg font-bold" href="/">Rose <span class="text-rose">Digital</span></a><p class="text-gray-500 text-sm max-w-sm leading-relaxed">Масштабное SEO-продвижение сайтов. Калининград и вся Россия. Системный захват поискового спроса для вашего бизнеса.</p></div><div><p class="text-sm font-semibold text-white mb-4 uppercase tracking-wider">Навигация</p><ul class="space-y-3"><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/#approach">Подход</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/#pricing">Тарифы</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/sozdanie-i-prodvizhenie-saitov">Создание сайтов</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/blog">Блог</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/cases">Кейсы</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/#cta">Связаться</a></li></ul></div><div><p class="text-sm font-semibold text-white mb-4 uppercase tracking-wider">Блог</p><ul class="space-y-3"><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/blog?category=seo">SEO</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/blog?category=yandex-direct">Яндекс Директ</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/blog?category=website-creation">Создание сайтов</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/blog?category=regions">Продвижение в регионах</a></li><li><a class="text-sm text-gray-500 hover:text-rose transition-colors" href="/blog?category=kaliningrad">Калининград</a></li></ul></div><div><p class="text-sm font-semibold text-white mb-4 uppercase tracking-wider">Контакты</p><ul class="space-y-3"><li><a href="https://t.me/arinarosenberg" target="_blank" rel="noreferrer" class="text-sm text-gray-500 hover:text-rose transition-colors inline-flex items-center gap-2"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M21.5 4.5a1 1 0 00-1.08-.17L3.64 11.13a1 1 0 00.06 1.86l3.9 1.3 1.3 3.91a1 1 0 001.67.43l2.18-2.17 3.96 2.64a1 1 0 001.53-.62l3-13a1 1 0 00-.74-1.18zM9.4 13.93l-.74 2.22-.74-2.22-2.22-.74 11.67-4.86-8.71 5.6a1 1 0 00-.39.53l1.13-.53z"></path></svg>@arinarosenberg</a></li><li><a href="mailto:rozenberg.arin@yandex.ru" class="text-sm text-gray-500 hover:text-rose transition-colors inline-flex items-center gap-2"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="M4 7l8 6 8-6"></path></svg>rozenberg.arin@yandex.ru</a></li></ul></div></div><div class="mt-12 pt-8 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-4"><div class="text-center md:text-left"><p class="text-xs text-gray-600">©<!-- --> <span>2026</span> <!-- -->Rose Digital. Все права защищены.</p><p class="text-xs text-gray-600 mt-1">ИП Розенберг Арина Владимировна · ИНН 744513659376 · ОГРНИП 323745600131028</p></div><div class="flex flex-col md:items-end gap-1"><p class="text-xs text-gray-600">Калининград · Россия</p><a class="text-xs text-gray-500 hover:text-rose transition-colors" href="/privacy-policy">Политика конфиденциальности</a><a class="text-xs text-gray-500 hover:text-rose transition-colors" href="/personal-data-consent">Согласие на обработку персональных данных</a></div></div></div></footer></div></div><script src="/_next/static/chunks/0x~_2zp_lruqr.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"\"]\nc:I[68027,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\",1]\ne:I[2971,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"Header\"]\nf:I[39756,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n10:I[37457,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n11:I[22016,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"\"]\n16:I[97367,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n17:\"$Sreact.suspense\"\n1a:I[97367,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\n1c:I[97367,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n:HL[\"/_next/static/chunks/093l5tc6g5kct.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:[\"$\",\"div\",null,{\"children\":[\"$\",\"img\",null,{\"src\":\"https://mc.yandex.ru/watch/108326675\",\"style\":{\"position\":\"absolute\",\"left\":\"-9999px\"},\"alt\":\"\"}]}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"blog\",\"komandy-dlya-sozdaniya-sayta-html-v-bloknote\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[[\"slug\",\"komandy-dlya-sozdaniya-sayta-html-v-bloknote\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/093l5tc6g5kct.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/11a2u74x05.oz.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ru\",\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"className\":\"min-h-screen flex flex-col bg-background text-foreground relative overflow-x-hidden\",\"children\":[[\"$\",\"$L2\",null,{\"id\":\"yandex-metrika\",\"strategy\":\"beforeInteractive\",\"children\":\"\\n (function(m,e,t,r,i,k,a){\\n m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};\\n m[i].l=1*new Date();\\n for (var j = 0; j \u003c document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}\\n k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)\\n })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=108326675', 'ym');\\n\\n ym(108326675, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:\\\"dataLayer\\\", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});\\n \"}],[\"$\",\"noscript\",null,{\"children\":\"$3\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Rose Digital\\\",\\\"description\\\":\\\"SEO-агентство. Масштабное продвижение сайтов в Яндексе и Google.\\\",\\\"url\\\":\\\"https://roseagency.ru\\\",\\\"founder\\\":{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Арина Розенберг\\\"},\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressLocality\\\":\\\"Калининград\\\",\\\"addressCountry\\\":\\\"RU\\\"},\\\"areaServed\\\":{\\\"@type\\\":\\\"Country\\\",\\\"name\\\":\\\"Россия\\\"},\\\"knowsAbout\\\":[\\\"SEO\\\",\\\"Поисковая оптимизация\\\",\\\"Продвижение сайтов\\\",\\\"Контент-маркетинг\\\"]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"ProfessionalService\\\",\\\"name\\\":\\\"Rose Digital\\\",\\\"description\\\":\\\"Масштабное SEO-продвижение сайтов. Выводим в ТОП Яндекса и Google через системное создание контента.\\\",\\\"url\\\":\\\"https://roseagency.ru\\\",\\\"priceRange\\\":\\\"₽₽₽\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressLocality\\\":\\\"Калининград\\\",\\\"addressRegion\\\":\\\"Калининградская область\\\",\\\"addressCountry\\\":\\\"RU\\\"},\\\"geo\\\":{\\\"@type\\\":\\\"GeoCoordinates\\\",\\\"latitude\\\":\\\"54.7104\\\",\\\"longitude\\\":\\\"20.4522\\\"},\\\"areaServed\\\":[{\\\"@type\\\":\\\"City\\\",\\\"name\\\":\\\"Калининград\\\"},{\\\"@type\\\":\\\"Country\\\",\\\"name\\\":\\\"Россия\\\"}]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Rose Digital\\\",\\\"url\\\":\\\"https://roseagency.ru\\\",\\\"description\\\":\\\"SEO-агентство Rose Digital — масштабное продвижение сайтов в Яндексе и Google.\\\",\\\"inLanguage\\\":\\\"ru\\\"}\"}}],[\"$\",\"div\",null,{\"className\":\"relative flex min-h-screen flex-col\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"absolute inset-0 pointer-events-none overflow-hidden z-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute -top-32 -right-28 w-[34rem] h-[34rem] rounded-full bg-rose/10 blur-3xl\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-[26%] -left-28 w-[28rem] h-[28rem] rounded-full bg-rose-dark/10 blur-3xl\"}],\"$L4\",\"$L5\"]}],\"$L6\"]}]]}]}]]}],{\"children\":[\"$L7\",{\"children\":[\"$L8\",{\"children\":[\"$L9\",{},null,false,null]},null,false,\"$@a\"]},null,false,\"$@a\"]},null,false,null],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[\"$Ld\"]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"IKyd0C40ZjRjSF0XzP4rR\"}\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"div\",null,{\"className\":\"absolute -bottom-28 right-[18%] w-[24rem] h-[24rem] rounded-full bg-rose/10 blur-3xl\"}]\n5:[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[radial-gradient(circle_at_20%_15%,rgba(194,24,91,0.07),transparent_35%),radial-gradient(circle_at_85%_65%,rgba(194,24,91,0.06),transparent_40%)]\"}]\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"div\",null,{\"className\":\"relative z-10 flex min-h-screen flex-col\",\"children\":[[\"$\",\"$Le\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"section\",null,{\"className\":\"min-h-[70vh] flex items-center justify-center px-6 py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-xl mx-auto text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-rose text-sm font-medium uppercase tracking-wider mb-3\",\"children\":\"Ошибка 404\"}],[\"$\",\"h1\",null,{\"className\":\"text-4xl sm:text-5xl font-bold tracking-tight mb-4\",\"children\":\"Страница не найдена\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 text-base sm:text-lg leading-relaxed mb-8\",\"children\":\"Возможно, ссылка устарела или страница была удалена. Вернитесь на главную и продолжите навигацию по сайту.\"}],[\"$\",\"$L11\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center justify-center px-7 py-3.5 rounded-full bg-rose hover:bg-rose-light text-white font-semibold transition-colors\",\"children\":\"На главную\"}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"bg-gray-900 border-t border-white/5\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-6 py-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-4 gap-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:col-span-2\",\"children\":[[\"$\",\"$L11\",null,{\"href\":\"/\",\"className\":\"inline-flex mb-4 text-lg font-bold\",\"children\":[\"Rose \",[\"$\",\"span\",null,{\"className\":\"text-rose\",\"children\":\"Digital\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-500 text-sm max-w-sm leading-relaxed\",\"children\":\"Масштабное SEO-продвижение сайтов. Калининград и вся Россия. Системный захват поискового спроса для вашего бизнеса.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white mb-4 uppercase tracking-wider\",\"children\":\"Навигация\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/#approach\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Подход\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/#pricing\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Тарифы\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/sozdanie-i-prodvizhenie-saitov\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Создание сайтов\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Блог\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/cases\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Кейсы\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/#cta\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Связаться\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white mb-4 uppercase tracking-wider\",\"children\":\"Блог\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog?category=seo\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"SEO\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog?category=yandex-direct\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Яндекс Директ\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog?category=website-creation\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Создание сайтов\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog?category=regions\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Продвижение в регионах\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog?category=kaliningrad\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors\",\"children\":\"Калининград\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white mb-4 uppercase tracking-wider\",\"children\":\"Контакты\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://t.me/arinarosenberg\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors inline-flex items-center gap-2\",\"children\":[\"$L12\",\"@arinarosenberg\"]}]}],\"$L13\"]}]]}]]}],\"$L14\"]}]}]]}]\n"])</script><script>self.__next_f.push([1,"7:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n8:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[\"$L15\",null,[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$17\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@18\"}]}]]}]\n19:[]\na:\"$W19\"\nb:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1a\",null,{\"children\":\"$L1b\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1c\",null,{\"children\":[\"$\",\"$17\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1d\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nd:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/093l5tc6g5kct.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n12:[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"d\":\"M21.5 4.5a1 1 0 00-1.08-.17L3.64 11.13a1 1 0 00.06 1.86l3.9 1.3 1.3 3.91a1 1 0 001.67.43l2.18-2.17 3.96 2.64a1 1 0 001.53-.62l3-13a1 1 0 00-.74-1.18zM9.4 13.93l-.74 2.22-.74-2.22-2.22-.74 11.67-4.86-8.71 5.6a1 1 0 00-.39.53l1.13-.53z\"}]}]\n13:[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:rozenberg.arin@yandex.ru\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors inline-flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.8\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"5\",\"width\":\"18\",\"height\":\"14\",\"rx\":\"2\"}],[\"$\",\"path\",null,{\"d\":\"M4 7l8 6 8-6\"}]]}],\"rozenberg.arin@yandex.ru\"]}]}]\n14:[\"$\",\"div\",null,{\"className\":\"mt-12 pt-8 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center md:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs text-gray-600\",\"children\":[\"©\",\" \",[\"$\",\"span\",null,{\"suppressHydrationWarning\":true,\"children\":2026}],\" \",\"Rose Digital. Все права защищены.\"]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-gray-600 mt-1\",\"children\":\"ИП Розенберг Арина Владимировна · ИНН 744513659376 · ОГРНИП 323745600131028\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col md:items-end gap-1\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs text-gray-600\",\"children\":\"Калининград · Россия\"}],[\"$\",\"$L11\",null,{\"href\":\"/privacy-policy\",\"className\":\"text-xs text-gray-500 hover:text-rose transition-colors\",\"children\":\"Политика конфиденциальности\"}],[\"$\",\"$L11\",null,{\"href\":\"/personal-data-consent\",\"className\":\"text-xs text-gray-500 hover:text-rose transition-colors\",\"children\":\"Согласие на обработку персональных данных\"}]]}]]}]\n1b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1e:I[27201,[\"/_next/static/chunks/11a2u74x05.oz.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n18:null\n"])</script><script>self.__next_f.push([1,"1d:[[\"$\",\"title\",\"0\",{\"children\":\"Команды для создания сайта HTML в Блокноте — пошаговый набор тегов и примеры | Rose Digital\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Все команды и теги для создания сайта HTML в Блокноте: пошаговый шаблон, примеры сохранения и SEO-оптимизации страницы для поисковиков ✅\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Арина Розенберг\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"SEO продвижение,SEO агентство,продвижение сайтов,SEO Калининград,масштабное SEO,поисковое продвижение,оптимизация сайта,вывод в ТОП,Rose Digital\"}],[\"$\",\"meta\",\"4\",{\"name\":\"yandex-verification\",\"content\":\"a49e0e2269530453\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Команды для создания сайта HTML в Блокноте — пошаговый набор тегов и примеры\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Все команды и теги для создания сайта HTML в Блокноте: пошаговый шаблон, примеры сохранения и SEO-оптимизации страницы для поисковиков ✅\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"8\",{\"property\":\"article:published_time\",\"content\":\"2026-03-27\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Команды для создания сайта HTML в Блокноте — пошаговый набор тегов и примеры\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"Все команды и теги для создания сайта HTML в Блокноте: пошаговый шаблон, примеры сохранения и SEO-оптимизации страницы для поисковиков ✅\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.15_4acp82rthk.ico\",\"sizes\":\"64x64\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.0.tto9.okrz1y.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"14\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.0.tto9.okrz1y.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"$L1e\",\"15\",{}]]\n"])</script><script>self.__next_f.push([1,"1f:T5286,"])</script><script>self.__next_f.push([1,"\u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eКороткий ответ:\u003c/strong\u003e Чтобы создать сайт HTML в Блокноте, используйте базовые команды/теги: \u003ccode\u003e\u003c!DOCTYPE html\u003e\u003c/code\u003e, \u003ccode\u003e\u003chtml lang='ru'\u003e\u003c/code\u003e, \u003ccode\u003e\u003chead\u003e\u003c/code\u003e с \u003ccode\u003e\u003cmeta charset='utf-8'\u003e\u003c/code\u003e и \u003ccode\u003e\u003ctitle\u003e\u003c/code\u003e, затем \u003ccode\u003e\u003cbody\u003e\u003c/code\u003e. Сохраните файл с расширением \u003ccode\u003e.html\u003c/code\u003e и откройте в браузере. Ниже — полный пошаговый шаблон, пояснения и SEO-подсказки.\u003c/p\u003e\n \u003ch2 id=\"краткое-содержание\"\u003eКраткое содержание\u003c/h2\u003e\n \u003cul\u003e\n\u003cli\u003e\u003ca href='#podgotovka'\u003eПодготовка: что нужно перед началом\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#bazovyi-karcas'\u003eБазовый каркас HTML: главные команды\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#osnovnye-tegi'\u003eОсновные теги и примеры использования\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#sohranenie-otkrytie'\u003eСохранение файла и открытие в браузере\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#primer-stranitsy'\u003eПростой рабочий пример страницы\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#seo-optimizaciya'\u003eSEO-оптимизация HTML-файла\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#stil-i-script'\u003eПодключение CSS и JS из Блокнота\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#otladka'\u003eОтладка и проверка страницы\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#chastye-oshibki'\u003eЧастые ошибки и как их избегать\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#faq'\u003eFAQ — ответы на популярные вопросы\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='#cta'\u003eКак мы можем помочь дальше\u003c/a\u003e\u003c/li\u003e\n \u003c/ul\u003e\n \u003ch2 id='podgotovka'\u003eПодготовка: что нужно перед началом\u003c/h2\u003e\n \u003cp\u003eПеред тем как писать HTML в Блокноте, убедитесь, что у вас готовы простые вещи: компьютер с Windows, установлен Блокнот (или Notepad++/VS Code, если вы хотите чуть больше удобств), браузер (Chrome/Firefox/Edge), и папка для проекта. Для SEO-ориентированного сайта заранее продумайте структуру разделов, базовые ключевые фразы и список страниц — это сэкономит время при дальнейшем развитии проекта.\u003c/p\u003e\n \u003cp\u003eРекомендации по организации папки проекта:\u003c/p\u003e\n \u003cul\u003e\n\u003cli\u003eСоздайте корневую папку проекта: \u003ccode\u003emy-site\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003eВ ней создайте папки \u003ccode\u003ecss\u003c/code\u003e, \u003ccode\u003ejs\u003c/code\u003e, \u003ccode\u003eimages\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003eПервый файл — \u003ccode\u003eindex.html\u003c/code\u003e в корне\u003c/li\u003e\n\u003cli\u003eДля локального теста можно создать \u003ccode\u003erobots.txt\u003c/code\u003e и \u003ccode\u003esitemap.xml\u003c/code\u003e позже\u003c/li\u003e\n \u003c/ul\u003e\n \u003ch2 id='bazovyi-karcas'\u003eБазовый каркас HTML: главные команды\u003c/h2\u003e\n \u003cp\u003eНиже — минимально требуемый «скелет» HTML-документа. В нём уже заложены главные команды (теги), которые должны присутствовать в каждой странице:\u003c/p\u003e\n \u003cpre\u003e\u003ccode\u003e\u003c!DOCTYPE html\u003e\n\u003chtml lang='ru'\u003e\n \u003chead\u003e\n \u003cmeta charset='utf-8'\u003e\n \u003cmeta name='viewport' content='width=device-width, initial-scale=1'\u003e\n \u003ctitle\u003eЗаголовок страницы — ключевая фраза\u003c/title\u003e\n \u003cmeta name='description' content='Краткое описание страницы до 160 символов'\u003e\n \u003clink rel='stylesheet' href='css/styles.css'\u003e\n \u003c/head\u003e\n \u003cbody\u003e\n \u003c!-- Содержимое страницы --\u003e\n \u003c/body\u003e\n\u003c/html\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eКлючевые команды/теги в этом каркасе:\u003c/p\u003e\n \u003cul\u003e\n\u003cli\u003e\u003ccode\u003e\u003c!DOCTYPE html\u003e\u003c/code\u003e — указывает браузеру, что документ использует HTML5.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003chtml lang='ru'\u003e\u003c/code\u003e — задаёт язык документа для поисковых систем и экранных читателей.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003cmeta charset='utf-8'\u003e\u003c/code\u003e — кодировка, обязательна для корректного отображения кириллицы.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003cmeta name='viewport'\u003e\u003c/code\u003e — делает страницу адаптивной на мобильных устройствах.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003ctitle\u003e\u003c/code\u003e и \u003ccode\u003e\u003cmeta name='description'\u003e\u003c/code\u003e — основной SEO-контент в заголовке страницы.\u003c/li\u003e\n \u003c/ul\u003e\n \u003ch2 id='osnovnye-tegi'\u003eОсновные теги и примеры использования\u003c/h2\u003e\n \u003cp\u003eНиже — список часто используемых тегов и то, как их применять при создании сайта в Блокноте.\u003c/p\u003e\n \u003ch3 id=\"базовые-структурные-теги\"\u003eБазовые структурные теги\u003c/h3\u003e\n \u003cul\u003e\n\u003cli\u003e\u003ccode\u003e\u003cheader\u003e\u003c/code\u003e — верхняя часть страницы, логотип, меню.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003cnav\u003e\u003c/code\u003e — навигация (ссылки на разделы).\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003cmain\u003e\u003c/code\u003e — основной контент страницы.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003carticle\u003e\u003c/code\u003e — самостоятельный блок контента (статья, товар).\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003csection\u003e\u003c/code\u003e — логический раздел внутри страницы.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003caside\u003e\u003c/code\u003e — боковая колонка, виджеты.\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u003cfooter\u003e\u003c/code\u003e — подвал сайта.\u003c/li\u003e\n \u003c/ul\u003e\n \u003ch3 id=\"заголовки-и-текст\"\u003eЗаголовки и текст\u003c/h3\u003e\n \u003cpre\u003e\u003ccode\u003e\u003ch1\u003eГлавный заголовок страницы\u003c/h1\u003e\n\u003ch2 id=\"раздел-статьи\"\u003eРаздел статьи\u003c/h2\u003e\n\u003cp\u003eПараграф текста.\u003c/p\u003e\n\u003cul\u003e\n \u003cli\u003eПункт списка\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eВажно: на странице должен быть один \u003ccode\u003e\u003ch1\u003e\u003c/code\u003e, он наиболее значим для SEO. Остальные заголовки распределяйте логически: H2 — разделы, H3 — подразделы.\u003c/p\u003e\n \u003ch3 id=\"ссылки-и-изображения\"\u003eСсылки и изображения\u003c/h3\u003e\n \u003cpre\u003e\u003ccode\u003e\u003ca href='page.html' title='Перейти на страницу'\u003eТекст ссылки\u003c/a\u003e\n\u003cimg src='images/photo.jpg' alt='Описание изображения' width='600' height='400'\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eДля SEO и доступности всегда указывайте \u003ccode\u003ealt\u003c/code\u003e у изображений и понятные тексты ссылок. Не используйте «чёрные» href типа \u003ccode\u003e#\u003c/code\u003e без смысла.\u003c/p\u003e\n \u003ch3 id=\"формы\"\u003eФормы\u003c/h3\u003e\n \u003cpre\u003e\u003ccode\u003e\u003cform action='send.php' method='post'\u003e\n \u003clabel for='name'\u003eИмя\u003c/label\u003e\n \u003cinput id='name' name='name' type='text' required\u003e\n \u003cbutton type='submit'\u003eОтправить\u003c/button\u003e\n\u003c/form\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eЕсли вы создаёте статическую страницу без backend, формы можно настроить на сторонние сервисы либо обрабатывать через JavaScript. Но для SEO-видимости форм особых требований нет — важно, чтобы контент был видимым для поисковых роботов.\u003c/p\u003e\n \u003ch2 id='sohranenie-otkrytie'\u003eСохранение файла и открытие в браузере\u003c/h2\u003e\n \u003cp\u003eКак правильно сохранить HTML-файл в Блокноте:\u003c/p\u003e\n \u003col\u003e\n\u003cli\u003eФайл -\u003e Сохранить как.\u003c/li\u003e\n\u003cli\u003eУкажите имя \u003ccode\u003eindex.html\u003c/code\u003e (важно: расширение .html, не .txt).\u003c/li\u003e\n\u003cli\u003eВ поле «Кодировка» выберите \u003ccode\u003eUTF-8\u003c/code\u003e (если доступно) или \u003ccode\u003eANSI\u003c/code\u003e для старых систем, но предпочтительно UTF-8.\u003c/li\u003e\n\u003cli\u003eТип файла — «Все файлы» (All Files), чтобы Windows не добавил .txt.\u003c/li\u003e\n \u003c/ol\u003e\n \u003cp\u003eОткройте полученный файл двойным кликом — по умолчанию откроется в браузере. Для обновления изменений используйте F5 или Ctrl+R.\u003c/p\u003e\n \u003ch2 id='primer-stranitsy'\u003eПростой рабочий пример страницы\u003c/h2\u003e\n \u003cp\u003eНиже полный минимальный пример страницы с простым стилем. Скопируйте в Блокнот и сохраните как \u003ccode\u003eindex.html\u003c/code\u003e:\u003c/p\u003e\n \u003cpre\u003e\u003ccode\u003e\u003c!DOCTYPE html\u003e\n\u003chtml lang='ru'\u003e\n \u003chead\u003e\n \u003cmeta charset='utf-8'\u003e\n \u003cmeta name='viewport' content='width=device-width, initial-scale=1'\u003e\n \u003ctitle\u003eПример сайта на HTML\u003c/title\u003e\n \u003cmeta name='description' content='Краткое описание примера сайта'\u003e\n \u003cstyle\u003e\n body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;margin:0;padding:0}\n header,footer{background:#f4f4f4;padding:20px;text-align:center}\n nav ul{list-style:none;padding:0}\n nav li{display:inline;margin-right:10px}\n .container{max-width:1000px;margin:20px auto;padding:0 15px}\n \u003c/style\u003e\n \u003c/head\u003e\n \u003cbody\u003e\n \u003cheader\u003e\n\u003ch1\u003eНазвание компании\u003c/h1\u003e\n\u003cnav\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href='index.html'\u003eГлавная\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href='about.html'\u003eО компании\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/nav\u003e\n \u003c/header\u003e\n\u003cmain class='container'\u003e\n \u003carticle\u003e\n\u003ch2 id=\"привет-мир\"\u003eПривет, мир!\u003c/h2\u003e\n\u003cp\u003eЭто пример простой страницы, созданной в Блокноте.\u003c/p\u003e\n \u003c/article\u003e\n\u003c/main\u003e\n \u003cfooter\u003e© 2026 Название компании\u003c/footer\u003e\n \u003c/body\u003e\n\u003c/html\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eЭтот пример показывает минимальный набор команд для рендера чистой страницы. Дальше можно вынести CSS в отдельный файл \u003ccode\u003ecss/styles.css\u003c/code\u003e и подключить скрипты.\u003c/p\u003e\n \u003ch2 id='seo-optimizaciya'\u003eSEO-оптимизация HTML-файла (что важно прямо в коде)\u003c/h2\u003e\n \u003cp\u003eПоскольку наша позиция — SEO-first, разберём, какие команды и теги важны для поисковой видимости уже на этапе верстки в Блокноте.\u003c/p\u003e\n \u003ch3 id=\"title-и-meta-description\"\u003eTitle и meta description\u003c/h3\u003e\n \u003cp\u003eТег \u003ccode\u003e\u003ctitle\u003e\u003c/code\u003e — самый важный элемент страницы для ранжирования и кликов в выдаче. Делайте уникальные заголовки для каждой страницы с ключевой фразой в начале, но естественно. \u003ccode\u003e\u003cmeta name='description'\u003e\u003c/code\u003e не влияет напрямую на ранжирование, но влияет на CTR.\u003c/p\u003e\n \u003ch3 id=\"структура-заголовков\"\u003eСтруктура заголовков\u003c/h3\u003e\n \u003cp\u003eИспользуйте одну H1 и логическую иерархию H2-H3. Поисковики анализируют структуру для определения темы страницы.\u003c/p\u003e\n \u003ch3 id=\"атрибуты-изображений\"\u003eАтрибуты изображений\u003c/h3\u003e\n \u003cp\u003eАтрибут \u003ccode\u003ealt\u003c/code\u003e помогает поисковикам понять изображение. Подбирайте описательные alt-тексты с релевантными ключами, но не спамьте.\u003c/p\u003e\n \u003ch3 id=\"семантические-теги\"\u003eСемантические теги\u003c/h3\u003e\n \u003cp\u003eИспользование \u003ccode\u003e\u003carticle\u003e\u003c/code\u003e, \u003ccode\u003e\u003csection\u003e\u003c/code\u003e, \u003ccode\u003e\u003cnav\u003e\u003c/code\u003e помогает роботам лучше понимать контент. Семантика — это простой технический шаг, который улучшает восприятие страницы поисковиками.\u003c/p\u003e\n \u003ch3 id=\"каноникализация-и-мета-robots\"\u003eКаноникализация и мета robots\u003c/h3\u003e\n \u003cpre\u003e\u003ccode\u003e\u003clink rel='canonical' href='https://example.com/page.html'\u003e\n\u003cmeta name='robots' content='index, follow'\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eДобавляйте \u003ccode\u003ecanonical\u003c/code\u003e, если у вас может появиться дублирующийся контент, и контролируйте индексацию с помощью \u003ccode\u003erobots\u003c/code\u003e.\u003c/p\u003e\n \u003ch3 id=\"структурированные-данные-микроразметка\"\u003eСтруктурированные данные (микроразметка)\u003c/h3\u003e\n \u003cp\u003eДаже из Блокнота можно вставить JSON-LD в \u003ccode\u003e\u003chead\u003e\u003c/code\u003e для сниппетов (организация, хлебные крошки, ошибки). Пример:\u003c/p\u003e\n \u003cpre\u003e\u003ccode\u003e\u003cscript type='application/ld+json'\u003e\n{\n \"@context\":\"https://schema.org\",\n \"@type\":\"Organization\",\n \"name\":\"Название компании\",\n \"url\":\"https://example.com\",\n \"logo\":\"https://example.com/images/logo.png\"\n}\n\u003c/script\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eЭто улучшает видимость в выдаче и повышает доверие к сайту.\u003c/p\u003e\n \u003ch2 id='stil-i-script'\u003eПодключение CSS и JS из Блокнота\u003c/h2\u003e\n \u003cp\u003eЕсли вы хотите отделить стили и скрипты, создайте файлы \u003ccode\u003ecss/styles.css\u003c/code\u003e и \u003ccode\u003ejs/scripts.js\u003c/code\u003e. Примеры подключений:\u003c/p\u003e\n \u003cpre\u003e\u003ccode\u003e\u003clink rel='stylesheet' href='css/styles.css'\u003e\n\u003cscript src='js/scripts.js' defer\u003e\u003c/script\u003e\n\u003c/code\u003e\u003c/pre\u003e\n \u003cp\u003eСоветы по подключению скриптов:\u003c/p\u003e\n \u003cul\u003e\n\u003cli\u003eИспользуйте атрибут \u003ccode\u003edefer\u003c/code\u003e для внешних скриптов, чтобы не блокировать рендеринг страницы.\u003c/li\u003e\n\u003cli\u003eМинимизируйте инлайновый JavaScript — он усложняет кеширование и анализ кода поисковиками.\u003c/li\u003e\n \u003c/ul\u003e\n \u003ch2 id='otladka'\u003eОтладка и проверка страницы\u003c/h2\u003e\n \u003cp\u003eКак тестировать страницу, созданную в Блокноте:\u003c/p\u003e\n \u003cul\u003e\n\u003cli\u003eОткройте в браузере и используйте инструменты разработчика (F12) для проверки консоли и сетевых запросов.\u003c/li\u003e\n\u003cli\u003eПроверьте адаптивность через responsive mode в DevTools или вручную меняя размер окна.\u003c/li\u003e\n\u003cli\u003eПроверьте валидность разметки через валидатор HTML (локально можно анализировать по ошибкам в консоли).\u003c/li\u003e\n\u003cli\u003eПроверьте скорость загрузки: даже базовый HTML влияет — уменьшите тяжелые изображения.\u003c/li\u003e\n \u003c/ul\u003e\n \u003ch2 id='chastye-oshibki'\u003eЧастые ошибки и как их избегать\u003c/h2\u003e\n \u003cul\u003e\n\u003cli\u003eСохранение как \u003ccode\u003e.txt\u003c/code\u003e вместо \u003ccode\u003e.html\u003c/code\u003e — проверьте расширение файла.\u003c/li\u003e\n\u003cli\u003eНеправильная кодировка — используйте UTF-8 и укажите \u003ccode\u003e\u003cmeta charset='utf-8'\u003e\u003c/code\u003e.\u003c/li\u003e\n\u003cli\u003eНесоблюдение одной H1 на странице — влияет на структуру и SEO.\u003c/li\u003e\n\u003cli\u003eОтсутствие \u003ccode\u003ealt\u003c/code\u003e у изображений — снижает доступность и SEO-потенциал.\u003c/li\u003e\n\u003cli\u003eИнлайновые большие стили и скрипты — затрудняют поддержание и кеширование.\u003c/li\u003e\n \u003c/ul\u003e\n \u003ch2 id='faq'\u003eFAQ\u003c/h2\u003e\n \u003ch3 id=\"1-какие-команды-html-нужно-знать-чтобы-начать\"\u003e1. Какие «команды» HTML нужно знать, чтобы начать?\u003c/h3\u003e\n \u003cp\u003eНачать достаточно с набора: \u003ccode\u003e\u003c!DOCTYPE html\u003e\u003c/code\u003e, \u003ccode\u003e\u003chtml lang='ru'\u003e\u003c/code\u003e, \u003ccode\u003e\u003chead\u003e\u003c/code\u003e (meta charset, viewport, title, description), \u003ccode\u003e\u003cbody\u003e\u003c/code\u003e, заголовки \u003ccode\u003e\u003ch1\u003e—\u003ch6\u003e\u003c/code\u003e, параграфы \u003ccode\u003e\u003cp\u003e\u003c/code\u003e, ссылки \u003ccode\u003e\u003ca\u003e\u003c/code\u003e, изображения \u003ccode\u003e\u003cimg\u003e\u003c/code\u003e, списки, формы. Эти теги покрывают базовые потребности любой страницы.\u003c/p\u003e\n \u003ch3 id=\"2-нужно-ли-учить-javascript-чтобы-сделать-сайт-в-блокноте\"\u003e2. Нужно ли учить JavaScript, чтобы сделать сайт в Блокноте?\u003c/h3\u003e\n \u003cp\u003eНет, для простого контента и Landing Page достаточно HTML и CSS. JS нужен для интерактивности (валидация форм, динамическая галерея и т.д.). Но с точки зрения SEO статический HTML — самый стабильный и предсказуемый вариант для индексации.\u003c/p\u003e\n \u003ch3 id=\"3-как-правильно-сохранить-файл-в-utf-8-в-блокноте\"\u003e3. Как правильно сохранить файл в UTF-8 в Блокноте?\u003c/h3\u003e\n \u003cp\u003eВ Блокноте выберите Файл → Сохранить как. Внизу диалога в поле «Кодировка» выберите «UTF-8», укажите имя с расширением \u003ccode\u003eindex.html\u003c/code\u003e и тип «Все файлы».\u003c/p\u003e\n \u003ch3 id=\"4-можно-ли-создать-многостраничный-сайт-только-в-блокноте\"\u003e4. Можно ли создать многостраничный сайт только в Блокноте?\u003c/h3\u003e\n \u003cp\u003eДа, можно. Для каждой страницы создавайте отдельный \u003ccode\u003e.html\u003c/code\u003e-файл (index.html, about.html, services.html) и объединяйте их ссылками в навигации. Однако для масштабных проектов удобнее использовать редакторы и систему сборки. С точки зрения маркетинга и SEO, важно продумать структуру URL и внутреннюю перелинковку.\u003c/p\u003e\n \u003ch3 id=\"5-нужен-ли-сервер-для-того-чтобы-страница-отображалась-корректно\"\u003e5. Нужен ли сервер для того, чтобы страница отображалась корректно?\u003c/h3\u003e\n \u003cp\u003eДля базовой разработки сервер не обязателен — файл можно открыть локально. Но для тестов динамических функций (Формы с backend, AJAX, серверные редиректы) нужен локальный или удалённый сервер.\u003c/p\u003e\n \u003ch3 id=\"6-как-сделать-страницу-быстрой-и-seo-дружелюбной-прямо-из-блокнота\"\u003e6. Как сделать страницу быстрой и SEO-дружелюбной прямо из Блокнота?\u003c/h3\u003e\n \u003cp\u003eОптимизируйте изображения (webp, компрессия), минимизируйте CSS/JS, используйте CDN для библиотек (если требуется), включите кеширование на стороне сервера при размещении. На этапе верстки используйте семантику и чистый код — это закладывает базу для дальнейшей оптимизации.\u003c/p\u003e\n \u003ch2 id='cta'\u003eКак мы можем помочь дальше\u003c/h2\u003e\n \u003cp\u003eЕсли вам нужно не только создать страницу в Блокноте, но и превратить её в устойчивый источник трафика — SEO является основой. В Rose Digital мы делаем техническую верстку, оптимизацию и продвижение сайтов как комплексную услугу: от структуры и контента до роста позиций и трафика. Ознакомьтесь с нашими услугами по созданию и продвижению сайтов: \u003ca href='/sozdanie-i-prodvizhenie-saitov'\u003eуслуги по созданию и продвижению сайтов\u003c/a\u003e, а также с реальными примерами работ в разделе \u003ca href='/cases'\u003eкейсы агентства\u003c/a\u003e. Платная реклама может ускорить результат, но основа — SEO.\u003c/p\u003e\n\u003c/div\u003e\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Команды для создания сайта HTML в Блокноте — пошаговый набор тегов и примеры\\\",\\\"description\\\":\\\"Все команды и теги для создания сайта HTML в Блокноте: пошаговый шаблон, примеры сохранения и SEO-оптимизации страницы для поисковиков ✅\\\",\\\"datePublished\\\":\\\"2026-03-27\\\",\\\"author\\\":{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Арина Розенберг\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Rose Digital\\\"}}\"}}],[\"$\",\"article\",null,{\"className\":\"pt-28 pb-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8\",\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog\",\"className\":\"text-sm text-gray-500 hover:text-rose transition-colors inline-flex items-center gap-1\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M15 19l-7-7 7-7\"}]}],\"Назад в блог\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-rose font-medium px-2 py-1 bg-rose/10 rounded-full\",\"children\":\"Создание сайтов\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-gray-600\",\"children\":\"2026-03-27\"}]]}],[\"$\",\"h1\",null,{\"className\":\"text-3xl sm:text-4xl font-bold mb-6 tracking-tight\",\"children\":\"Команды для создания сайта HTML в Блокноте — пошаговый набор тегов и примеры\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-gray-400 mb-12 leading-relaxed\",\"children\":\"Все команды и теги для создания сайта HTML в Блокноте: пошаговый шаблон, примеры сохранения и SEO-оптимизации страницы для поисковиков ✅\"}],[\"$\",\"div\",null,{\"className\":\"prose max-w-none\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1f\"}}],\"$L20\",\"$L21\"]}]}]]\n"])</script><script>self.__next_f.push([1,"20:[\"$\",\"nav\",null,{\"className\":\"mt-14 pt-10 border-t border-white/5 grid grid-cols-1 sm:grid-cols-2 gap-4\",\"aria-label\":\"Соседние статьи\",\"children\":[[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog/kolltreking-dlya-yandeks-direkt\",\"className\":\"block rounded-2xl border border-white/10 bg-gray-900/50 p-5 hover:border-rose/30 transition-colors\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-gray-500 uppercase tracking-wide\",\"children\":\"Предыдущая\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 font-semibold text-white line-clamp-2\",\"children\":\"Коллтрекинг для Яндекс.Директ: как настроить и использовать эффективно\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 sm:text-right\",\"children\":[\"$\",\"$L11\",null,{\"href\":\"/blog/kombinator-klyuchevyh-fraz-yandeks-direkt\",\"className\":\"block rounded-2xl border border-white/10 bg-gray-900/50 p-5 hover:border-rose/30 transition-colors sm:ml-auto\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-gray-500 uppercase tracking-wide\",\"children\":\"Следующая\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 font-semibold text-white line-clamp-2\",\"children\":\"Комбинатор ключевых фраз для Яндекс.Директ: как быстро собрать рабочие группы объявлений\"}]]}]}]]}]\n21:[\"$\",\"div\",null,{\"className\":\"mt-16 pt-8 border-t border-white/5\",\"children\":[\"$\",\"div\",null,{\"className\":\"bg-gray-900 border border-white/5 rounded-2xl p-8 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold mb-2\",\"children\":\"Хотите такие же результаты?\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 mb-6\",\"children\":\"Оставьте заявку — разберём ваш сайт и покажем точки роста\"}],[\"$\",\"$L11\",null,{\"href\":\"/#cta\",\"className\":\"inline-flex items-center justify-center px-6 py-3 bg-rose hover:bg-rose-light text-white font-semibold rounded-full transition-colors\",\"children\":\"Получить аудит\"}]]}]}]\n"])</script></body></html>