# Build the Favourite1-style HTML SOP for: # “CMS Upload SOP – formatting, links, embeds, byline, tags, categories, preview tests.” # Graphics are placed BELOW each heading; tone is beginner-friendly, second person, jargon-free. file_path = “/mnt/data/cms-upload-sop-favourite1.html” html = r””” CMS Upload SOP – formatting, links, embeds, byline, tags, categories, preview tests (Favourite1, White Theme)

CMS Upload SOP — formatting, links, embeds, byline, tags, categories, preview tests

You will learn how to move your finished draft into your CMS without errors. This SOP shows you, step by step, how to format cleanly, place links, add embeds, set your byline, choose tags and categories, and run preview tests so your post looks professional on desktop and mobile. Graphics are placed below each heading to make things easy to follow. Written in simple English in second‑person voice.

Favourite1
White Theme
Beginner‑Friendly
Text + Graphics
Upload & QA
Step‑by‑Step
Upload Flow (15–40 minutes per post)
Prep Format Links Embeds Byline + Tags Then: Categories • Excerpt/meta • Preview tests • Accessibility • Schedule/Publish

Table of Contents

Before you start

Why clean uploads matter

Clean input → Clean output
Fewer fixes later Better reader flow Happier editors

When your upload is clean, you save time for yourself and your editor. Readers get a smooth experience: headings look right, links work, videos play, and your author details show correctly. This SOP helps you make all of that happen in one calm run.

Outcome: A post that looks neat, loads fast, and passes checks before it goes live.
Fast mode

12‑Minute Quickstart

Timer plan
3m: Paste clean 3m: Headings 3m: Links 3m: Byline + Tags
  1. Paste your draft as plain text or “paste without formatting.”
  2. Apply H2 and H3 correctly, add lists and quotes.
  3. Add internal and external links, test each one.
  4. Set the author/byline, add tags and category, then preview.
Output: A basic but clean post ready for detailed checks.
Main process

The SOP in 10 Steps (Detailed & Simple)

The 10‑step path
1. New post 2. Paste clean 3. Format 4. Links 5. Embeds Then: 6. Byline • 7. Tags & category • 8. Excerpt/meta • 9. Preview QA • 10. Schedule/Publish

Step 1 — Create a new post and set the title & URL slug

Title → Slug
Title: clear and specific Slug: short‑words‑only

Start a new post in your CMS. Paste your title exactly as you want readers to see it. Create a short, clean slug using lowercase letters and dashes (for example, /cms-upload-checklist). Avoid dates inside slugs unless your site requires them. If your CMS auto‑creates the slug, double‑check and edit it now.

Step 2 — Paste your draft without hidden formatting

Plain paste
Use “paste as plain text” Or “clear formatting”

Copy your final draft and paste it as plain text. This removes hidden styles from Google Docs, Word, or Notion. Hidden styles cause odd spacing and broken fonts. If you already pasted it normally, select all and click “clear formatting.”

Tip: Keep your outline intact (H2/H3 markers) in the source doc so re‑formatting is faster.

Step 3 — Apply headings, lists, and quotes

H2/H3 + lists
H2 sections H3 details Bullets Quotes

Turn section titles into H2 and sub‑section titles into H3. Use bullet lists for steps and short items. Use blockquotes for quotes from people or sources. Avoid using bold as a fake heading. Headings help readers scan and help search engines understand your structure.

Step 4 — Insert internal and external links (and test them)

Link map
Internal: your own posts External: credible sources Anchors: jump to sections

Add 2–5 helpful internal links to related posts to keep readers on your site. Add external links only to trustworthy sources. For long guides, consider anchor links at the top so readers can jump to sections. After adding links, click each one in preview to confirm it opens correctly and in the intended tab.

Avoid: Linking whole sentences, raw URLs in the text, or “click here” labels. Use short, meaningful link text.

Step 5 — Add embeds (video, social posts, maps, code)

Embed types
YouTube/Vimeo Tweets/Posts Maps Code/Playgrounds

Use your CMS block for each embed type. For videos, paste the share URL or use the block and confirm it loads in preview. For social embeds, check that the site allows embedding and that the post is public. If embeds slow down your page, replace them with screenshots plus a link.

Fallback: If an embed fails, paste a plain link and add a caption like “Watch: [Title].”

Step 6 — Set the byline and author box

Author identity
By: Your Name Author box: short bio + link

Pick the correct author in the CMS. Add or update your author box: a one‑line bio, your role, and one link (site or social). Keep it consistent across posts. If you are ghostwriting, follow the site’s rule—choose the correct public author.

Step 7 — Choose tags and one primary category

Taxonomy basics
1 primary category 3–6 tags No tag duplicates

