Gold content! Can't believe I have 6+ years of experience and didn't know those SEO things! Imposter Syndome hit hard on this one! Thanks for the video and the awesome content you are providing! Would definitely LOVE to see more SEO content
Hey, no worries at all. SEO always feels like a black box and I'm certain many others could do much better than I've done here, but this is my understanding of the basics? :) At some point I'll do something on SEO. It's definitely a perceived weak spot for me, so I've been a bit hesitant. :)
Wow! This is a great wealth of resources you've made available here. Came across your channel few days ago and I've learnt a lot within a short period. Although I am still going through the entire astro playlist, I would really love to see you breakdown SEO for astro further as there is currently no resource on it here on youtube. I feel it would be appreciated by your community of subscribers as there is hardly an indepth SEO course made for developers. Astro SEO please 😊😊
The og image URL is a relative URL, so it doesn't display correctly; instead, it must be a full URL to display correctly when the corresponding page is shared on social networks.
By the way, I just tried to view the home page index.html in the dist folder with Live Server and it has no styling. Why is that? I can see the stylesheet link from the assets folder but no styling. I thought the files in the dist folder were the ones you would use to load for the live site. What am I missing?
You should be able to upload the dist content to any server and it should work. It may be that live server is trying to process the content and it may be getting confused?
@@CodinginPublic That's the answer I got on Astro's discord as well. I was confused because on their deploy page they show Kinsta. I will assume that it will work with any host company.
Hey Chris, could you help me.... On the URL part.... I did everything the same way you did, but my deployed version says the url is localhost 3000 Might there be something I missed?
@@CodinginPublic Oooh sitemap, I hadn't done that yet (wasn't done with what I wanted).... Let me go add the integration finally I did come across something that works from the docs just now as well: const url = new URL(Astro.url.pathname, {your site URL} )
@@DanteMishima no worries! And you don't need a sitemap technically, just the site property I added in that video. If you add it to your astro config, that's what I'm using in this SEO stuff to generate the URLs. You can also generate new URLs like you found in the docs though. Either way :)
Thanks for the awesome content.. really appreciate it..:-).. When you do add this part "url={Astro.url}" to the Seo component, are you not adding the object Astro.url instead of 'Astro.url.href'? I was confused with this.. although it seems to work when I tried it.. but the reason I am asking this is in one of my site (where it's not working) the canonical url is showing as 'localhost:3000' even when the site is in production on netlify.. and I am trying to debug this issue and can't seem to figure out why the canonical url is not displaying the actual site url.. any ideas?
checked your comments section and found the issue..:-).. it was the missing 'site' attribute in the astro.config..;-).. I had added it in the first site but missed it on the second one.. anyways that's resolved.. but would appreciate it if you could help me understand how or why does the Astro.url object work when you are passing the whole object (Astro.url) instead of the final url which is 'Astro.url.href'..
Glad you found the solution! Hmm…I'm not actually sure why that still works. If it truly is an object (I don't recall) that's odd that it still works? I've always just used .url and it's always worked 🤷♂️
Yes, there’s a community made one; but it didn’t quite include everything I wanted. But that would probably work for many sites! Should have mentioned that.
Can you only go live on specific hosting sites like Kinsta or sites like Netlify? WTF? Can you not use Astro for a client who already has a hosting company? What's the point?
You can use the files anywhere. I have a few Astro sites on Firebase hosting, Vercel, Netlify, as well as a few servers I use old-school FTP to add files to. So it should work anywhere.
@@CodinginPublic Yeah but Firebase, Vercel, and Netlify are not personal domains. I don't know why anyone uses those sites except for portfolio projetcs. I'm talking about a client who has a domain name and a hosting company.
Great. I much prefer working in config files or their own GUIs to cpanel. But again, you’re more than welcome to FTP into your server and add your Astro files. So no pressure to move over to a continuous deployment environment.
Thank you so much for this free course. It is unbelievably valuable to a beginner like me!
So glad to hear it!
Gold content! Can't believe I have 6+ years of experience and didn't know those SEO things! Imposter Syndome hit hard on this one!
Thanks for the video and the awesome content you are providing! Would definitely LOVE to see more SEO content
Hey, no worries at all. SEO always feels like a black box and I'm certain many others could do much better than I've done here, but this is my understanding of the basics? :) At some point I'll do something on SEO. It's definitely a perceived weak spot for me, so I've been a bit hesitant. :)
Wow! This is a great wealth of resources you've made available here.
Came across your channel few days ago and I've learnt a lot within a short period.
Although I am still going through the entire astro playlist, I would really love to see you breakdown SEO for astro further as there is currently no resource on it here on youtube.
I feel it would be appreciated by your community of subscribers as there is hardly an indepth SEO course made for developers.
Astro SEO please 😊😊
You deserve more views mate. ❤
That’s very kind. Just glad to be doing my thing over here in this little corner of the internet.
Nice. I've been avoiding learning SEO but this provides a ton of good info. May need to watch it again though. Or three or four times. LOL
lol at some point I may put together a little mini-course. Hope this was a help!
@@CodinginPublic it would be awesome to have more tutorials about seo and in particular how to optimize websites made with Astro :)
What are the best resources/channels to learn more about SEO? What would you recommend? Especially connected to json-ld?
Best places I know are schema.org/ and technicalseo.com/tools/schema-markup-generator/
Then use a JSONLD validator to ensure it's working corectly.
@@CodinginPublic thank you very much!
The og image URL is a relative URL, so it doesn't display correctly; instead, it must be a full URL to display correctly when the corresponding page is shared on social networks.
hmm… I think you’re right. For some reason the images ARE working for my on social inspite of that? Maybe they’ve changed their requirements?
By the way, I just tried to view the home page index.html in the dist folder with Live Server and it has no styling. Why is that? I can see the stylesheet link from the assets folder but no styling. I thought the files in the dist folder were the ones you would use to load for the live site. What am I missing?
You should be able to upload the dist content to any server and it should work. It may be that live server is trying to process the content and it may be getting confused?
@@CodinginPublic That's the answer I got on Astro's discord as well. I was confused because on their deploy page they show Kinsta. I will assume that it will work with any host company.
Hey Chris, could you help me.... On the URL part.... I did everything the same way you did, but my deployed version says the url is localhost 3000
Might there be something I missed?
Hmm…did you add the SITE attribute in the sitemap video? I'm thinking that may be the culprit.
@@CodinginPublic Oooh sitemap, I hadn't done that yet (wasn't done with what I wanted).... Let me go add the integration finally
I did come across something that works from the docs just now as well:
const url = new URL(Astro.url.pathname, {your site URL} )
@@DanteMishima no worries! And you don't need a sitemap technically, just the site property I added in that video. If you add it to your astro config, that's what I'm using in this SEO stuff to generate the URLs. You can also generate new URLs like you found in the docs though. Either way :)
@@CodinginPublic Ah, that's good to know.... I'll do both anyway.... Thank you
Coding is silly sometimes, one line and everything is working as expected 🤣🤣🤣
What exactly the JSON LD is?
It's structured data that provides more information to search engines about your page content. Hope that helps!
Thanks for the awesome content.. really appreciate it..:-).. When you do add this part "url={Astro.url}" to the Seo component, are you not adding the object Astro.url instead of 'Astro.url.href'? I was confused with this.. although it seems to work when I tried it.. but the reason I am asking this is in one of my site (where it's not working) the canonical url is showing as 'localhost:3000' even when the site is in production on netlify.. and I am trying to debug this issue and can't seem to figure out why the canonical url is not displaying the actual site url.. any ideas?
checked your comments section and found the issue..:-).. it was the missing 'site' attribute in the astro.config..;-).. I had added it in the first site but missed it on the second one.. anyways that's resolved.. but would appreciate it if you could help me understand how or why does the Astro.url object work when you are passing the whole object (Astro.url) instead of the final url which is 'Astro.url.href'..
Glad you found the solution! Hmm…I'm not actually sure why that still works. If it truly is an object (I don't recall) that's odd that it still works? I've always just used .url and it's always worked 🤷♂️
Great Content! I think astro has an integration with seo called astro-seo
Yes, there’s a community made one; but it didn’t quite include everything I wanted. But that would probably work for many sites! Should have mentioned that.
Aah, that's how you get the preview image.... Thank you
Yep!!
Holy cow - totally clueless for this video - looks like I have a lot of research to do
I may do a mini-SEO course at some point in the future, but hope this was a sort of introduction.
Can you only go live on specific hosting sites like Kinsta or sites like Netlify? WTF? Can you not use Astro for a client who already has a hosting company? What's the point?
You can use the files anywhere. I have a few Astro sites on Firebase hosting, Vercel, Netlify, as well as a few servers I use old-school FTP to add files to. So it should work anywhere.
@@CodinginPublic Yeah but Firebase, Vercel, and Netlify are not personal domains. I don't know why anyone uses those sites except for portfolio projetcs. I'm talking about a client who has a domain name and a hosting company.
@@JimKernix you can use custom domains with all of those.
@@CodinginPublic How is their speed? Do they have a cpanel with the ability to do redirects or other cpanel functions?
Great. I much prefer working in config files or their own GUIs to cpanel. But again, you’re more than welcome to FTP into your server and add your Astro files. So no pressure to move over to a continuous deployment environment.