svelte-meta

Svelte Meta

Easily generate SEO metadata for Svelte.

npm i svelte-meta

<script>
  import Meta from 'svelte-meta';
</script>

<Meta
  title="My Page"
  description="It's a great page"
  image="/cover.png"
/>

svelte-meta will automatically set relevant HTML meta and og: properties, along with a <title> tag if a title is specified.

Properties

Property	Metadata Set
title	<title>, title, og:title
description	description, og:description
image	og:image

Note: Twitter inherits Open Graph (og:) properties if twitter: specific metadata is not set, which is why svelte-meta doesn't include them