We love digital

Call 0845 485 1219

We love digital - Call and say hello - Mon - Fri, 9am - 5pm

A Guide To Structured Data Markup Implementation Methods

Chris Simmance

by Chris Simmance on 13th June 2013

bigstock-MARKETING-Highlighter-over-ba-13249193Structured data is becoming ever more prominent. You see it (or don’t if it’s implemented correctly) on a lot of sites and it helps search engines to better understand elements of a site’s structure. The search engines then use the structured data in the search results as rich snippets alongside the normal result or they use them to provide more relevant results for the user.

Structured data gathered by search engines can help to increase Click through Rates and ranking position in a number of ways. If your site appears in search results containing rich snippets such as review ratings it can help to improve a site’s credibility and therefore a user is more likely to click your result. For Local search, marking up your address with structured data would mean that a search engine understands your business location better and your address may appear in the search result as a rich snippet. This would mean that your site may look more relevant when a local search is performed and it may appear higher on the page as a result. In addition, if the result contained a Rich Snippet it would appear more relevant to the user and they would be able to decide whether your business was one they wanted to click on.

A higher ranking result or a richer looking result is more likely to have a higher Click through Rate and if your site performs well following the click (i.e. fast load time and low bounce rate etc) you may benefit from increased rankings in turn.

How do I mark up my site?

There are a couple of ways to highlight structured data on a site. I like to use them both and you’ll see why in a moment. If you have very limited coding experience or don’t want to change the way your site’s code reads then Google Webmaster Tools Data Highlighter is for you! If you are happy to make changes to your site then using Schema.org templates is a good choice. If you are in the middle of the coding experience spectrum you could try using Google’s ‘Structured Data Markup Helper’.

Data Highlighter

WMTs

What Google says about their data highlighter -

“With Data Highlighter, you simply “tag” each data field with your mouse. Then Google can present your data more attractively, and in new ways, in search results.”

Sounds easy! It really is! The process follows some very simple steps with all the instructions you need in order to completely markup the data for Google. You can find the Data Highlighter in the ‘Optimization’ section of WMT and beside the video explaining more about the tool there is a ‘Start Highlighting’ button. Click it.

You are then prompted to enter the URL of the page on the site to markup. If you are marking up something that appears on a few pages of your site (in the footer maybe) you should use the first page it appears on, the Homepage for example. Then, you can choose the type of data to markup. Currently your choices are;

  • Articles
  • Events
  • Local Businesses (Addresses)
  • Movies
  • Products
  • Restaurants
  • Software Applications
  • TV Episodes

This may increase or change over time depending on changes to the way Google likes to read a site’s data or what data they want to read.

After making your markup choice you need to tell the tool if you want to highlight only the one page or whether you want to mark up one page as part of a set of pages. If you have your business address in the footer of every page and chose the markup ‘Local Businesses’ then it is best to tag the Homepage as part of a set. You would then only need to highlight the one page and the tool will then run through the top pages on the site and guess the fields to mark up in the same way. All you need to do is check it has marked the right part correctly and then you can publish the set. Alternatively you might only want to tag one page if you only had one page on your site with events to mark up and there are no other pages that contain that data.

Data Highlighter Image

Data Highlighter Pitfalls

  1. As this is a Google tool you are only marking up your data for Google’s Index and although it’s fairly likely most of your site’s search traffic comes from Google it is always good to cover yourself with the same practice for the likes of Bing and Yahoo for example.
  2. You can only highlight what you can see and cannot use the page as if it were the actual site (i.e. can’t click links). If your site has one of those pesky Cookie Policy pop ups when the page first loads that needs clicking to accept the use of Cookies it may hide some of the data you wanted to mark up. As you can’t click it to accept Cookies and remove the pop up you may not be able to highlight data on a site. You could remove it temporarily but it may be simpler to go down the manual route.

Schema.org Structured Data Templates

Schema Logo

What Google says about structured data -

“Structured data helps Google understand the content on your site, which can be used to display rich snippets in search results.”

You can find the full list of Schema markup types and templates at the schema.org site. On the whole the most used ones are the same as what the Google Data Highlighter tool offers but rather than highlighting the data and leaving it there you have to manually amend the templated code and then implement that in place of the original unstructured data. Some elements of the template may not apply to your site or you may need to add other elements to the data but you can add and remove them from the templates as you go.

schema template

As I said it is a manual process so there is an additional element of care that you will need to take in order to make the markup accurate or be read effectively. There are some great sites that create the code for you based on the details you complete in a form. One of the better free Schema generation sites is Schema-creator.org. It creates the markup code as you complete the fields and once complete you just need to add it into the relevant area of the page. At that point, where the code is accurate, care needs to be taken in implementing it on the site as if it is improperly done it could mess up the page structure or formatting. Back up before adding the code!

Schema creator

Schema.org data markup structures are the most used on the web and are recognised by most search engines and the marked up data is understood by most web crawlers. I use it for a lot of sites to mark up data for the main search engines.

Manual Code Update Pitfall

Not really a pitfall as such but any code inaccuracies or implementation issues may result in a negative impact on the way the page reads to search engines and users. Be careful making code changes to your site and backup before making changes.

Google Structured Data Markup Helper

