Sanity SEO done right: Open Graph, JSON-LD, fallbacks

0:04Hey bud, how you doing? So, first of

0:04Hey bud, how you doing? So, first of all, I wanted to put this on YouTube so

0:06all, I wanted to put this on YouTube so

0:06all, I wanted to put this on YouTube so everybody else can actually see the

0:07everybody else can actually see the

0:07everybody else can actually see the answer to this question cuz I get asked

0:08answer to this question cuz I get asked

0:08answer to this question cuz I get asked this so many times on a daily basis, but

0:11this so many times on a daily basis, but

0:11this so many times on a daily basis, but I thought it might be helpful for you.

0:12I thought it might be helpful for you.

0:12I thought it might be helpful for you. So, in short, and this is a very very

0:15So, in short, and this is a very very

0:15So, in short, and this is a very very common thing that we get.

0:16common thing that we get.

0:16common thing that we get. Has anybody done SEO work on Sanity

0:18Has anybody done SEO work on Sanity

0:18Has anybody done SEO work on Sanity before?

0:19before?

0:19before? Doesn't really go too much into what's

0:21Doesn't really go too much into what's

0:21Doesn't really go too much into what's actually built into the model, but I

0:22actually built into the model, but I

0:22actually built into the model, but I hear this time and time again. And the

0:24hear this time and time again. And the

0:24hear this time and time again. And the reason why you have this happen so much

0:26reason why you have this happen so much

0:26reason why you have this happen so much is because Sanity is very very

0:29is because Sanity is very very

0:29is because Sanity is very very unopinionated.

0:30unopinionated.

0:30unopinionated. And the reason why it's very very

0:31And the reason why it's very very

0:31And the reason why it's very very unopinionated is because it can create

0:33unopinionated is because it can create

0:33unopinionated is because it can create models that can do anything, genuinely

0:36models that can do anything, genuinely

0:36models that can do anything, genuinely anything.

0:37anything.

0:37anything. When it comes to just writing a blog, or

0:39When it comes to just writing a blog, or

0:39When it comes to just writing a blog, or it can be more complex as to running an

0:40it can be more complex as to running an

0:40it can be more complex as to running an entire like e-commerce system, or it can

0:43entire like e-commerce system, or it can

0:43entire like e-commerce system, or it can be as simple as creating like a terminal

0:44be as simple as creating like a terminal

0:45be as simple as creating like a terminal that tells you the latest train times

0:47that tells you the latest train times

0:47that tells you the latest train times train station. It's it's really really

0:50train station. It's it's really really

0:50train station. It's it's really really scalable. Anyway, so what I'll talk

0:53scalable. Anyway, so what I'll talk

0:53scalable. Anyway, so what I'll talk about is a little bit of this. So, this

0:54about is a little bit of this. So, this

0:54about is a little bit of this. So, this is a old learn article that we wrote

0:57is a old learn article that we wrote

0:57is a old learn article that we wrote with Sanity, which is really helpful. It

0:59with Sanity, which is really helpful. It

0:59with Sanity, which is really helpful. It tells you about how you should

1:01tells you about how you should

1:01tells you about how you should opinionate

1:02opinionate

1:02opinionate your actual SEO.

1:04your actual SEO.

1:04your actual SEO. And it's all good and fine. If you want

1:06And it's all good and fine. If you want

1:06And it's all good and fine. If you want to take the time out to go look through

1:07to take the time out to go look through

1:07to take the time out to go look through this, that's great. You've got a lot

1:09this, that's great. You've got a lot

1:09this, that's great. You've got a lot more time than I have, so that's

1:11more time than I have, so that's

1:11more time than I have, so that's fantastic. Now, I'm going to show you

1:12fantastic. Now, I'm going to show you

1:12fantastic. Now, I'm going to show you something totally different. This is

1:13something totally different. This is

1:13something totally different. This is actually the Turbo Star, and this is the

1:15actually the Turbo Star, and this is the

1:15actually the Turbo Star, and this is the way that we do it. It's the same thing

