Blogger: adding licensable information to images using structured data

In the previous blog post, I wrote about adding information to images through IPTC metadata. This article will show you how to add information using structured data on the blogger.com platform.I use blogger.com for my blogs. I moved there one blog that I gave up writing. I have my Romanian language blog there. As such, I have a little experience with the platform, with good and bad. Among the good things, I would mention that it is free and allows you to use your own domain. The downsides are mainly related to the limitations of the service, the lack of a wide variety of themes, and the need to know a little HTML to do more special things.

For the demonstrations in this article, I have created a small blog named https://structuredimagedata.blogspot.com. There I have some examples of how to use structured data and the results that can be obtained.

That blog uses a standard theme, Essential Light. Comments have been disabled because I do not want to spend time moderating comments.

The first article uses an image in which I filled in all the IPTC data, as shown in the previous article. The original image contains all the necessary information in the IPTC.

Although part of the large Google family, the free blogger.com platform does not take all the information from IPTC data. Only copyright, credit, and copyright data are kept. An analysis of this article using Get IPTC Photo Metadata data shows us the following:

We notice that the information about the possibility of buying the image is lost. An analysis of this article using https://search.google.com/test/rich-results will show us the following:

This test also shows the lack of any information regarding the author and the possibility to buy the image.

Adding the necessary information to the „licensed” label using structured data

Let’s return to the example above and the report generated by Get IPC Metadata. We can see that the site also generates the structured data corresponding to the information contained in IPTC:

In order to use this structured data in Blogger, we will have to add it to the site in JSON-LD format. Thus, our code becomes:

In the above code, in the URL field instead of local we will pass the URL of our image, and we will fill in the data in the other fields as appropriate.

Then this code must be added to our articles. We can do this even for older articles, but it will take until Google indexes them again. The less beautiful part is that this structured data is added directly to the HTML code of the article, so it is necessary to have at least a minimum knowledge of this language. Remember to back up your article before making any changes.

Let’s take a look at the HTML code of this article:

The code highlighted with a yellow background is the code that loads the image. To add the missing information immediately after this code area, we need to enter the structured data in JSON-LD format. To do this, we need to edit the article in Blogger, switch to HTML view mode, and edit the code directly.

The HTML code in which we added the structured data will be:

What I did here: immediately after the code to load the image I added the code for the structured data, in JSON-LD format. I have identified from the initial code the source of the image, highlighted in yellow. This must be copied to the URL field in the structured data. I then filled in the rest of the information — author, credit, license, etc.

The result can be seen in this article. If we analyze it with Google tools, we will receive the following report:

And so we see that we have managed to add back the information needed to display the „licensed” label.

Structured data for products

There are situations when instead of wanting to display the „licensed” label, we want to show the „product” label on our images. This can be useful for photographers promoting their own business — workshops, event photography, etc. In this case, we want to have a „product” tag and a direct link to our services when searching for images on Google. For this, we will have to add the following structured data:

I have generated the above script using https://technicalseo.com/tools/schema-markup-generator/. To test the results, you can analyze this article using Google Rich Results Test. You will notice some warnings. These can be ignored; for the time being, they have no impact on Google searches.

Originally published at https://www.teodorcostachioiu.com.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store