Как создавать красивые и оптимизированные для SEO описания в OpenCart

Если вы просто вставляете текст из Word или Google Docs в редактор OpenCart - страница обычно выглядит грязно: ломаются отступы, стили не совпадают с дизайном сайта, текст выглядит неаккуратно и съезжает:

А если вставлять контент через режим Code view </> с чистым HTML - страница выглядит структурированной, аккуратной и полностью соответствует стилю сайта:

Почему это важно для SEO

Структурированный HTML напрямую влияет на SEO:

  • поисковые системы лучше понимают структуру страницы
  • заголовки <h2>–<h3> помогают ранжированию
  • чистый код ускоряет загрузку страницы
  • отсутствие лишних тегов снижает “шум” в разметке

В итоге:

  • страница индексируется корректнее
  • повышается релевантность
  • улучшаются позиции в поиске

Поэтому важно не просто добавить текст, а правильно его структурировать.

Что не так с текстом при обычном копировании:

При обычном копировании текста в OpenCart попадает лишний код:

  • много лишних элементов в коде (например, <span>, которые не несут пользы)
  • ненужные HTML-теги
  • встроенные стили (цвета, шрифты и размеры прямо в коде, которые конфликтуют с дизайном сайта)
  • перегруженный и “тяжёлый” код, из-за которого страница работает хуже

Это приводит к:

  • плохому внешнему виду страницы
  • поломке дизайна
  • сложному редактированию
  • замедлению страницы

Способ 1 (лучший): писать сразу в Markdown-редакторе

Если вы не знакомы с Markdown, вы можете ознакомиться здесь.

Пишите текст сразу в простом редакторе:

  • StackEdit (онлайн-редактор)
  • Windows Notepad++
  • Sublime Text
  • или в другой простой текстовый редактор
  1. В StackEdit вы можете написать ваш текст в поле ввода слева и сразу видеть, как будет выглядеть итоговый вариант в поле справа:

  1. В StackEdit вы можете экспортировать HTML-код непосредственно в буфер обмена всего за один шаг. Если вы пишете в другом текстовом редакторе, вам может понадобиться использовать онлайн-конвертер текста Markdown, например md2html.com
  2. Получите готовый HTML и вставьте его в OpenCart.

Как вставить HTML в OpenCart

  1. Откройте необходимое описание через кнопку Edit
  2. Нажмите Code view </>

  1. Вставьте HTML

После этого:

  • обязательно снова нажмите Code view </> (выйти из режима кода)
  • не забудьте сохранить изменения, нажмите Save в правом верхнем углу

Почему это лучший способ

  • нет лишнего кода вообще
  • не нужна двойная конвертация
  • быстрее работа
  • максимально чистый HTML

Как это работает с текстовыми редакторами на примере Windows Notepad++

  1. Сначала вы можете написать ваш обычный текст.
  2. Затем добавьте простую Markdown-разметку (заголовки, списки и т.д.) и сохраните файл с расширением .md:
  3. Вставьте полученный текст в любом онлайн-конвертере (например, md2html.com)
  4. Получите готовый HTML и вставьте его в OpenCart

Способ 2: конвертация готового текста (из Word / Google Docs)

Если текст уже готов, его можно корректно преобразовать.

Шаг 1. Конвертируйте в Markdown

Документ с текстом из Google Docs можно сразу сохранить в .md, для этого нажмите “Файл” -> “Скачать” -> “Markdown (.md)”.

Либо используйте любой конвертер (например word2md):

  • вставьте ваш документ .docx
  • получите Markdown и скопируйте его

Шаг 2. Отредактируйте Markdown

Откройте результат в редакторе:

Проверьте:

  • заголовки
  • списки
  • абзацы

Исправьте возможные ошибки.

Шаг 3. Получите HTML

Используйте онлайн-конвертер Markdown → HTML

например: md2html.com

  • вставьте Markdown
  • получите готовый HTML
  • скопируйте и вставьте в OpenCart

Про нейросети

Если вы используете ChatGPT или другие AI-инструменты для написания ваших текстов - копируйте текст через кнопку Copy. В большинстве случаев он уже будет в формате Markdown.

Дальше:

  • вставьте его в Markdown-редактор
  • при необходимости отредактируйте
  • получите HTML

Итог

Использование Markdown для подготовки контента помогает создавать чистый HTML, который:

  • правильно отображается
  • не ломает стили
  • улучшает SEO
  • ускоряет сайт

Не хотите тратить время на это?

Если вы не хотите разбираться с Markdown, конвертацией и HTML - делегируйте это нам.
Мы подготовим чистый, структурированный и SEO-оптимизированный контент для вашего магазина на OpenCart.