> For the complete documentation index, see [llms.txt](https://132oq-szjxckld--diwejk1k2j-1123n.gitbook.io/documentation-studio-shento/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://132oq-szjxckld--diwejk1k2j-1123n.gitbook.io/documentation-studio-shento/getting-started-with-sveltekit/effective-seo-in-sveltekit.md). # Effective SEO in SvelteKit To make your SEO scalable in SvelteKit, you can create a reusable SEO component that automatically populates the meta tags based on the provided data. This way, you only need to specify the SEO-related information (like title, description, etc.) for each page, and the SEO component will handle the rest. Here's how you can achieve this: ### Step 1: Create an SEO Component Create a reusable SEO component inside the `$lib` directory that accepts the necessary data as props and renders the appropriate meta tags in the ``. ```html {title || defaultTitle} ``` ### Step 2: Use the SEO Component in Your Pages In your individual pages or components, import the SEO component from `$lib` and pass the necessary data as props. ```html

{title}

Welcome to our about page!

``` {% hint style="info" %} In your `` title use pipes `|` to use space. Your page's main target keyword should appear in the title tag, ideally towards the beginning. If you want to include your site or brand name, place it at the end of the title after a separator. The main keywords should come first. {% endhint %}