1:16way that we do it. It's the same thing

1:16way that we do it. It's the same thing that's in the Sanity learn

1:17that's in the Sanity learn

1:17that's in the Sanity learn documentation,

1:19documentation,

1:19documentation, but I know how low people's attention

1:21but I know how low people's attention

1:21but I know how low people's attention spans are today. So, very very quickly,

1:23spans are today. So, very very quickly,

1:23spans are today. So, very very quickly, I'll show you how this works. This is

1:25I'll show you how this works. This is

1:25I'll show you how this works. This is how we opinionate SEO, and we do the

1:27how we opinionate SEO, and we do the

1:27how we opinionate SEO, and we do the exact same on every single one of our

1:28exact same on every single one of our

1:28exact same on every single one of our projects. So, when we build a page for a

1:31projects. So, when we build a page for a

1:31projects. So, when we build a page for a page builder, or for a blog, or any

1:33page builder, or for a blog, or any

1:33page builder, or for a blog, or any other document type, it has a title.

1:37other document type, it has a title.

1:37other document type, it has a title. Okay, and you can do validation, you can

1:39Okay, and you can do validation, you can

1:39Okay, and you can do validation, you can do things like oh, it has to be X number

1:40do things like oh, it has to be X number

1:41do things like oh, it has to be X number of characters. You can do that. That's

1:42of characters. You can do that. That's

1:42of characters. You can do that. That's really cool if you think it would help

1:44really cool if you think it would help

1:44really cool if you think it would help the client, but for the simplicity of

1:46the client, but for the simplicity of

1:46the client, but for the simplicity of this, we don't have like that little

1:47this, we don't have like that little

1:47this, we don't have like that little number underneath because we're trying

1:49number underneath because we're trying

1:49number underneath because we're trying to be unopinionated. And description,

1:52to be unopinionated. And description,

1:52to be unopinionated. And description, which is going to be effectively used as

1:54which is going to be effectively used as

1:54which is going to be effectively used as your meta description on the page.

1:56your meta description on the page.

1:56your meta description on the page. This can also double up. So, if for

1:58This can also double up. So, if for

1:58This can also double up. So, if for example, it's a blog, um the title of

2:01example, it's a blog, um the title of

2:01example, it's a blog, um the title of the blog could also be the title that

2:03the blog could also be the title that

2:03the blog could also be the title that sits inside of here. And the description

2:05sits inside of here. And the description

2:05sits inside of here. And the description could be the little blurb that you get

2:07could be the little blurb that you get

2:07could be the little blurb that you get just before you click into the blog on a

2:09just before you click into the blog on a

2:09just before you click into the blog on a card.

2:10card.

2:10card. That's one thing to note. So, this

2:12That's one thing to note. So, this

2:12That's one thing to note. So, this becomes our baseline. The same with

2:14becomes our baseline. The same with

2:14becomes our baseline. The same with images. So, you may see an image in here

2:15images. So, you may see an image in here

2:15images. So, you may see an image in here as well, um which I believe is in SEO.

2:18as well, um which I believe is in SEO.

2:18as well, um which I believe is in SEO. So, ours is a SEO image override. Um

2:21So, ours is a SEO image override. Um

2:21So, ours is a SEO image override. Um however, sometimes we actually include

2:22however, sometimes we actually include

2:22however, sometimes we actually include the image in here as well. Uh it could

2:24the image in here as well. Uh it could

2:24the image in here as well. Uh it could be that it should be in here. No. Okay.

2:27be that it should be in here. No. Okay.

2:27be that it should be in here. No. Okay. Um that might get tweaked on the

2:29Um that might get tweaked on the

2:29Um that might get tweaked on the TurboStart sanity. But essentially, I

2:30TurboStart sanity. But essentially, I

2:30TurboStart sanity. But essentially, I like to have an image inside of here as

2:32like to have an image inside of here as

2:32like to have an image inside of here as well as part of the pages as a fallback

2:35well as part of the pages as a fallback

2:35well as part of the pages as a fallback image.

