How to Create Beautiful and SEO-Optimized Descriptions in OpenCart

If you simply paste text from Word or Google Docs into the OpenCart editor, the page usually looks messy: spacing breaks, styles don’t match the site design, and the text appears unstructured and shifted:

But if you insert content using Code view </> with clean HTML, the page looks structured, neat, and fully matches the site’s design:

Why This Matters for SEO

Structured HTML directly affects SEO:

  • search engines better understand page structure
  • <h2>–<h3> headings improve ranking
  • clean code speeds up page loading
  • no unnecessary tags reduces markup “noise”

As a result:

  • pages are indexed more accurately
  • relevance improves
  • search rankings increase

That’s why it’s important not just to add text, but to structure it properly.

What’s wrong with обычным copying:

When you copy text normally into OpenCart, extra code is included:

  • lots of unnecessary elements (e.g. <span> that serve no purpose)
  • redundant HTML tags
  • inline styles (colors, fonts, sizes directly in code that conflict with your theme)
  • bloated and “heavy” code that slows down the page

This leads to:

  • poor page appearance
  • broken design
  • difficult editing
  • slower loading

Method 1 (Best): Write Directly in a Markdown Editor

If you are not familiar with Markdown, you can learn more here.

Write your text directly in a simple editor:

  1. In StackEdit, you can write your text on the left and immediately see the final result on the right:

  1. In StackEdit, you can export HTML directly to the clipboard in one step. If you use another editor, you may need an online Markdown converter like md2html.com
  2. Get the final HTML and paste it into OpenCart.

How to Insert HTML into OpenCart

  1. Open the required description using the Edit button
  2. Click Code view </>

  1. Paste the HTML

After that:

  • make sure to click Code view </> again (exit code mode)
  • don’t forget to save changes by clicking Save in the top right corner

Why This Is the Best Method

  • no unnecessary code at all
  • no double conversion needed
  • faster workflow
  • cleanest possible HTML

How It Works in Text Editors (Example: Notepad++)

  1. First, write your regular text
  2. Then add simple Markdown formatting (headings, lists, etc.) and save the file as .md
  3. Paste the result into an online converter (e.g. md2html.com)
  4. Get HTML and insert it into OpenCart

Method 2: Converting Existing Content (Word / Google Docs)

If your content is already written, you can convert it properly.

Step 1. Convert to Markdown

You can download a Google Docs document as .md via “File → Download → Markdown (.md)”.

Or use a converter (e.g. word2md):

  • upload your .docx file
  • get Markdown and copy it

Step 2. Edit Markdown

Open it in:

Check:

  • headings
  • lists
  • paragraphs

Fix any issues.

Step 3. Convert to HTML

Use a Markdown → HTML converter

e.g. md2html.com

  • paste Markdown
  • get HTML
  • copy and paste into OpenCart

About AI Tools

If you use ChatGPT or other AI tools, copy text using the Copy button. In most cases, it is already in Markdown format.

Then:

  • paste into a Markdown editor
  • edit if needed
  • convert to HTML

Conclusion

Using Markdown to prepare content helps create clean HTML that:

  • displays correctly
  • doesn’t break styles
  • improves SEO
  • speeds up the site

Don’t want to spend time on this?

If you don’t want to deal with Markdown, conversion, and HTML – delegate it to us.
We will prepare clean, structured, and SEO-optimized content for your OpenCart store.