Markup Helper

If you aren’t completely confident in manually adding your structured data correctly to your site you could try using Google’s ‘Markup Helper’. This tool will let you highlight the part of the site to mark up (just like the data highlighter) and then presents you with the edited HTML code of your entire page. You can then copy and paste the changed section which is usually an element in the <head> (you aren’t obliged to copy that section across) and the marked up section itself.

Using this tool gives you a ‘Best of both worlds’ option in that it allows you to use the easy functionality of the Data Highlighter but manually markup the site’s code using amended code that is created to fit the page itself.

Markup helper example

(Data markup isn’t as fun as the SEO Jokes post highlighed above. Have a read here for a quick laugh)

Markup Helper Pitfall

Essentially the same issue as with the Data Highlighter is that any pop-ups can’t be removed so you may not be able to highlight the pertinent data that you want to generate a code for.

Get Your Data Marked Up

These methods are fairly easy and depending on your experience or confidence there is a method to suit you. In a data hungry world where applications like Siri and Google Now are looking for data to eat up to give to their users it makes a lot of sense to mark up your site. As I said initially, having your site marked up with structured data gives search engines more to go on when providing results to a user’s query and allows for Rich Snippets in the search results. This can have a positive effect on both Click through Rates and site rankings so get your site marked up as soon as possible!

Image Source

Marketing Highlighter by BigStock

Chris Simmance

Chris Simmance

Chris has worked in the travel industry for the last 8 years, much of that working overseas in ski resorts, so he has a fantastic understanding of thriving in competitive sectors. His last project was social media management and website development for a leading travel company.

down arrow

Your Free Whitepaper

How To Perform A Technical SEO Audit

How To Perform A Technical SEO Audit

Download this whitepaper now and get a new one every month!

Download »

14 Comments

  • Ursula Robinson 13th June 2013

    Very interesting article as always Chris! I’ve book marked this so I can return to it later to follow your advice. I have been thinking about Click through rates recently and I can see how this will really help. Thanks again for sharing.

    Reply to this comment

  • Taylor Selway 13th June 2013

    This is the kind of thing I want to put on my site. I’m not great with code so the helper looks like a great way to add it.

    Thanks for sharing!

    Reply to this comment

  • Chris Simmance

    Chris Simmance 14th June 2013

    Thanks Guys! It’s ever more important to get your data structured on a site so I hope these methods help.

    Any problems give me a shout :)

    Reply to this comment

  • Adam Martin 16th June 2013

    Thanks for sharing this Chris! Really interesting!

    I have shared this with my web developer.

    Reply to this comment

  • Jody 26th June 2013

    Great article Chris. The link to the Schema generation site Schema-creator.org is very useful. Some solid information here. Thanks.

    Reply to this comment

    • Chris Simmance

      Chris Simmance 27th June 2013

      Thanks Jody! I’m glad you like the generator, I use it quite often myself.

      I think the Data Highlighter is a sign that Google are perhaps getting a bit tired of waiting for sites to get all their data marked up in the code.

      It’s a great thing to see when the snippets change to show the data too!

      Reply to this comment

  • Dawn 28th June 2013

    I just discovered this today and still trying to understand it all, but found your article very easy to understand. (I’m a noob) :/
    The generator will help make things easier too.
    I’ve looked at a few of the other articles written here and I see there’s still a lot to learn so I’m glad I found your site. It’s now bookmarked – Thanks for the info!

    Reply to this comment

  • Freddie 28th June 2013

    Thank you for an yet another informative post Chris!

    I will be using this generator on my site this weekend!!

    Thank you!

    Reply to this comment

  • R.T. Matte 30th July 2013

    I am attempting to use the Structured Data Markup Helper on Google Webmaster tools but can’t figure out how to get the helper to recognize an updated version of my recently updated store page with the phone number, email and address on that page.

    Do I have to resubmit the page / sitemap to Google Webmaster tools?

    Reply to this comment

  • Chris Simmance

    Chris Simmance 31st July 2013

    Thanks for the comment R.T.

    I can’t see that your store is indexed by Google. Possibly because it is on a subdomain and blocked in some way on your site. You will need to find out why it isn’t indexed first and resolve that.

    Secondly, you will need to verify the subdomain on Google Webmaster Tools to be able to mark it up and manage it in the same way as the main site. In webmaster tools you can only manage the domain that is verified so store.domain is managed on a separate profile to http://www.domain

    I hope that’s helpful for you.

    Reply to this comment

  • Clare Moorhouse 6th November 2013

    Thanks Chris for explaining this so clearly.
    Very helpful.

    Reply to this comment

  • christina 18th November 2013

    I had the popup issue. I removed the popup from my site but it’s still showing up when I go to the highlighter tool. Do I have a wait a certain amount of time?

    Reply to this comment

  • Kostas 11th December 2013

    I have website (www.vaptisi.info) under wordpress and genesis framework. I have 2 questions:

    1) Data Highlighter is the same as a wordpress plugin rich snippet? I mean, both of them brings the same results?

    2)If are the same, which from the above you suggest me to use?

    Thank you

    Reply to this comment

  • Pingback: Why SEO is Essential for Online Magazines - Readz

Subscribe To The Koozai Blog