2:36image.

2:36image. However, we have this secondary tab,

2:38However, we have this secondary tab,

2:38However, we have this secondary tab, which is SEO. This is your SEO, your

2:40which is SEO. This is your SEO, your

2:40which is SEO. This is your SEO, your meta title, so your title tags at the

2:42meta title, so your title tags at the

2:42meta title, so your title tags at the top, um and the meta description, which

2:44top, um and the meta description, which

2:44top, um and the meta description, which would be in the meta description

2:45would be in the meta description

2:46would be in the meta description section. Um and these will override the

2:49section. Um and these will override the

2:49section. Um and these will override the title and the description. And you might

2:51title and the description. And you might

2:51title and the description. And you might ask, "Hold up, if we've got the title

2:53ask, "Hold up, if we've got the title

2:53ask, "Hold up, if we've got the title and description, then what's going to

2:54and description, then what's going to

2:54and description, then what's going to happen if we override them? Then there's

2:56happen if we override them? Then there's

2:56happen if we override them? Then there's surely there's no reason to have these

2:57surely there's no reason to have these

2:57surely there's no reason to have these in the first place." Well, the reason we

2:59in the first place." Well, the reason we

2:59in the first place." Well, the reason we have these is because they're always a

3:01have these is because they're always a

3:01have these is because they're always a fallback. So, it means that you have a

3:03fallback. So, it means that you have a

3:03fallback. So, it means that you have a consistent way of editing your pages,

3:05consistent way of editing your pages,

3:05consistent way of editing your pages, whether that's a page with page builder

3:06whether that's a page with page builder

3:07whether that's a page with page builder blocks or a blog, which has like the

3:09blocks or a blog, which has like the

3:09blocks or a blog, which has like the blog title, blog description. So, it may

3:11blog title, blog description. So, it may

3:11blog title, blog description. So, it may not appear on all pages.

3:13not appear on all pages.

3:13not appear on all pages. Now, we've got our SEO, so our metas.

3:16Now, we've got our SEO, so our metas.

3:16Now, we've got our SEO, so our metas. What about our open graph? Well, makes

3:17What about our open graph? Well, makes

3:17What about our open graph? Well, makes perfect sense. Let's do open graph

3:19perfect sense. Let's do open graph

3:19perfect sense. Let's do open graph title, open graph description. And you

3:21title, open graph description. And you

3:21title, open graph description. And you can go a step further and also do I

3:24can go a step further and also do I

3:24can go a step further and also do I think there's a separated image. Uh you

3:26think there's a separated image. Uh you

3:26think there's a separated image. Uh you can separate it out down to as granular

3:29can separate it out down to as granular

3:29can separate it out down to as granular level as here's what we want to have on

3:31level as here's what we want to have on

3:31level as here's what we want to have on Twitter, here's what we want to have on

3:32Twitter, here's what we want to have on

3:32Twitter, here's what we want to have on Facebook. And I think LinkedIn does it

3:34Facebook. And I think LinkedIn does it

3:34Facebook. And I think LinkedIn does it as well just off the top of my head. Um

3:36as well just off the top of my head. Um

3:36as well just off the top of my head. Um this is kind of like our de facto

3:38this is kind of like our de facto

3:38this is kind of like our de facto baseline. So, I would highly, highly

3:40baseline. So, I would highly, highly

3:40baseline. So, I would highly, highly recommend doing it this way. Um however,

3:42recommend doing it this way. Um however,

3:42recommend doing it this way. Um however, you can go a lot more granular. You can

3:44you can go a lot more granular. You can

3:44you can go a lot more granular. You can put JSON-LD in there. You can do all

3:46put JSON-LD in there. You can do all

3:46put JSON-LD in there. You can do all sorts of things. However, a note on

3:48sorts of things. However, a note on

3:48sorts of things. However, a note on JSON-LD, and I've said this to to of

3:50JSON-LD, and I've said this to to of

3:50JSON-LD, and I've said this to to of different people, I much, much prefer

3:52different people, I much, much prefer

