🚀 Enhance your Svelte application's SEO with this easy-to-use SEO component that supports essential meta tags and social media integrations.
- SEO Basics: Title, description, and keywords.
- Social Media Ready: Open Graph and Twitter Cards for better link previews.
- Canonical URLs: Avoid duplicate content issues.
npm i svelte-seo
title
(string): The title of the webpage. Requireddescription
(string): A brief description of the webpage. Requiredother
For all others please check the config Not required
<script>
import Seo from './seo.svelte';
</script>
<Seo title="Amazing Svelte App"
description="Explore the features of our application."
author="John Appleseed"
keywords={['svelte', 'app', 'technology']}
url="https://www.example.com/page"
imageUrl="https://www.example.com/image.jpg"
/>
- Title: Keep your titles under 60 characters to ensure they display fully in search results.
- Description: Aim for descriptions between 50-160 characters to provide enough detail while maintaining visibility in search results.
- Keywords: Use relevant keywords but avoid keyword stuffing.
- URL and Image URL: Ensure these are absolute URLs to help social media platforms and search engines properly index and display your content.
Feel free to fork this project and submit pull requests or create an issue if you find any bugs or have suggestions for improvements.
Distributed under the MIT License.
- 🚀 - New feature
- ✨ - Improvement
- 🐛 - Bugfix
Enhance your Svelte applications' online presence effectively with this SEO component! Feel free to adjust and expand it as needed to fit your specific requirements.