{"id":152442,"date":"2025-03-23T22:02:14","date_gmt":"2025-03-23T22:02:14","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/enrich-serp-results-using-gtm\/"},"modified":"2025-03-23T22:02:14","modified_gmt":"2025-03-23T22:02:14","slug":"enrich-serp-results-using-gtm","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=152442","title":{"rendered":"Enrich SERP Results Using GTM"},"content":{"rendered":"


\n<\/p>\n

\n

Google has a myriad of ways to make the search engine results page (SERP) livelier. When you input a search query, the engine\u2019s mission is to provide you with the most relevant information with as few clicks as possible. Often, this means that you\u2019ll see the answer to your query directly in the SERP:<\/p>\n

\n

<\/p>\n

\"Example<\/p>\n

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

See also Dr. Pete\u2019s excellent description of variation in the SERP<\/a> (note that this post is from 2013, and not all the data types are relevant today). As you can see, there are many ways for a site to annotate data found within, and that way provide it for Google to utilize if it so chooses. There\u2019s no guarantee that your structured data is picked up by the search engine, but that shouldn\u2019t deter you from marking up your content anyway.<\/p>\n

Now, to business. Google recently released a structured data testing tool<\/a> that accepts JSON-LD<\/a> as its input. JSON-LD is an offshoot of the JavaScript Object Notation (JSON) data format, mainly in that you can specify linked data nodes between different notation objects.<\/p>\n

The structured data supported by JSON-LD is still quite limited<\/a>, but the amount of options will surely amp up in the near future. Currently, you can markup your site content for:<\/p>\n

(UPDATE 3 Feb 2016<\/strong>) Support for Reviews and Products! Thanks Claudia Kosny<\/a> for the tip.<\/p>\n

The cool thing about this new release is the following quote from the support pages:<\/p>\n

[JSON-LD] lets you embed a block of JSON data inside a script tag anywhere in the HTML…Also, Google can read JSON-LD data even when it is dynamically injected into the page’s contents, such as by Javascript code or embedded “widgets”.<\/p><\/blockquote>\n

Read the last part again. Doesn\u2019t that sound like a Custom HTML Tag in Google Tag Manager? You bet it does!<\/p>\n


\n X<\/span><\/p>\n

\n
\n The Simmer Newsletter<\/strong>\n <\/p>\n

\n Subscribe to the Simmer newsletter<\/a> to get the latest news and content from Simo Ahava into your email inbox!\n <\/p>\n

<\/span><\/p>\n

Markup structured data using Google Tag Manager<\/h2>\n

You can dynamically inject JSON-LD specifications on your pages using Google Tag Manager. The only stipulation is that the code must be run during the initial page load<\/strong>. This means that you can\u2019t dynamically enhance the structured data on the site after the window has loaded, that is, after gtm.load<\/strong> has been pushed into dataLayer<\/code>. So as long as your structured data tags are executing with the All Pages<\/strong> Trigger, for example, you should be fine.<\/p>\n

Here are some examples of Custom HTML Tags for structured data. Make sure the Tags fire with the All Pages<\/strong> Trigger.<\/p>\n

If your site is included in the Knowledge Graph, it might be a good idea to add your social profiles directly to the SERP, as Marimekko<\/a> have done:<\/p>\n

\n

<\/p>\n

\"Social<\/p>\n

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

Here\u2019s what you need to write into the Custom HTML Tag:<\/p>\n

\n
script type<\/span>=\"application\/ld+json\"<\/span>>\n{ \n  \"@context\"<\/span> : \"http:\/\/schema.org\"<\/span>,\n  \"@type\"<\/span> : \"Person\"<\/span>,\n  \"url\"<\/span> : \"https:\/\/www.simoahava.com\/\"<\/span>,\n  \"name\"<\/span> : \"Simo Ahava\"<\/span>,\n  \"sameAs\"<\/span> : [ \"http:\/\/fi.linkedin.com\/in\/simoahava\"<\/span>,\n      \"http:\/\/plus.google.com\/+SimoAhava\"<\/span>,\n      \"http:\/\/www.twitter.com\/SimoAhava\"<\/span> ] \n}\nscript<\/span>><\/code><\/pre>\n<\/div>\n
The code above would annotate my Knowledge Graph box (if I ever reach such levels of stardom) with my social profiles directly in the SERP.<\/p>\n
This, I think, is one of the coolest additions to the SERP. On some sites, you can see a search box directly in the sitelinks. This search box is tied together with the internal search engine of the site, allowing you to directly search for content within the site!<\/p>\n
\n
    <\/p>\n
    \"CDON<\/p>\n
    <\/a><\/p>\n<\/div>\n
To get this to appear, the syntax of the code in the Custom HTML Tag needs to look like this:<\/p>\n
\n
script type<\/span>=\"application\/ld+json\"<\/span>>\n{ \n  \"@context\"<\/span>: \"http:\/\/schema.org\"<\/span>, \n  \"@type\"<\/span>: \"WebSite\"<\/span>, \n  \"url\"<\/span>: \"https:\/\/www.simoahava.com\/\"<\/span>, \n  \"potentialAction\"<\/span>: { \n    \"@type\"<\/span>: \"SearchAction\"<\/span>, \n    \"target\"<\/span>: \"https:\/\/www.simoahava.com\/?s={search_term}\"<\/span>, \n    \"query-input\"<\/span>: \"required name=search_term\"<\/span> } \n}\nscript<\/span>><\/code><\/pre>\n<\/div>\n
Here, I provide the URL and the necessary search query parameter that operate the internal site search engine on my site. Now, if someone were to enter a search term directly in the SERP sitelinks, they will be transported to the search results page within my site for that particular query.<\/p>\n
Things to note<\/h2>\n
Remember that you can combine your various types of structured data into a Custom HTML Tag, and you should do so to reduce the number of tags in your container. The two examples from above would be combined into a single structured data push like this:<\/p>\n
\n
script type<\/span>=\"application\/ld+json\"<\/span>>\n[{ \n  \"@context\"<\/span> : \"http:\/\/schema.org\"<\/span>,\n  \"@type\"<\/span> : \"Person\"<\/span>,\n  \"url\"<\/span> : \"https:\/\/www.simoahava.com\/\"<\/span>,\n  \"name\"<\/span> : \"Simo Ahava\"<\/span>,\n  \"sameAs\"<\/span> : [ \"http:\/\/fi.linkedin.com\/in\/simoahava\"<\/span>,\n      \"http:\/\/plus.google.com\/+SimoAhava\"<\/span>,\n      \"http:\/\/www.twitter.com\/SimoAhava\"<\/span> ] \n},\n{ \n  \"@context\"<\/span>: \"http:\/\/schema.org\"<\/span>, \n  \"@type\"<\/span>: \"WebSite\"<\/span>, \n  \"url\"<\/span>: \"https:\/\/www.simoahava.com\/\"<\/span>, \n  \"potentialAction\"<\/span>: { \n    \"@type\"<\/span>: \"SearchAction\"<\/span>, \n    \"target\"<\/span>: \"https:\/\/www.simoahava.com\/?s={search_term}\"<\/span>, \n    \"query-input\"<\/span>: \"required name=search_term\"<\/span> } \n}]\nscript<\/span>><\/code><\/pre>\n<\/div>\n
Here I\u2019ve included the two JSON objects, and inserted them into a single Array (see the square brackets that wrap the two objects), delimited by a comma.<\/p>\n
\n
    <\/p>\n
    \"Structured<\/p>\n
    <\/a><\/p>\n<\/div>\n
One thing I noticed with the tool is that it doesn\u2019t always work, especially if the HTML of the site is complex. This doesn\u2019t mean the structured data didn\u2019t validate, it just means there was some error in the process.<\/p>\n
Remember that since this is GTM, you can use your Variables to make the structured data injector more dynamic. Also, if you\u2019ve defined dataLayer<\/code> in your page template, and it has information you think would be useful in the structured data markup, you can pull this data using Data Layer Variables within your structured data markup. This means that you can create a really flexible structured data injector by leveraging GTM\u2019s own functionalities.<\/p>\n
This feature of Google\u2019s search crawlers has been long in the waiting. It makes so much sense to be able to inject annotations about your content with JavaScript, instead of having them applied directly to the page template by the CMS. Also, the fact that you can inject the object anywhere, not just in the  of the document, is a great asset, since GTM, by default, injects to the end of the .<\/p>\n<\/p><\/div>\n
Once you\u2019ve created your Tag and published the container, remember to test your site with the Structured Data Testing Tool<\/a>:<\/p>\n