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

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes