Create A HTML File

Build a HTML Unique Fragment: create a plain .html file and drop in everything SEO needs—static JSON-LD, breadcrumb markup, meta tags, even full <head> content. Make the structure reusable so every page can follow the same pattern.

📜 Note

Keep the layout consistent; you’ll copy-and-tweak it for each new page.

Including HTML Unique Fragments

Wrap page-only content in an element with the same ID on every page. Each page can host several HTML Unique Fragments; just keep the ID identical so Fragmenium knows where to swap text, links, meta, etc.

/page1.html

<body>
  <section id="unique">
    <h1>Page 1 headline</h1>
    <p>Go to <a href="/page2.html">Page 2</a>.</p>
  </section>
</body>copy

/page2.html

<body>
  <section id="unique">
    <h1>Page 2 headline</h1>
    <p>Go to <a href="/page1.html">Page 1</a>.</p>
  </section>
</body>copy

📜 Note

Put exclusive content inside the fragment: title, description, main copy, hero images—anything that must be unique per page yet live in the same structural slot.

Configuring HTML Unique Fragments

List the selectors of your unique blocks in reference.js so Fragmenium knows what to swap when the route changes.

/reference.js

export const ref = {
  unique: ['#a', '#b', '#c']
};copy