{"id":386,"date":"2015-04-15T11:27:55","date_gmt":"2015-04-15T05:57:55","guid":{"rendered":"https:\/\/vividreal.co.in\/vividreal\/?p=386"},"modified":"2015-04-15T11:27:55","modified_gmt":"2015-04-15T05:57:55","slug":"the-complete-structured-data-guide","status":"publish","type":"post","link":"https:\/\/vividreal.co.in\/vividreal\/the-complete-structured-data-guide\/","title":{"rendered":"How to boost your SEO using schema.org"},"content":{"rendered":"

Google has made great advancements on the technical front to enhance search experience. Unlike human readers, search engines have limited resources about what is being conferred on a webpage. Millions of pages are crawled every day to return the best available result for users. Ever wondered how search engines do this?<\/p>\n

Yes, it\u2019s all about the content! Unlike the past, keywords are not the only contributing elements that can make your content recognizable to search engines. They reward content that is well-written (quality), well-presented (structured) and well-answered (keywords + semantics).<\/p>\n

One of the most important technologies that make your content appealing to search engines is Schema. It helps organize, present and convey your content in a better way.<\/p>\n

Here is a definitive guide on schema and how to use it for marking-up HTML pages.<\/p>\n

Before we move on, if you need any kind of help with SEO, you should definitely reach out to us. <\/span>Check out our team<\/span><\/a>. Let\u2019s talk.<\/span><\/p>\n

What is Schema?<\/strong><\/h3>\n

Schema can be simply defined as information recognized by search engines like Google, Bing and Yahoo. It is a semantic vocabulary or code that lets search engines know what your page is about and how relevant it is to the search queries. Schema also improves the SERP listings by displaying additional snippets below the result.<\/p>\n

As an example, the webpage of Sydney Showboats listed for search query \u2018Event day cruise\u2019 shows user rating, date and location, which were coded using schema markup.<\/p>\n

\"\"<\/p>\n

This has the potential to increase the CTR (Click-through-rate) up to 30 percent.<\/p>\n

The Basics<\/strong><\/h3>\n

Schema consists of a collection of entities and their properties, which can be related with the different context of your web content. Entity \u2013 defines the theme of your business.<\/p>\n

If you run a restaurant website, then \u2018Restaurant\u2019 is the schema entity. Similarly, there are entities to match several industries like Casino, beauty Salon, Travel agency and more.<\/p>\n

You can either go for specific or generic when deciding on a schema entity. If you run not only a restaurant but also a cafe, ice-creamparlor, bakery and fast food, then you can choose a broader entity \u2018Food establishment\u2019.<\/p>\n

You may go for a more general approach by choosing \u2018Local Business\u2019 and even more general to the top level entity \u2018Organization’. Each higher level entity comprises of one or more child entities. See the hierarchy of Restaurant below.\"\"
\nSee the full hierarchy of schema entities here<\/a>.<\/p>\n

Property or Attributes<\/strong> \u2013 Properties or attributes validates the schema entity by providing additional information.<\/p>\n

Considering the above example, you can associate name, location, address, menu, cuisine, opening time and other information with your restaurant. These additional data can be called properties.<\/p>\n

Every entity is associated with their properties. Below are a few properties of Restaurant:<\/p>\n

Find the complete list of properties for restaurant here<\/a><\/p>\n

Getting Started<\/strong><\/h3>\n

Technically, schema includes codes that are added to the HTML. The common HTML tags where schema codes are most inserted include div,and header tags.
\nHowever, adding schema is not confined to these tags. You can insert it anywhere without affecting the design and functionality of the webpage.
\nIf you are familiar with HTML coding, then cool! You can get it done effortlessly.<\/p>\n

Choose the Scope<\/strong><\/h3>\n

The scope points to the portion of the content that defines the schema entity or type. Suppose a webpage has information about your restaurant, such as name, location and opening hours. This portion of content might be enclosed in an HTML tag, say div. The scope can be declared here, i.e., the scope of schema type \u2018restaurant\u2019 is relevant to the content portion enclosed in this \u2018div\u2019 tag.
\nThe scope is declared using the shortcode \u2018itemscope\u2019. Itemscope is not the only required code to define a schema. It is followed by the shortcode for schema entity.<\/p>\n

Define Entity<\/strong><\/h3>\n

The schema type or entity is defined using the shortcode \u2018itemtype\u2019. The value of itemtype is the schema URL that describes your industry.<\/p>\n

In case of Restaurant, then entity\/schema is declared as itemtype=”http:\/\/schema.org\/Restaurant”<\/strong>.
\nNow, you can declare the schema \u2018restaurant\u2019 in an HTML start tag \u2018div\u2019 as \u2013<\/p>\n

\n

Tag Properties<\/strong><\/h3>\n

All the required properties that are relevant to a schema type can be defined using the shortcode \u2018itemprop\u2019. Make sure that they are tagged inside the scope where you defined it.
\nIn Restaurant schema, you can mark-up all the restaurant properties to the content enclosed in ‘div’. Any property that is defined outside the scope is considered invalid.
\nIf any important data is missed out in the scope, look for the next highest HTML branch that encloses it.
\nHere is an example of a restaurant schema mark-up \u2013<\/p>\n

 <\/p>\n<\/div>\n

Original Code<\/strong><\/h3>\n

\"\"<\/p>\n

\"\"<\/p>\n

Line 4<\/strong> \u2013 You can use span to bind the value for which you want to mark-up. Conversely, if you mark-up as:<\/p>\n

\"\"
\nThe search engines find this as telephone = Call now 1234567890<\/p>\n

Using span, you can go choose only that value which you want to associate the property with.<\/p>\n

Line 5<\/strong> \u2013 Similar is the case here. The value of email is being chosen for mark-up.<\/p>\n

Line 6<\/strong> \u2013 There are certain properties that are in itself property of another schema entity. Here the property \u2018location\u2019 is inherited from the schema type \u2018Place\u2019. This can be known from the entity page in schema.org.<\/p>\n

Below is a screenshot of the page http:\/\/schema.org\/Restaurant, where location is associated with the schema entity \u2018PostalAddress\u2019 or \u2018Place\u2019.<\/p>\n

\"\"<\/p>\n

So, you need to mention the itemscope and itemtypes immediately after the itemprop is defined, as in the following \u2013<\/p>\n

\"\"<\/p>\n

The subsequent portion \u2018Sydney\u2019 describes the value \u2018Sydney\u2019 as the property \u2018name\u2019 of schema entity \u2018Place\u2019.<\/p>\n

Line 7 <\/strong> \u2013 the scope of schema \u2018Restaurant\u2019 ends here.
\nYou can use more than a schema to define your webpage.
\nSuppose your restaurant is going to be an event spot or party venue and you have already tagged the webpage with the restaurant schema. No problem! You can label the content about your event with the schema entity \u2018Event Venue\u2019 or \u2018Event\u2019 and associated properties.<\/p>\n

Google\u2019s Schema Tester<\/strong><\/h3>\n

Google provides its rich snippet tester to validate the schema that has been coded on your webpage. Provide either the URL of the webpage or the content itself to verify whether all properties and entities are accurate.
\nSee below how the tester works \u2013
\nGo to https:\/\/developers.google.com\/structured-data\/testing-tool\/<\/p>\n

\"Structured<\/a><\/p>\n

Copy and paste the HTML content and click \u2018Validate\u2019.<\/strong><\/p>\n

\"Developers<\/a><\/p>\n

When there is something wrong in the code, it will result in the following:<\/strong><\/p>\n

\"Error<\/a><\/p>\n

Begin with Google\u2019s Schema Mark-up Helper<\/strong><\/p>\n

For beginners, Google\u2019s Structured Data Mark-up Helper is a great tool to visually mark-up your webpage, create the HTML code and download for use. It\u2019s a simple and easy-to-use editor where you just need to click on the text or images and add the schema properties.
\nYou can try your website with this tool and learn how the schema is implemented on HTML code.
\nHere is the process<\/strong>
\n1) Login Webmasters
\n2) Choose \u2018Other Resources\u2019 –> Structured Data Markup Helper
\n3) Check the schema type or entity, provide the URL or HTML code for which you want to implement schema.<\/p>\n

