@ripp/SEO - Programmatic SEO Made Simple
Provide defaults and context for Page 1 and Page 2. Use the Navigate button to emulate navigating to that page and calling seoManager.update(pageXContext).
Then see what header elements would be produced below.
Defaults
Page 1
Page 2
Produced:
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="canonical" href="https://example.com/">
<meta property="og:url" content="https://example.com/">
<meta property="twitter:url" content="https://example.com/">Quick Notes:
Defaults act as fallbacks - when a page doesn't supply a value, the defaults will be used. Mostly useful for image, robots, and other things that rarely change. It's best practice to set title and description uniquely for each page.
Some defaults are derived by existing meta tags found in the DOM when SEO Manager is created - this isn't emulated here for simplicity.