HTML-редактор онлайн
Пишите визуально — HTML-код появляется рядом. Вставили из Word, Google Docs или ответ ChatGPT — получите чистый HTML.
Картинки из ссылки не загружены, чтобы их владелец не узнал ваш IP.
Настройки очистки и вставки
Проверка для SEO: заголовки, ссылки, картинки
Структура заголовков
Анализ текста: вода, тошнота, частые слова, плотность запроса, анкоры
Частые слова
Анкоры ссылок
Ориентиры, а не требования поисковиков: формулы у сервисов разные, словоформы объединены приблизительно. Вода — доля служебных слов; классическая тошнота — квадратный корень из числа повторов самого частого слова; академическая — его доля в тексте.
Как пользоваться редактором
- 1
Вставьте или напишите текст
В визуальную панель — из Word, Google Docs, с сайта или ответ ChatGPT и Claude в Markdown — или HTML-код в правую панель.
- 2
Оформите
Заголовки H1–H4, жирный, курсив, списки, ссылки, картинки, таблицы — кнопками сверху.
- 3
Очистите код
Отметьте, что убрать, — стили, классы, span, мусор Word, пустые теги,
<p>в ячейках таблиц — и нажмите «Очистить». - 4
Доведите текст
«Типограф» расставит кавычки-ёлочки, тире и неразрывные пробелы, «Оглавление» добавит содержание со ссылками на разделы.
- 5
Проверьте и заберите
Внизу — структура заголовков, замечания и анализ текста. Код копируется кнопкой или скачивается файлом .html.
Что умеет
Ответ ChatGPT или Claude вставляется сразу как HTML — заголовки, списки, таблицы, жирный, ссылки, код.
Кавычки «ёлочки» и „лапки“ внутри, тире вместо дефиса, неразрывные пробелы после предлогов, в числах и перед единицами. Код и pre не трогает.
id у заголовков H2–H3 транслитом и блок «Содержание» со ссылками в начале текста.
Вода, классическая и академическая тошнота, частые слова, плотность главного запроса, длина предложений, анкоры ссылок.
Правка в любой панели сразу обновляет другую. На телефоне панели переключаются вкладками.
Убирает style, классы, span и font, служебные теги Word, обёртку Google Docs, пустые теги, неразрывные пробелы — что отметите.
Убирает <p> внутри ячеек: таблица из Word становится чистой <td>текст</td>.
Структура заголовков H1–H6 с пропусками уровней, картинки без alt, пустые ссылки, число ссылок и nofollow.
Знаки с пробелами и без, слова — для ТЗ копирайтеру и проверки объёма текста.
Текст сжимается в саму ссылку — отправьте коллеге, он откроет его в редакторе. На сервер ничего не загружается.
Коротко
HTML-редактор онлайн — визуальный редактор и HTML-код на одной странице: печатайте и оформляйте текст как в Word, а готовый код появится в соседней панели. Правка кода сразу видна в визуальной панели. Текст, вставленный из Word или Google Docs, очищается от стилей, span и служебной разметки кнопкой «Очистить». Готовый код можно скопировать в CMS или скачать файлом .html.
Зачем SEO-специалисту HTML-редактор
Текст для сайта почти всегда приходит в Word или Google Docs. Если вставить его в CMS как есть, в код попадут встроенные стили, span с шрифтами, классы MsoNormal, пустые абзацы и неразрывные пробелы. Страница выглядит не так, как задумано в шаблоне, код раздувается, а поисковику сложнее разобрать структуру.
Редактор решает это в три шага: вставили текст, очистили, скопировали код в CMS. Заодно видно, правильно ли расставлены заголовки и у всех ли картинок есть alt.
Что остаётся после очистки
Только смысловая разметка: заголовки h1–h4, абзацы p, списки ul и ol, ссылки a, выделение strong и em, таблицы, картинки, цитаты. Оформление — шрифты, цвета, отступы — задаёт шаблон сайта, а не текст. Так текст одинаково выглядит на всех страницах, а код остаётся коротким.
Чего не умеет
- Работает с содержимым страницы. Если вставить целый документ с
<head>, редактируется то, что внутри<body>, остальное сохраняется как есть. - Скрипты в визуальной панели не выполняются — это защита. В коде они остаются.
- Ссылка на текст подходит для текстов до 40–50 тысяч знаков; большие — скачайте файлом.
Какие данные собирает
Редактор работает в вашем браузере: текст никуда не отправляется. Исключение — «Открыть страницу по адресу»: адрес уходит на сервер seo-drift.ru, сервер скачивает HTML-код страницы и возвращает вам, адрес не сохраняется. Черновик сохраняется в памяти браузера (localStorage) и открывается при следующем заходе; кнопка «Очистить всё» его удаляет. Ссылка на текст содержит сам текст в сжатом виде — его увидит любой, у кого есть ссылка.
Вопросы и ответы
Как перевести текст из Word в HTML?
Скопируйте текст в Word и вставьте в визуальную панель редактора — справа появится HTML-код. Нажмите «Очистить» с отметками «стили», «span и font» и «мусор Word» — останутся только заголовки, абзацы, списки, ссылки и таблицы.
Как убрать теги p из таблицы?
Отметьте «<p> внутри ячеек таблиц» и нажмите «Очистить». Если в ячейке было несколько абзацев, они разделятся переносом <br>.
Где посмотреть и скопировать HTML-код?
В правой панели «HTML-код» — на компьютере она всегда рядом с визуальной, на телефоне — на вкладке «HTML-код». Кнопка «Копировать код» скопирует его целиком.
Сохранится ли текст, если закрыть страницу?
Да, черновик хранится в вашем браузере и откроется при следующем заходе — если не очищать данные сайта и не работать в приватном окне.
Почему важна структура заголовков?
По заголовкам поисковики и нейросети понимают, из каких частей состоит текст. Один H1, под ним H2 для разделов, H3 для подразделов — без пропусков уровней. Редактор показывает структуру и подсвечивает пропуски.
Как перевести ответ ChatGPT в HTML?
Скопируйте ответ кнопкой «Копировать» под ним и вставьте в редактор — в визуальную панель или в код. Ответ приходит в формате Markdown, редактор сам переведёт его в HTML: заголовки, списки, таблицы, жирный текст, ссылки. Если текст уже в панели кода — нажмите «Markdown → HTML».
Что такое тошнота и вода текста?
Вода — доля служебных слов (предлогов, союзов, «очень», «является»), которые не несут смысла. Классическая тошнота — квадратный корень из числа повторов самого частого слова, академическая — доля этого слова в тексте. Высокие значения — повод проверить, не повторяется ли запрос слишком часто. Это ориентиры, а не требования поисковиков.