3:52different people, I much, much prefer set and forget JSON-LD. So, if you're

3:55set and forget JSON-LD. So, if you're

3:55set and forget JSON-LD. So, if you're already putting all this data like

3:56already putting all this data like

3:56already putting all this data like titles and descriptions and things like

3:58titles and descriptions and things like

3:58titles and descriptions and things like that in there, and authors if you're on

4:00that in there, and authors if you're on

4:00that in there, and authors if you're on a blog page, then if you're on a blog

4:02a blog page, then if you're on a blog

4:02a blog page, then if you're on a blog page, let me show you a quick example of

4:03page, let me show you a quick example of

4:03page, let me show you a quick example of this. Um I'm wondering if we have

4:05this. Um I'm wondering if we have

4:05this. Um I'm wondering if we have authors on here. I hope we do. If we

4:06authors on here. I hope we do. If we

4:06authors on here. I hope we do. If we don't, I'm going to tell you how to do

4:07don't, I'm going to tell you how to do

4:07don't, I'm going to tell you how to do it.

4:08it.

4:08it. Uh we do. Great. So, if we've got all of

4:11Uh we do. Great. So, if we've got all of

4:11Uh we do. Great. So, if we've got all of these authors that are inside of here,

4:13these authors that are inside of here,

4:13these authors that are inside of here, why don't we just pull those authors

4:15why don't we just pull those authors

4:15why don't we just pull those authors into JSON-LD by default, which is set

4:17into JSON-LD by default, which is set

4:17into JSON-LD by default, which is set and forget? So, you don't have to think

4:18and forget? So, you don't have to think

4:18and forget? So, you don't have to think about You just enter the data inside of

4:20about You just enter the data inside of

4:20about You just enter the data inside of Sanity, and a like-for-like parity comes

4:22Sanity, and a like-for-like parity comes

4:22Sanity, and a like-for-like parity comes up with JSON-LD. And it's not so

4:25up with JSON-LD. And it's not so

4:25up with JSON-LD. And it's not so complicated these days with AI, so you

4:26complicated these days with AI, so you

4:26complicated these days with AI, so you can even do this relatively quickly. Um

4:29can even do this relatively quickly. Um

4:29can even do this relatively quickly. Um but yeah, this is what I'm talking about

4:30but yeah, this is what I'm talking about

4:30but yeah, this is what I'm talking about when I talk about a de facto default SEO

4:34when I talk about a de facto default SEO

4:34when I talk about a de facto default SEO experience, what you should use as a

4:35experience, what you should use as a

4:35experience, what you should use as a baseline for every single Sanity website

4:38baseline for every single Sanity website

4:38baseline for every single Sanity website that is going to be a website. This

4:40that is going to be a website. This

4:40that is going to be a website. This obviously differs if it's going to be a

4:41obviously differs if it's going to be a

4:41obviously differs if it's going to be a different function, but if you're

4:42different function, but if you're

4:42different function, but if you're looking to start this straight away, or

4:44looking to start this straight away, or

4:44looking to start this straight away, or in your case, I would just literally go

4:47in your case, I would just literally go

4:47in your case, I would just literally go to the Sanity Exchange, go find Turbo

4:49to the Sanity Exchange, go find Turbo

4:49to the Sanity Exchange, go find Turbo Start Sanity. also find this on GitHub.

4:51Start Sanity. also find this on GitHub.

4:51Start Sanity. also find this on GitHub. Um go view the repo,

4:53Um go view the repo,

4:53Um go view the repo, and tell the developer to just go look

4:55and tell the developer to just go look

4:55and tell the developer to just go look inside of here, um and pay a special

4:57inside of here, um and pay a special

4:57inside of here, um and pay a special attention to two files. One of them is

4:59attention to two files. One of them is

4:59attention to two files. One of them is query. So, query shows you how we handle

5:02query. So, query shows you how we handle

5:02query. So, query shows you how we handle our Groq queries, and Groq is the query

5:04our Groq queries, and Groq is the query

