GatsbyJS: How to Implement Schema Markup on Your Gatsby Site

preview_player
Показать описание
Schema markup is a way of providing search engines context about your website. If implemented correctly, it can play a big role in helping your site standout in Google's search results. In this video I walk through the process of how you can add schema markup to your Gatsby site.

Links:

Previous Videos on Schema Markup:

Timestamps:
0:00 - Introduction
0:41 - Creating a new Gatsby Site.
1:34 - Adding code to SEO component.
2:53 - Adding schema markup to page.

Connect:

#gatsbyjs #schemamarkup #gatsbyseo
  1. Guiding Digital
  2. gatsby schema markup
  3. gatsby.js schema markup
  4. gatsby structured data
  5. gatsbyjs schema markup
  6. gatsby seo
Рекомендации по теме
GatsbyJS: How to 0:07:19

GatsbyJS: How to Implement Schema Markup on Your Gatsby Site

WTF is Gatsby 0:02:31

WTF is Gatsby schema?

GatsbyJS, how to 0:18:47

GatsbyJS, how to do it, and why by Grant Glidewell

#02 - React 0:30:04

#02 - React Blog Website with Gatsby.js & Sanity.io | Sanity Schema

GatsbyJs Tutorial - 0:07:39

GatsbyJs Tutorial - How To Deploy Gatsby to a Virtual Private Server (VPS)

GatsbyJS & GA4: 0:12:37

GatsbyJS & GA4: Upgrading a Gatsby Site to Google Analytics 4

🔴 🏴‍☠️ Add 1:20:46

🔴 🏴‍☠️ Add tests to your Gatsby Plugin · #GatsbyJS Deep Dive

GatsbyJS & Analytics: 0:08:09

GatsbyJS & Analytics: How to Add Google Universal Analytics To a Gatsby Site

GatsbyJS: Gatsby Markdown 0:12:10

GatsbyJS: Gatsby Markdown Pages - Mappings & Images

Gatsby JS & 0:28:03

Gatsby JS & GitHub (querying repo data from Gatsby using GraphQL) 🐔

Creating nodes in 1:34:21

Creating nodes in GatsbyJS with two data sources using the sourceNode API

#05 - React 0:08:57

#05 - React Blog Website with Gatsby.js & Sanity.io | Featured Schema

GraphQL Explained in 0:02:22

GraphQL Explained in 100 Seconds

#04 - React 0:12:44

#04 - React Blog Website with Gatsby.js & Sanity.io | Category Schema & Relations

GatsbyJS: Gatsby Markdown 0:13:54

GatsbyJS: Gatsby Markdown Page Basics

🔴 🏴‍☠️ Modularize 1:25:12

🔴 🏴‍☠️ Modularize your Gatsby project with local plugins · #GatsbyJS Deep Dive

Gatsby JS #3 0:05:37

Gatsby JS #3 - Querying the Filesystem with Graphql

GatsbyJS - Pobieranie 0:16:51

GatsbyJS - Pobieranie danych z GraphQL (Pokedex 🦄)

Build a blazing 1:08:42

Build a blazing fast website with GatsbyJS and Contentful

GatsbyJS Crash Course 1:38:05

GatsbyJS Crash Course In 2024 - Build a Pokedex

Gatsby JS v4 1:38:14

Gatsby JS v4 & DatoCMS Crash Course (2022) - the BEST CMS for Gatsby?

What is Gatsby 0:07:41

What is Gatsby JS? | Build lightening-fast websites for clients | Gatsby Series

Gatsby JS absolute 0:04:59

Gatsby JS absolute imports - EASIEST way to clean up your imports / code 🧹

How To Set 0:08:00

How To Set Up Your First GatsbyJS Site & Pull Blogs From Wordpress

Комментарии
Автор

Amazing Content Phil. Will definitely share with my friends

jayeshsolanki
Автор

Thank you! I had to adapt because I have another query, but it worked!

brunocesarlima
Автор

Google rich results test not showing any items. I can see script tag with application/ld+json under elements tab in developers tools but not on google rich results test.
Any idea ?
Struggling with same thing for gatsby-plugin-next-seo

savitakumari
Автор

Thanks. To the point and well done. Nice voice btw.

wymarzonezycie
Автор

What would be the proper schema type to use for a service business? (LocalBusiness, Organisation, WebPage) I notice a lot of businesses in a similar industry are using the WebPage type... Does this matter?

fb
Автор

Awesome video, but do i have to add the schema on all my pages

edrisaleigh
Автор

Automatically create schema markup for blog posts is that possible??

sandeeshkumar