Schema App Tutorial: About Page Markup


Transcript of audio:

In this tutorial, we’ll go over how you can optimize your About Page using Schema App. Let’s start by going to the structured data editor on the menu. Once in the structured data editor, we’re going to want to search for the datatype About Page. The vocabulary has a specific data type for marking up your About Page so let’s go there, type in About Page. Once it comes up, you can go ahead and click on the create button to get started. Schema App will prompt you to name this data item in this case we’ll call it the Schema App About Page. You want the name to be something that’s easy to recognize once it’s in your data item list. The URI is the unique reference used by our integrations and is usually the URL of the page that you want code to deploy for, so in this case, it’s the Schema App About Page URL. Once you click OK, Schema App is going to bring up all the properties for the About Page. It’ll prompt you if there’s any required or recommended fields that are used by Google in order to build their features. In this case, there is no required or recommended fields and so we’ll start with the basic properties.

You can start by entering the description, so Schema App About Page describes what is Schema App. And the image again you want to always reference back to your page and see what is on the page. When you’re using markup, you want to represent what is on the page in the language of the search engines. So in this case we have our logo, so let’s go ahead and copy that image address and we’ll go ahead and paste that in Schema App. Same As probably doesn’t have a good reference here and the URL again is the URL of the page so we’ll go ahead and copy and paste that in. In the About Page properties, there’s a couple I want to highlight here. The first is the about this is the subject matter of the content and it can be any type of thing, so think this is any type of data item anything that’s in the tree. And so in this case we’re describing Schema App which is sort of our organization. So we’ll type in Schema App since I followed my instructions and other video tutorials so I can go ahead and select Schema App. Now if your About Page is about a person you could also type in the person’s name here. So you can see here we’ll put in Mark van Berkel since he’s been described here, and let’s say you’re just getting started, your starting with your About Page, you can use the down arrow and it will prompt you to create a new data item.

So create a new data item, and in this case let’s say the page was about me so we’ll put Martha van Berkel. We’ll leave the identifier, actually we’ll put it as the About Page, and then i’ll put a hashtag Martha van Berkel so what this is saying is that Martha van Berkel is described on this page but i need to use a hashtag in order to differentiate it from the main About Page in order for it to be unique. So the identifier here is going to be the About Page but i’m going to use the hashtag Martha van Berkel at the end to make it unique. Under the type this is a person so I’m going to select person. For the type, whatever you’re describing you want to make sure your specific as possible and you may want to just search through the vocabulary in order to identify what that most specific thing is. So we’ll go ahead and click on OK. What we’ve done here now is created a connected data item in Schema App and once we’re done filling out everything on this page, we’re going to go and edit that and add details about Martha van Berkel.

The other piece that may be appropriate for your About Page is associated media. This is a media object that encodes this creative work so something that maybe there’s a song, maybe there’s additional videos, you can go ahead and select a media object here. There is also a video, an embedded image video here and so let’s say we wanted to highlight a video, our About Page doesn’t have a video but i’ll do it for this example. I want to go ahead and create a video object so we’ll go ahead and they create data object Martha’s rapping video, and if there’s a URI we can just leave that is as the basic one because we’re going to go ahead and detail it more when we edit that video object. So again the key things here are making sure that you have the basic properties, in this case it’s a organization or person, oh, it can also be a topic so let’s add that.

So you can go ahead and add another one here and create a data item and let’s say we were talking about digital marketing, maybe there’s something about our company or about our about page that’s just really getting really narrow on a specific topic. What you can do here is use a Wikipedia reference. So you can actually search for Wikipedia in digital marketing and here you would go ahead and pull up that URL and use that as your identifier. So i’ll go ahead and put that in my identifier, I think I’ll just leave it as a topic. I think i might just leave it as a generic thing. Type in thing, and click OK. So let’s go ahead and save changes now you can see it’s calling out in referencing these kind of connected pieces of information and so we added Martha van Berkel so if we wanted to add more details about who is Martha van Berkel, and what details are on that about page, I can go ahead and click on edit. And here I am sort of being asked sort of details about Martha so I could put things such as you know, has a role or owns, has my address et cetera, so this is sort of for person and being able to to go ahead and and articulate what it is about that person. I can save it i can then go back to the Schema App about page and I can go and now add the details about the video and so when the video comes up it’ll have again you know if there’s a Google feature that requires it, it will have required and recommended fields and then I can go ahead and fill out those required, recommended and basic properties in order to detail out what the video is, where is the content URL, when was it uploaded etc and i’ll go ahead and save that and I’m done, If you’re using our integrations, after you click on save, the JSON-LD is produced and then pulled in by the WordPress API, Google Tag Manager JavaScript API or other integrations. If you want to cut and paste, you can go ahead and click on actions -> get JSON-LD and pull the JSON-LD from there. So that’s how you optimize your About Page.

Mark van Berkel is the co-founder and COO of Hunch Manifest and the creator of Schema App.  He is an expert in Semantic Technology and Semantic Search Marketing. Mark built Schema App to solve his own challenges in writing and validating schema markup.