Article HTML Builder — Capafy listing content
Article HTML Builder
Turn a draft, or just a title and focus keyword, into clean article HTML for a WordPress Custom HTML block, then check it 16 ways before you publish.
Claude writes or formats the article. A script builds the page and checks it, so mistakes are caught before they reach your site.
What you get
- One HTML block with social share links first (Facebook, X, LinkedIn, WhatsApp, Pinterest), semantic headings, lists, tables and an FAQ where useful
- Scoped CSS that only styles your article, so it cannot restyle your header, menu or footer
- Internal links only from your list. It never guesses a URL; with no list it writes no internal links and tells you
- CTA buttons with your exact links. No CTA link, no button, and no invented prices, discounts or urgency
- SEO suggestions: title, focus keyword, slug, meta description, excerpt, category and tags
- A check report with every problem found and what to fix
How to use it
Send, in one message:
- Your site domain
- Your draft, or a title and focus keyword
- Optional: text, background, accent and heading colours, font, content width
- Optional: internal links you have verified
- Optional: CTA link(s) and button labels
- Optional: the final article URL (otherwise the share links use
ARTICLE_URL_PLACEHOLDERand you are told to replace it)
Example result
Input: a new article, "How to Build a Monthly Budget You Can Keep", focus keyword "monthly budget", two verified internal links, one CTA link, accent colour #2e8b57.
| Measure | Result |
|---|---|
| Article length | 455 words |
| H1 headings | 1, containing the focus keyword |
| Share networks, first in the HTML | 5 |
| Internal links used | 2 (both from the supplied list) |
| CTA buttons | 1, with the exact supplied URL |
| Check result | No findings |
The first lines of the output:
<div class="bl-article">
<nav class="bl-article__share" aria-label="Share this article">
<span>Share:</span>
<a href="https://www.facebook.com/sharer/sharer.php?u=..." target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">Facebook</a>
...
</nav>
<article>
<h1>How to Build a Monthly Budget You Can Keep</h1>
What the 16 checks catch
| Area | Problems found |
|---|---|
| Safety | scripts, iframes, inline event handlers, javascript: links, external CSS |
| Scope | CSS that is not limited to your article, full-page markup, site header, menu or footer inside the article |
| Links | internal links not on your list, unlisted outside links, altered or missing CTA links, new-tab links without noopener |
| Share links | fewer than 3 networks, share links not first, placeholder left in after the URL is known |
| Structure | more or fewer than one H1, skipped heading levels, empty headings |
| SEO | focus keyword missing from the H1, intro or text; keyword stuffing above 2.5%; thin article under 300 words; long title, short or long meta description, bad slug |
| Hidden text | display:none, font-size:0, off-screen text, hidden attribute |
| Accessibility | images without alt text, links with no name, text with contrast under 4.5, no keyboard focus style, fixed widths that break on phones |
| Leftovers | {{tokens}}, lorem ipsum, [paste here] placeholders, CTA labels with a price or "guaranteed" claim you did not supply |
Example: a flawed article
A test article with a full-page wrapper, a script, an inline onclick, unscoped CSS, an unlisted link, an altered CTA, hidden text and a keyword repeated until it made up 26.3% of the words was flagged with 20 high, 15 medium and 4 low findings, and the report says what to fix for each.
Good to know
- The checks look at the HTML text only. They do not judge writing quality or facts, confirm that your links exist, show how the page looks in your theme, or give a Rank Math or Yoast score.
- It does not read your website. You give it the colours and the link list, and it never invents either.
- Share links need the final article URL; until you give it, replace
ARTICLE_URL_PLACEHOLDERbefore publishing. - For adults (18+).
Data sharing
Your inputs are processed by the model configured on this listing (Claude Sonnet 5) through Capafy's runtime. The checking script makes no network calls. Don't enter passwords, keys or confidential material.
