What is the HTML Tab?
The HTML tab allows you to export all your Google Docs content as clean, semantically optimized HTML code. This HTML is ready to copy and paste directly into WordPress, Blogger, Webflow, or any other CMS.
The exported HTML preserves the entire structure: headings, lists, bold text, links, tables, and images (with their Alt attributes).
Why Clean HTML
Clean HTML is essential for several reasons:
Benefits of Clean HTML
1. SEO: Google reads semantic HTML better
2. Speed: Lightweight HTML loads faster
3. Compatibility: Works across all CMS platforms
4. Maintenance: Code is easier to edit later
Avoid Dirty HTML
When you copy from Word, Google Docs, or some tools, the resulting HTML is full of unnecessary tags that break formatting and harm SEO.
What's Included in Exported HTML
The HTML generated by SEOwer includes:
- Complete semantic structure: article, header, main, section, footer
- Heading hierarchy: H1, H2, H3 correctly nested
- Ordered and unordered lists: ul, ol with li
- Tables with thead and tbody: Ideal for comparative data
- Links with attributes: href, title, target="_blank" for external links
- Images with optimized Alt: Preserves alternative text
- Bold and italics: strong and em correctly applied
- Blockquotes: For quotes and highlighted content
<article>
<h1>Main Article Title</h1>
<p>Introduction paragraph with the keyword...</p>
<h2>Main Section</h2>
<p>Section content...</p>
<h3>Subsection</h3>
<p>More content...</p>
</article>
How to Copy and Paste in WordPress
1 Generate HTML in SEOwer
From the HTML tab, click the "Copy HTML" or "Download HTML" button. The code will be copied to your clipboard or downloaded as a file.
2 Open the WordPress editor
In your WordPress post, switch to the code editor (also called "Code Editor" or "Text Mode"). Use the "HTML Block" or the shortcut Ctrl+Shift+Alt+M (Classic Editor).
3 Paste the HTML
Paste all the HTML code into the editor. You will see the content appears correctly formatted.
4 Add SEO title and meta description
Don't forget to configure the SEO title and meta description in your SEO plugin (Yoast, Rank Math, SEOPress, etc.). The HTML only contains the article body.
5 Publish and verify
Publish the post and verify that everything looks correct. Check that headings, lists, links, and images appear as expected.
Tip for Gutenberg
If you use the WordPress block editor (Gutenberg), add an "HTML" block and paste the code there. You can then convert it to regular blocks if needed.
How to Copy and Paste in Other CMS
Blogger
In Blogger, go to Post → HTML Editor. Paste the HTML directly. Blogger will preserve basic styles.
Webflow
Add an "Embed" block and paste the HTML code. Or copy the content inside a text paragraph.
Shopify
In the product description or article, switch to HTML mode and paste the code. Use Shopify's rich editor to add additional images if needed.
Wix / Squarespace
Use the rich text or HTML embed block. In Wix, the "Text" block allows pasting HTML.
Images in HTML
The exported HTML includes images as URL references (src="..."). Images that were in Google Docs must be hosted somewhere.
Important
If images were embedded in Google Docs from Google Drive, you will likely need to replace the URLs with those from your CMS or media server.
1 Upload images to your CMS
Upload each image to your website's media library (WordPress, Blogger, etc.).
2 Copy the URL of each image
Copy the full URL of the uploaded image (usually ends in .jpg, .png, .webp).
3 Replace in the HTML
In the HTML code, find the img tags and replace the src with the new URL.
<img src="https://yourdomain.com/image.jpg" alt="Image description">
Post-Export Optimization
After pasting the HTML into your CMS, make these final adjustments:
- Set the H1: Make sure there is only one H1 per page
- Add the publication date: Helps with content freshness
- Configure internal links: The HTML keeps the links, but verify they work
- Add the featured image: This is not included in the body HTML
- Review media: Verify that images load correctly