Pick one main category that matches the post. Add a few tags for specific topics or tools. Do not create new tags unless they help readers find related posts. Reuse existing tags to keep your site tidy.

Step 8 — Set excerpt and meta fields (title/description)

Meta boxes
SEO title (≤ 60 chars) Meta description (≤ 155) Excerpt

Write a clear SEO title and a short, helpful description that matches the promise of your post. If your theme shows the excerpt on listing pages, write a simple 1–2 line summary. Keep it real, not click‑bait. If your CMS has an OG image field, set it now or confirm the default works.

Step 9 — Run preview tests (desktop, mobile, dark mode)

Preview checklist
Desktop width OK Mobile wrap OK Dark mode readable Links clickable Embeds load Images sized

Open the preview link. Scroll from top to bottom on desktop and on your phone. Check that headings are not too large or too small, lines are readable, and code or tables do not overflow the screen. Tap every link. Play each video. If something breaks, fix it and preview again.

Accessibility quick pass: Images have alt text, link text makes sense out of context, and color contrast is readable.

Step 10 — Schedule or publish, then re‑check

Final action
Schedule with date/time Or publish and verify live

When everything is green, schedule the post or publish it. After it is live, load the live URL in a fresh tab and do a quick pass again to catch anything that only shows up after publishing (like cache or CDN issues).

Basics

Formatting rules (headings, spacing, lists, quotes)

Do / Don’t
Use H2/H3, short paragraphs Don’t center long text blocks
  • Paragraphs: 1–4 lines. Break long walls of text.
  • Lists: Use bullets for steps and groups.
  • Quotes: Use the blockquote style; add source link.
  • Spacing: Keep one blank line between sections.
Rich media

Embeds: video, social, code, maps

Fallbacks
Screenshot + link Caption with title Lazy‑load if possible

If a site blocks embeds or the preview looks broken, insert a lightweight fallback: a clean screenshot and a link with a short caption. This keeps your layout intact and helps readers who block third‑party scripts.

Identity & findability

Byline, author box, tags, categories

Consistency wins
Author set correctly Bio/link updated Reused tags

Readers trust clear authorship. Make sure your name shows and your author box is accurate. Use existing tags where possible so your site’s tag pages stay useful. Choose a single primary category so the post appears in the right list.

Quick SEO

Excerpt & meta fields (quick SEO)

One promise
Write one clear promise readers care about

For the SEO title and meta description, speak plainly about the benefit. Use the same language a reader would search. Avoid stuffing keywords. Your goal is honest clarity so people click and stay.

Last look

Preview tests: desktop, mobile, dark mode

Green / Red flags
Green: no overflow, links work Red: broken embeds, tiny text

Switch to mobile view in your browser or simply open the preview on your phone. Look for cut‑off tables, oversized images, and tiny fonts. Fix issues before scheduling.

Visual

Pre‑publish checklist tabloid

How to use
Item → What to do → Example → Status
CMS Upload — Tick each row before you publish
Paste clean
Plain paste; clear formatting
No hidden styles
✓ Done
Headings
H2/H3 set; lists/quotes ok
Scannable layout
✓ Done
Links
Internal + external tested
No 404s
✓ Done
Embeds
Play in preview; fallback ready
Screenshot + link
○ Todo
Byline
Correct author + bio
Author box OK
✓ Done
Tags/Category
1 category; 3–6 tags reused
No new tags
✓ Done
Excerpt/Meta
Title ≤60; desc ≤155
Clear promise
✓ Done
Preview
Desktop/mobile/dark ok
No overflow
✓ Done
Accessibility
Alt text, contrast, link text
Quick pass
✓ Done
Schedule/Publish
Time set; live re‑check
Live URL works
✓ Done

Tip: Paste this tabloid into your CMS so teammates can tick items together.

Show me

Mini examples

Example snippets
Anchor link: “Jump to Embeds” Meta: “How to upload content cleanly”
Good link text:
See our internal linking guide for examples.

Good excerpt:
Learn how to upload your content to a CMS the safe way — clean format, tested links, working embeds, and a smooth preview pass.
Help

FAQ

Should external links open in a new tab?

Follow your site policy. If allowed, external links can open in a new tab so readers don’t lose their place. Internal links usually open in the same tab.

What if an embed fails at publish?

Replace it with a screenshot and a clean link. You can fix the embed later without blocking the post.

How many tags should I use?

3–6 tags is enough. If you add too many, tags lose meaning and your site turns messy.

“”” with open(file_path, “w”, encoding=”utf-8″) as f: f.write(html) file_path

Leave a Comment

Your email address will not be published. Required fields are marked *

Shopping Cart
Scroll to Top