House of RunganoWebsite Structure — Article · one primary keyword, answered fully, linked to its offer page
Optional Announcement — one timely line, an offer, a launch, or a notice ×
LogoTagline
[Primary Offer] [Secondary Offer] Why [Brand] About TeamContact Blog & News [Community] Join [Community]Resource Library OptGuides OptEvents OptMembership Opt Primary action
01 — Page banner
H1 · Page heading

[Article keyword, phrased as the searcher would]

02 — Article body
Byline
[Author] · [Role]·[Published date]·[Reading time]
Share · prefilled composer per network
Each button opens that network’s composer with the title and link prefilled — a true auto-post is not possible (every network makes the person confirm), but Open Graph tags on the page make the shared link unfurl as a rich card with the article’s image and title, so a share reads as a designed post, not a bare URL. On mobile, Share… opens the phone’s native share sheet. No follow links here — the site-wide social rail already carries those.
Standfirst · answers the search intent immediately

[The direct answer to the question this article is targeting]

H2 · Section

[Sub-topic within the keyword]

H4 · Sub-headline

[Long-tail variation of this sub-topic]

[Body copy. The article answers the question fully rather than teasing it, because a reader who has to leave to find the answer does not come back.]

H3 · Point

[Specific point]

[Body copy, with [the offer page for this keyword] linked once where it genuinely helps the reader, not bolted on at the end.]

Inline CTA Optional
[Action] + [Offer]

[One line tying this article's topic to the offer]

H2 · Section

[Sub-topic within the keyword]

[Body copy.]

Links toThe offer page for this keywordSibling articles[Community]
03 — Lead magnet
Lead magnet · genuinely useful

Download our [Lead magnet]

[One line making the value explicit — what they get and why it helps]
Email addressDownload
Community Optional

Join to access [Community / VIP / Resources] for [Transformation]

[The low-commitment reason to join before buying]
Join freeJoin
On a content page the magnet matches this page's topic, not the generic homepage one. A reader here is learning, so a relevant resource converts where a sales ask would not. Placed straight after the article body, at peak engagement; related reading follows so the reader stays in the cluster, and the blue capture band sits clear of the blue close.
04 — Related
H2 · Section headline

More on [This topic]

Related · internal link

[Sibling article]

Related · internal link

[Sibling article]

Related · internal link

[Sibling article]

Tagged[Topic tag][Topic tag][Topic tag]
“Same cluster” in plain terms: the family of searches around this article’s subject. The cards are sibling articles from that family — not the newest posts — because a reader still inside the topic is the one who converts. The tags link to their own indexable topic pages, per the filter rule; they are how one article belongs to several topics without diluting its single keyword.
05 — Final CTA
H2 · Closing invitation · Join [Brand] to [Mission outcome]

Join [Brand] to [Mission outcome]

Format · Join [Brand] to [Mission outcome]. The close restates the mission as an invitation rather than a demand — a mission “to help young people find their voice” becomes “Join [Brand] to find your voice” — with the joining verb tuned to the brand’s voice. The button repeats the page’s one action, so the close asks nothing new.
[Action] + [Offer]
Article · Section 01

Page banner

The load-bearing page

Most search traffic lands here first. One article, one primary keyword — with related searches worked through the H2s and FAQ — and the article exists to answer that search fully and then send the reader to the offer page for the same keyword. That link is the mechanism that turns traffic into enquiries, and it is the first thing dropped under deadline.

H1 format
[Article keyword, phrased as the searcher would]

Phrased the way a person types it, not the way the brand describes it. Titles come from the FAQ-by-page research tab — the people-also-searched questions tagged “article” become the article titles, mapped by Brandi before anything is written. Content a client writes outside the map is assigned to a cluster or flagged off-map, so nothing cannibalizes.

Existing library rule

A client with a live blog (a Lavela) keeps it: every existing post is mapped to a keyword in the research or flagged off-map, the gaps become the new-article plan, and this template is the standard for new posts plus the retrofit checklist for old ones — breadcrumb, offer link, cluster-based related, schema, share. Changed URLs get 301s in the Meta workbook.

Built from
H1The article keyword
BreadcrumbHome › blog label › article
Article · Section 02

Article body

Structure
Byline · author, role, date, reading time
Standfirst · [the direct answer]
H2 · [Sub-topic]   H3 · [Point]
Rule

Answer the question in the standfirst rather than teasing it. A reader who has to leave to find the answer does not come back, and the ranking follows the reader. The heading ladder still applies: one H1, H2 per section, H3 for points, each carrying a different related term.

Schema

Article schema with author, published and modified dates. The modified date needs to be a real field, not a note.

Where the inline CTA goes

Always to the offer page on this site, never a popup — the article-to-offer link is the SEO mechanism and a modal carries no authority. Platform actions (booking, checkout, forms — handled by the Brandi platform) fire from the offer page’s CTA, not from inside the article. Paid campaign landing pages are their own subdomain rule set and are never confused with this.

Built from
BodyThe article keyword and its searched questions
Inline CTAThe offer matching this keyword
Article · Section 03

Lead magnet

Rule

Matched to this article's topic. The reader is already engaged with the subject, which is why a topic-matched resource outperforms a generic one here. The section is V1 — the identical pair from the homepage: magnet card plus the optional community card. Never a lone card; if the client runs no community, the community card hides and the magnet card keeps the same width and position.

Built from
MagnetLead magnet field, topic-matched
Persistent

Header, nav & tagline

Navigation

Five to seven items. About and Community open dropdowns. Community’s Resource Library, Guides and Events are sections of the Community page — the dropdown jumps straight to them — and show only when the client has that content. Hiring and shop live on external platforms (ATS, storefront) linked from the footer. Lower-intent links go to the footer, not the bar.

Logo & tagline

Logo top-left with the enduring tagline beneath it. The tagline is never the H1 — the H1 is page-specific, the tagline is not.

CTA colour

One colour, used only on CTA buttons so it always signals "action". It must contrast strongly with the page and stand out — ideally a colour used nowhere else on the site. Warm, high-contrast hues (orange, green, a confident blue) tend to convert best, but the exact hue matters less than that it pops, stays consistent, and passes contrast for legibility.

Optional add-ons

Switched on by the client's model, not shown in the bar by default:

ShopEcommerce only
Find a ServiceNational providers — a CTA, or a nav dropdown when multi-location
Work With UsService providers — usually a CTA
Section 12

Footer

The forms — a site-wide rule

Every form on the site — the newsletter here, every magnet download, the contact form, the community join — is the Brandi platform’s CRM capture form, embedded and styled to the design system. Every submission lands in the CRM tagged with its source and enters its named sequence. Never a mailto link, never a third-party form.

Baseline line
© [Year] [Brand] · [Address] · [Contact]
Address & local search

Consistent name, address and phone across the web is what local search scores. When a brand won't publish a street address, the footer carries city or region only, and the full details live on the Contact page with local business schema and a Google Business Profile. The signal is kept; the street address is not forced into the footer.

Sensitive fields

In care, health or youth sectors, a care or crisis resource in the footer is required, not optional.

Built from
DescriptorElevator pitch
AddressLocations
ContactBusiness phone / email
LabelsFixed nav — never keyworded
Optional · live chat Chat with us
Sticky mobile CTA · optional Primary action ?
On phones, the one primary action stays pinned as the visitor scrolls. Switched on where mobile traffic and a single clear action make it worthwhile.
Social rail · from the Socials field Instagram Facebook LinkedIn YouTube