Тёмный

Improve SEO of Gatsby site 

Ondrabus
Подписаться 590
Просмотров 6 тыс.
50% 1

How to improve SEO of Gatsby site? Add standard and OpenGraph meta tags using React helmet plugin and data from headless CMS.

Опубликовано:

 

12 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 12   
@TheRoseWoodBody
@TheRoseWoodBody 2 года назад
Thanks for reminding me that light themes exist!
@sergeynazarov2473
@sergeynazarov2473 3 года назад
Not bad, but I've found more useful to set Helmet with all tags and rest data I need inside Layout component and pass data there from every page as object. Also, what do you know about destructuring in JS? Those "trains" inside templates could be much smaller...
@mikiyasgirma9752
@mikiyasgirma9752 4 года назад
Nice video... just if you can zoom in to the code a little bit for future will be awesome.
@r0ger80
@r0ger80 4 года назад
Hey great video and thanks for the content!. Just one advice though. It's better if you zoom in the code it's quite hard to read
@Ondrabus
@Ondrabus 4 года назад
Thanks, I'll try to make the code bigger for the next video :-)
@grigoriymalyshev4782
@grigoriymalyshev4782 4 года назад
Hello! Have you encountered the issue with open graph, that content doesn't appears in snippets? Because of gatsby renders all helmet meta after the basic webpage structure and social-network parsers don't wait for full download? Very annoying bug. Or it's just my both left hands?
@Ondrabus
@Ondrabus 4 года назад
Hey Grigoriy, can you send a link to the page you're experiencing this on? If the bot supports JS, it should wait for the page to load, otherwise, there's always static HTML page available with all content.
@grigoriymalyshev4782
@grigoriymalyshev4782 4 года назад
@@Ondrabus Thanks for reply. I've found a problem - I've just used basic react-helmet instead of gatsby-react-helmet
@Ondrabus
@Ondrabus 4 года назад
@@grigoriymalyshev4782 Awesome, thanks for sharing your solution :)
@wenezz
@wenezz 4 года назад
i followed your tutorial and I got the error: TypeError: Cannot read property 'siteMetadata' of undefined
@Ondrabus
@Ondrabus 4 года назад
When you try the GraphQL query in the explorer, does it work, i.e. does it return the right data?
@ricardorien
@ricardorien 4 года назад
Zoom and dark mode, for God sake.
Далее
Day 1 | IEM Rio 2024 | Playoffs | КРNВОЙ ЭФИР
7:04:51
КУШАТЬ ХОЧЕШЬ? #дистори
00:15
Просмотров 173 тыс.
Gatsby JS Crash Course
1:04:33
Просмотров 244 тыс.
Using Prismic with NextJS
1:25:39
Просмотров 10 тыс.
When Should You Use Gatsby?
9:06
Просмотров 152 тыс.
The ultimate guide to web performance
6:43
Просмотров 438 тыс.
The 7 Reasons Why Gatsby JS Rocks
18:54
Просмотров 1,4 тыс.
Announcing: Gatsby Plugin Image with Laurie Barth
10:25
Next.js vs Gatsby for SEO
12:55
Просмотров 39 тыс.