Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

De-duplication of meta tags in head

See original GitHub issue

Is your feature request related to a problem? Please describe. If you declare tags in the _layout.svelte, and then declare the same tag in a page’s <svelte:head>, the tags are appended.

This is fine for some cases, but if I want a global meta tag across the whole site, and then specific meta tags for specific pages, I can’t do it, because in those pages I get both tags.

Describe the solution you’d like If I was able to declare a unique attribute on a tag, which indicated to the child component that this tag should be replaced, and was not in addition to the tag from _layout, this would be ideal.

Describe alternatives you’ve considered Another alternative is that we can define an ID on meta tags, which would have the same purpose. The newest tag would be used for the head, and the old one replaced.

How important is this feature to you? Very High - it makes SEO really very difficult to get right with Sapper / Svelte.

Issue Analytics

State:
Created 3 years ago
Reactions:13
Comments:16 (6 by maintainers)

Top GitHub Comments

4reactions

s-kriscommented, Sep 1, 2021

This needs to be fixed. React-Helmet overrides as per the deepest tag in the hierarchy.

2reactions

tx0ccommented, Aug 12, 2022

this needs to be fixed: Svelte needs a way to be able de-duplicate meta headers

fyi: https://nextjs.org/docs/api-reference/next/head

      <Head>
        <title>My page title</title>
        <meta property="og:title" content="My page title" key="title" />
      </Head>
      <Head>
        <meta property="og:title" content="My new title" key="title" />
      </Head>