How to include svelte:head content in static build?

[lebe-dev]

I'm trying to build a completely static website without backend and struggle with meta tags (SEO).

"@sveltejs/adapter-static": "^3.0.6",
"@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^4.0.0",
"svelte": "^5.0.0",

File svelte.config.js:

import adapter from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	preprocess: vitePreprocess(),

	kit: {
		adapter: adapter({
			fallback: 'index.html',
			pages: 'build',
			assets: 'build',
			precompress: false
		}),
		prerender: {
			entries: ['*'] // or specify your routes explicitly
		}
	}
};

export default config;

Could you explain:

• Why <svelte:head> content is missing after compilation?
• How to force svelte to keep meta tags? Any workaround?

[Ocean-OS]

svelte:head implies the use of reactivity in the head element, which doesn't work well with SEO. SEO usually takes the initially loaded head element when crawling web pages.
To make this work, if you aren't using any reactivity, use a regular head element.