Svelte Meta

Easily generate SEO metadata for Svelte.

Features

• Automatically set relevant social meta tags common attributes like title and description
• Automatically set relevant JSON-LD metadata
• Shorthands for setting Open Graph and Twitter metadata
• Shorthands for setting URL, Sitemap, and other technical SEO data

Usage

npm i svelte-meta

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

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

Properties

Property	Type	Description	Metadata Set
title	string	Title of your project	<title>, title, og:title
description	string	Descriptoin of your project	description, og:description
image	string or { url: string; width: number; height: number; alt: string}	Image for social networks	og:image
url	string	URL of the current page	canonical og:url
siteUrl	string	Root URL of your website	JSON-LD
logo	string	Logo image for your brand	JSON-LD
search	string	Search page base URL	JSON-LD
sitemap	string	URL of your sitemap	sitemap
openGraph	Inherits other properties, plus custom og: properties, eg: video	OpenGraph properties	og:

Notes

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