Skip to content

Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.

License

Notifications You must be signed in to change notification settings

xshapira/sveltekit-seo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Rodney Lab sveltekit-seo Github banner

Rodney Lab logo

SvelteKit SEO

Netlify Status

sveltekit-seo

Open in StackBlitz

SvelteKit demo code for adding SEO support. The functionality is added principally by three components. Follow links to read more about using them:

  • Twitter: src/lib/components/SEO/Twitter.svelte,
  • OpenGraph: src/lib/components/SEO/OpenGraph.svelte,
  • SchemaOrg: src/lib/components/SEO/SchemaOrg.svelte.

See the SvelteKit SEO blog post on the Rodney Lab site for more on how to set this site up. There is a live demo at sveltekit-seo.rodneylab.com.

Please drop questions into a comment at the bottom of one of the post pages. Here's the quick start:

Creating your Own MDsveX Blog Site with SEO Components

If you're seeing this, you've probably already done this step. Congrats!

git clone https://github.com/rodneylab/sveltekit-seo.git my-new-mdsvex-blog
cd my-new-mdsvex-blog
pnpm install # or npm install
npm run dev

Building

npm run build

You can preview the built app with pnpm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Feel free to jump into the Rodney Lab matrix chat room.

About

Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Svelte 58.3%
  • JavaScript 21.0%
  • SCSS 10.7%
  • CSS 9.3%
  • Other 0.7%