5:04our Groq queries, and Groq is the query language from Sanity.

5:05language from Sanity.

5:05language from Sanity. And then the second thing you want to

5:06And then the second thing you want to

5:06And then the second thing you want to pay attention to inside of here,

5:08pay attention to inside of here,

5:08pay attention to inside of here, um is Let me see if I can find it for

5:11um is Let me see if I can find it for

5:11um is Let me see if I can find it for you. Let me just press up top.

5:13you. Let me just press up top.

5:13you. Let me just press up top. Any second now is the SEO I think it's

5:16Any second now is the SEO I think it's

5:16Any second now is the SEO I think it's SEO fields, which you can see you can

5:18SEO fields, which you can see you can

5:18SEO fields, which you can see you can reuse this. This is what we use on ours,

5:20reuse this. This is what we use on ours,

5:20reuse this. This is what we use on ours, where it's the SEO title, SEO

5:21where it's the SEO title, SEO

5:21where it's the SEO title, SEO description. Makes perfect sense. SEO

5:24description. Makes perfect sense. SEO

5:24description. Makes perfect sense. SEO image, SEO no index, and SEO hide from

5:27image, SEO no index, and SEO hide from

5:27image, SEO no index, and SEO hide from lists. And the reason we have these two

5:29lists. And the reason we have these two

5:29lists. And the reason we have these two left is because obviously you want to

5:30left is because obviously you want to

5:30left is because obviously you want to have a no index sometimes. Maybe it's a

5:32have a no index sometimes. Maybe it's a

5:32have a no index sometimes. Maybe it's a paper click content page that you very

5:34paper click content page that you very

5:34paper click content page that you very specifically want to like tunnel down

5:37specifically want to like tunnel down

5:37specifically want to like tunnel down um a specific person that's coming to

5:39um a specific person that's coming to

5:39um a specific person that's coming to your website. And the second one is SEO

5:41your website. And the second one is SEO

5:41your website. And the second one is SEO hide from lists, because for example,

5:43hide from lists, because for example,

5:43hide from lists, because for example, you have a blog post, it may be that you

5:46you have a blog post, it may be that you

5:46you have a blog post, it may be that you don't want that blog post to show up on

5:48don't want that blog post to show up on

5:48don't want that blog post to show up on certain lists. It may be that you have a

5:50certain lists. It may be that you have a

5:50certain lists. It may be that you have a no index and you also don't want it to

5:51no index and you also don't want it to

5:51no index and you also don't want it to show up on certain lists or vice versa.

5:53show up on certain lists or vice versa.

5:54show up on certain lists or vice versa. That's the reason we do this because if

5:55That's the reason we do this because if

5:55That's the reason we do this because if you have SEO hide from lists inside of

5:58you have SEO hide from lists inside of

5:58you have SEO hide from lists inside of your grok, you can say, "Give me all the

6:00your grok, you can say, "Give me all the

6:00your grok, you can say, "Give me all the blogs except for the ones that are

6:01blogs except for the ones that are

6:01blogs except for the ones that are getting hidden from lists." And it's

6:03getting hidden from lists." And it's

6:03getting hidden from lists." And it's really nice and easy to work with. Uh

6:05really nice and easy to work with. Uh

6:05really nice and easy to work with. Uh there's some very basic validation here,

6:07there's some very basic validation here,

6:07there's some very basic validation here, but I hope this helps with you trying to

6:09but I hope this helps with you trying to

6:09but I hope this helps with you trying to solve this SEO problem. If it continues,

6:11solve this SEO problem. If it continues,

6:11solve this SEO problem. If it continues, just give us a shout. We're more than

6:12just give us a shout. We're more than

6:12just give us a shout. We're more than happy to try and help and give you

6:14happy to try and help and give you

6:14happy to try and help and give you pointers in the right direction. Thanks

6:17pointers in the right direction. Thanks

6:17pointers in the right direction. Thanks a lot. Have a great day. Take care.

6:19a lot. Have a great day. Take care.

6:19a lot. Have a great day. Take care. Bye-bye.