Comments (7)
Even though the data from the page is appended, when the browser is loading the page, it only takes into account the last tags so it would use those of the page instead of the layout
from svelte-seo.
try facebook and twitter preview and you will see that its not the case, one of them handles them right, the other doesn't. it's a big deal.
from svelte-seo.
Then inside the layout, try getting the page data from there
from svelte-seo.
Then inside the layout, try getting the page data from there
I'm not really following on how i can do that. An example would be appreciated.
from svelte-seo.
Sorry, I'm kinda busy but try this.
Return the SEO data from a load function inside the page.
Then inside layout,
Try to access it like this
<script>
import { page } from '$app/stores';
import Head from 'svelte-seo'
</script>
<Head facebook={{$page.data.seo.facebook}}/>
from svelte-seo.
Related Issues (17)
- Canonical doesn't seems to work ? HOT 4
- Include `<slot/>` between `<svelte:head>` tags HOT 5
- Include additional options for `og:type` HOT 6
- Duplicate json-ld schemas HOT 4
- Would it be appropriate to have a warning on <title> character limits? HOT 14
- Automatically filling OpenGraph and Twitter cards object with data from the title and description tags HOT 1
- Open Graph not working in Svelte Kit
- JSON-LD stringification is non-standard HOT 3
- Minimun required Fields from Backend? HOT 8
- Suggesting a complete rewrite of this library HOT 4
- Argument of type 'typeof SvelteSeo' is not assignable to parameter of type ConstructorOfATypedSvelteComponent ...... HOT 4
- Request Feature Keyword HOT 3
- Tags do not get updated on Sveltekit single page app HOT 2
- SPA prerender HOT 2
- User Provided LD+JSON assigned to a `data` property in a wrapper object HOT 1
- Export declarations for Svelte and Vite not present HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svelte-seo.