Back to blog

Metadata and structured data in rendered HTML: what crawlers should receive

A checklist for titles, descriptions, canonical tags, robots directives, Open Graph metadata, and JSON-LD in rendered crawler HTML.

Jun 22, 2026
4 min read

A rendered page can contain visible text and still send weak or conflicting technical signals.

For public routes, crawlers should receive page-specific content and metadata that agree with each other.

Quick answer

If the server already sends complete HTML, you probably do not need Prerender Buddy. If visitors see a complete JavaScript page but bots receive thin HTML or an empty app shell, Prerender Buddy can help by serving rendered HTML to search engines and AI crawlers.

Route-level checklist

ElementWhat to verify
TitleUnique, descriptive, and appropriate for the route
Meta descriptionPage-specific summary rather than one site-wide fallback
CanonicalOne valid canonical pointing to the intended public hostname and route
Robots directiveNo accidental noindex or conflicting header/meta values
H1One clear primary heading matching the page topic
Open GraphTitle, description, URL, and image match the public page
Structured dataValid JSON-LD describing content actually visible on the page
Internal linksReal crawlable href links to important canonical routes

Avoid metadata that changes inconsistently

Client-side applications may begin with generic metadata and replace it after the route loads. If a crawler sees the initial state, several pages can appear to have the same title, canonical, or description.

Rendered HTML should contain the final route-specific values. It should not contain both the generic and final canonical tags or multiple conflicting robots directives.

Google recommends making canonical information as clear as possible. If JavaScript manages the canonical, avoid leaving a conflicting canonical in the original HTML.

Structured data must match visible content

JSON-LD can be inserted through JavaScript and still be processed by Google. The markup must remain valid and describe the page users can actually view.

Common mistakes include:

  • product schema containing a different price from the visible page
  • FAQ schema for questions that are not present to visitors
  • organization or local-business data copied incorrectly across unrelated sites
  • breadcrumbs pointing to noncanonical hostname variants
  • article schema with missing or misleading dates
  • structured data included on crawler responses but absent from the equivalent visitor page

Valid markup does not guarantee a rich result.

Compare raw, rendered, and final public responses

For each important template:

  1. Inspect raw HTML.
  2. Inspect the browser-rendered DOM.
  3. Inspect the crawler response after integration.
  4. Compare metadata, headings, links, and JSON-LD.
  5. Validate structured data with the appropriate testing tool.
  6. Recheck after changing routing, templates, or canonical hostnames.

The JavaScript SEO Score gives a compact metadata and readability check. Use Raw HTML vs Rendered HTML when route metadata appears only after JavaScript.

Rendering is not an SEO strategy by itself

Prerendering can deliver the metadata and structured data already produced by the application. It does not decide the correct title, canonical, schema type, page copy, or internal-link structure for you.

Review Google's JavaScript SEO basics, canonical guidance, and structured data guidelines. These recommendations follow current Google Search documentation, but they do not guarantee indexing, rankings, rich results, or AI mentions.

Who this is for

  • SaaS founders with already-shipped JavaScript websites
  • React, Vite, Vue, Lovable, Bolt, or Base44 users
  • SEO freelancers checking crawler-readable HTML
  • Agencies maintaining client sites without rebuilding them

You may not need Prerender Buddy if

  • Server HTML is already complete.
  • Static pages crawl correctly.
  • You are already rebuilding with SSR or static generation.
  • You only need an audit, not a rendering fix.

Final recap

Metadata and structured data in rendered HTML comes down to what search engines and AI crawlers actually receive from your site.

Prerender Buddy does not guarantee rankings or AI citations. It helps with one specific technical problem: making sure crawlers receive readable rendered HTML instead of a thin JavaScript shell.

The first step is to check what bots see.

Check your website

Check what crawlers see to test whether the site sends readable HTML to search engines and AI crawlers.