January 28, 2020

Textual description of firstImageUrl

How to use Google Structured Data Markup Helper to mark up web pages

|

Find out how to use Google Structured Data Markup Helper to mark up your web pages or blog pages.

By doing that, you can create rich snippets to improve your click-through rate.

Rich snippets are the short description that appear under the post title in the search result.

They show viewers an idea what is on that particular page and why it’s relevant to their search.

As a result, that page could earn more clicks from users.

You can see the example of rich snippets below:

How To Use Google Data Highlighter Tool For Structured Data And Rich Snippets

In order to get this so-called rich snippet, you need to let Google understand the gist of your post content.

To do that, you need to know how to use this useful tool available at Google Search Control.

How To Use Google Structured Data Markup Helper

Go to "Structured Data Markup Helper".

Click "Open Structured Data Markup Helper" button.

It opens a new page for you to sign into your Google account.

Now you are the Structured Data Markup Helper page where you tag your web page or blog post data.

NOTE: The steps are: Enter Page, Tag Data and then view HTML

The first thing is you can see there are two items which you can add structured data markup: Website and Email.

For this tutorial I'm going to show you how to add structured data markup to your web page or blog post.

First you click the "Website" tab.

Next select the type of page which you would like to have structured data markup.

If your blog post is just about tutorials or personal rantings, then select "Articles".

Then add in your blog post URL in the space provided at: URL.

Now click the blue color "Start Tagging" button.

Wait for it to load.

Then it opens, you can see your site display on the left side of the page.

On the right side of the page, you can see a list of values under the heading "My Data Items".

Let's start adding the data, by using your mouse cursor.

You highlight parts of the page with important information.

After you have highlighted the part of your blog post and then let go of your finger on the mouse, a menu will pop up next to it.

Select the option and click it.

Immediately it will appear on the right side of the page and listed accordingly to your choice.

Make sure to provide all information required for your specific data type.

NOTE: For example, for an event you must provide an event name, location, and start date.

If you need to add information that is not visible in your page, click here on how to add missing data.

If you need to remove a tag that Structured Data Markup Helper generated, click here on how to remove tags.

After you've finished tagging all the appropriate data on the page, click the red color "CREATE HTML" button to generate the page code.

Choose an output format: JSON-LD or Microdata.

By default it is set as: JSON-LD (preferred by Google), but you can also choose Microdata.

Now you can either choose to copy and paste the code from the output window or click the "Download" button.

NOTE: How you use the code depends on the format:

For JSON-LD: Copy and paste the generated code into the body of your existing page.

For Microdata: Replace your page with the generated HTML.

That's all.

You can test your code, by copying and pasting the generated code into the "Structured Data Testing Tool".

When you are the Structured Data Testing Tool site, click "CODE SNIPPET".

Then you paste the code in box provided, and click "TEST RUN" button.

This tool will tell you about any missing fields that you must provide to help 

Google understand the page, and for some data types it can provide a preview of how your page might look like in Google Search Results.

Remember it can take a few weeks for Google to find your new page code.

If your data is crawled, complete, and correct, it can appear as rich results.

NOTE: If the rich results aren't appearing for your site, then check out here for its possible reasons.

For more details about structured data markup, read it here.


Related Tips:

How to fix Property Image_url not recognized by Google error

How to fix Property BlogId not recognized by Google error 

How to fix Property PostId not recognized by Google error

All In One schema rich snippets plugin for WordPress

How to fix a value for the Author Field is required error for Blogger