Skip to content

Page missing title in svelte:head

What this means

The page has a <svelte:head> block (which is good) but there is no <title> element inside it. Without a title, the browser tab and search result listings have no page-specific label. If the root layout sets a default title, every page without its own title shows the same value, creating duplicate titles across the site.

How to fix it

Add a <title> element inside the existing <svelte:head> block.

<!-- Before -->
<svelte:head>
  <meta name="description" content="Learn about our studio and approach." />
</svelte:head>

<!-- After -->
<svelte:head>
  <title>About | Acme</title>
  <meta name="description" content="Learn about our studio and approach." />
</svelte:head>

Keep each title unique and descriptive. The pattern Page Name | Brand Name works for most cases.

For pages powered by dynamic data:

<script>
  export let data
</script>

<svelte:head>
  <title>{data.post.title} | Acme Blog</title>
  <meta name="description" content={data.post.excerpt} />
</svelte:head>

<article>
  <h1>{data.post.title}</h1>
</article>

Verify the fix

curl -s https://example.com/about | grep -i '<title'

The output should show your page-specific title. Re-run the audit:

npx orino audit .