Svelte Meta
Easily generate SEO metadata for Svelte
Svelte Meta
Easily generate SEO metadata for Svelte.
Features
- Automatically set relevant social meta tags common attributes like
titleanddescription - 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 iftwitter:specific metadata is not set, which is whysvelte-metadoesn't include them
