Seo component renders SEO information on a webpage. You can customize this component using passthrough props.
Example codeAnchor link to section titled "Example code"
Seo component has two props:
type prop accepts
type expects a different
|The SEO information to render as default on every page of the website. This includes the defaults for title, description, and title template.
The title template defaults to the pattern of
The language defaults to the locale within the
||The SEO information to render on the home page of the website. Corresponds to the Storefront API's Seo object.|
||The SEO information to render on the product page. Corresponds to the Storefront API's Product object.|
||The SEO information to render on the collection page. Corresponds to the Storefront API's Collection object.|
||The SEO information to render on pages (for example, "About" or "Shipping"). Corresponds to the Storefront API's Page object.|
|Instructs bots to not index a page (for example, an authenticated account management page).|
Component typeAnchor link to section titled "Component type"
Seo component is a shared component, which means that it renders on both the server and the client. For more information about component types, refer to React Server Components.