\"Structured<\/a><\/p>\n

You will be directed to the tagging page.<\/p>\n

\"Rich<\/a><\/p>\n

Now you want to tag \u2018Magistic Cruise\u2019 as property \u2018name\u2019. \u00a0Select and drag the name and choose the appropriate property from the drop down displayed.
\nThe properties you choose will be logged in the \u2018My Data Items\u2019 on the right.<\/p>\n

\"Tagging<\/a><\/p>\n

Similarly, you can tag other properties like image, telephone, email and more. Once done, choose \u2018create HTML\u2019 on the right.<\/p>\n

\"Structured<\/a><\/p>\n

Now you can see the schema code. See below:<\/p>\n

\"Tagging<\/a><\/p>\n

You can download the code and add it to the HTML of your webpage. Make sure you verify the code in schema tester tool.<\/p>\n

As always, <\/span>feel free to reach out to us<\/span><\/a> if you need any help with SEO. That\u2019s all for now, cheers!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Google has made great advancements on the technical front to enhance search experience. Unlike human readers, search engines have limited resources about what is being conferred on a webpage. Millions of pages are crawled every day to return the best available result for users. Ever wondered how search engines do this? Yes, it\u2019s all about […]<\/p>\n","protected":false},"author":7,"featured_media":455,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[25],"tags":[26,27],"class_list":["post-386","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hire-seo-gurus","tag-structured-data","tag-website-optimization"],"_links":{"self":[{"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/posts\/386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/comments?post=386"}],"version-history":[{"count":0,"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/posts\/386\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/media\/455"}],"wp:attachment":[{"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/media?parent=386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/categories?post=386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vividreal.co.in\/vividreal\/wp-json\/wp\/v2\/tags?post=386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}