How to add schema to Remix

Category: framework

Plugins and apps

root.tsx layout Links / manual script

Manual implementation

Return JSON-LD from root layout using loader data; avoid duplicate scripts on child routes.

Troubleshooting

Streaming duplicates head tags
Centralize JSON-LD in root or leaf consistently; verify single script in View Source.

Overview

Remix loaders supply data before render—ideal for JSON-LD tied to CMS or DB fields. Emit the script from the root or the leaf route that owns the canonical metadata, not both.

First HTML response should already include application/ld+json for crawlers.

Try the free Schema Generator →