Implementation Guide

How to apply your pack

Step-by-step instructions for pasting the code pack from your GEO:lab Auto purchase into your live site. Each platform takes 5 minutes or less.

WordPress

WordPress is the most common case and the easiest.

Option A: Yoast / RankMath already installed

If either plugin is active, it already auto-generates JSON-LD. Don't paste our JSON-LD into <head> directly — it conflicts. Instead:

- Yoast: per-page edit screen → SEO tab → overwrite meta / OG values with the strings from our code pack - RankMath: same flow, in the RankMath tab

Option B: No SEO plugin yet

Install Insert Headers and Footers (or Head & Footer Code) and:

1. WP Admin → Settings → Insert Headers and Footers 2. "Scripts in Header" field → paste the full <script type="application/ld+json">... block from our pack 3. Save 4. Reload one page, view source, confirm the JSON-LD is there

For meta / OG you'll eventually want a real SEO plugin (Option A flow), so install one before you ship.

Cafe24

Cafe24 (Korean e-commerce platform) needs a bit more hand-work — you edit HTML in the admin directly.

1. Log into Cafe24 admin → Design → Design Management 2. Pick your active skin → Edit HTML 3. Open /index.html or your main template 4. Paste our JSON-LD block right before </head> 5. Add meta / OG tags in the same area (overwrite existing meta if present) 6. Save

For product-detail pages, repeat in the product template (/product/detail.html) with the Product schema.

Webflow

Webflow has per-page Custom Code so this is clean.

1. Webflow Designer → select your page 2. Click the gear icon (Page Settings) in the left panel 3. Custom Code section → Inside <head> tag box 4. Paste our JSON-LD + meta + OG into that box 5. Save & Publish

For site-wide items (e.g. Organization schema), use Site Settings → Custom Code → Head Code.

Framer

Framer is similar to Webflow.

1. Framer project → pick a page → top-right ⚙️ 2. Toggle Custom Code 3. Head box — paste JSON-LD + meta + OG 4. Publish

For site-wide custom code, use Site Settings → SEO/Custom Code.

v0 / Vercel / Next.js

Next.js App Router pattern:

In app/layout.tsx (or per-page generateMetadata()), inject the JSON-LD via a <script> and the meta via the metadata export:

export default function Page() {
  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(/* JSON-LD object from our pack */),
        }}
      />
      {/* page content */}
    </>
  );
}

Meta via Next.js metadata:

export const metadata = {
  title: "/* our title */",
  description: "/* our description */",
  openGraph: {
    title: "/* our ogTitle */",
    description: "/* our ogDescription */",
  },
};

v0-built sites use the same structure — apply identically.

Plain HTML / Jekyll / Hugo / Astro

Static sites are the simplest case — paste directly into <head>:

<head>
  <title>/* title */</title>
  <meta name="description" content="/* description */" />
  <meta property="og:title" content="/* ogTitle */" />
  <meta property="og:description" content="/* ogDescription */" />
  <link rel="canonical" href="/* canonical */" />

  <script type="application/ld+json">
  /* the JSON-LD object verbatim */
  </script>
</head>

For Jekyll / Hugo / Astro, drop the same content into your layout file's head — _layouts/default.html, layouts/_default/baseof.html, or src/layouts/Layout.astro respectively.

How to verify it's working

After pasting, confirm everything renders correctly:

1. Google Rich Results Test — https://search.google.com/test/rich-results - Enter your URL → JSON-LD should be detected, no errors 2. Schema.org Validator — https://validator.schema.org/ 3. Re-run our /services/schema/diagnose — the overall score should be higher than your baseline

If something breaks, email us with the URL and which step you got stuck at — we'll take a look.

Stuck? Email us →