Skip to content

17. Previewing your SEO Meta

Andrew Welch edited this page Apr 18, 2019 · 2 revisions

No Maintenance Intended

DEPRECATED

This Craft CMS 2.x plugin is no longer supported, but it is fully functional, and you may continue to use it as you see fit. The license also allows you to fork it and make changes as needed for legacy support reasons.

The Craft CMS 3.x version of this plugin can be found here: craft-seomatic and can also be installed via the Craft Plugin Store in the Craft CP.

Previewing your SEO Meta

There's a lot going on here, so to make it all more easily understood, SEOmatic offers two ways to preview your SEO Meta. You have to Save the settings first before you preview them; a "Live Preview" feature is on the wish list for future versions.

Preview SEO Meta Display

Clicking on the Preview SEO Meta Display button will show you a preview of what the rendered SEO Meta will look like to various services that scrape your SEO Meta tags, such as Google, Twitter, and Facebook.

This serves as a nice sanity check for you, and a very nice way to show clients the amazing job you did on their SEO strategy.

If you click on the Preview SEO Meta Display button when you are editing a SEO Template Meta, you'll see the result of that particular template's SEO Template Meta tags. Otherwise, you will see the SEO Site Meta tags.

Preview SEO Meta Tags

Clicking on the Preview SEO Meta Tags button will show you Twig/HTML output of the following things:

Meta Template Variables

These are the Twig variables that SEOmatic pre-populates, and makes available to you in your templates. They are used when rendering the SEO Meta, so you can manipulate them however you want before rendering your SEO Meta. For example, you might change the seomaticMeta.seoDescription to be the summary field of an entry.

{% set seomaticMeta = { 
    seoTitle: "We make the big stuff big & the little stuff little",
    seoDescription: "Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!",
    seoKeywords: "colossal,considerable,enormous,fat,full,gigantic,hefty,huge,immense,massive,sizable,substantial,tremendous,",
    seoImage: "http://nystudio107.dev/img/site/big_hq.jpg",
    canonicalUrl: "http://nystudio107.dev/",
    twitter: { 
        card: "summary_large_image",
        site: "@nystudio107",
        creator: "@nystudio107",
        title: "We make the big stuff big & the little stuff little | Big Entity, Inc.",
        description: "Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!",
        image: "http://nystudio107.dev/img/site/big_hq.jpg"
    },
    og: { 
        type: "website",
        locale: "en",
        url: "http://nystudio107.dev/admin/seomatic/social",
        title: "We make the big stuff big & the little stuff little | Big Entity, Inc.",
        description: "Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!",
        image: "http://nystudio107.dev/img/site/big_hq.jpg",
        site_name: "Big Entity, Inc.",
        see_also: ["https://twitter.com/nystudio107","https://www.facebook.com/nystudio107","https://plus.google.com/+nystudio107","https://www.linkedin.com/company/nystudio107","https://www.youtube.com/user/nystudio107","https://www.instagram.com/nystudio107","https://www.pinterest.com/nystudio107"]
    }
} %}

{% set seomaticHelper = { 
    twitterUrl: "https://twitter.com/nystudio107",
    facebookUrl: "https://www.facebook.com/nystudio107",
    googlePlusUrl: "https://plus.google.com/+nystudio107",
    linkedInUrl: "https://www.linkedin.com/company/nystudio107",
    youtubeUrl: "https://www.youtube.com/user/nystudio107",
    instagramUrl: "https://www.instagram.com/nystudio107",
    pinterestUrl: "https://www.pinterest.com/nystudio107",
    ownerGoogleSiteVerification: "BM6VkEojTIASDEWyTLro7VNhZnW_036LNdcYk5j9X_8g",
    ownerCopyrightNotice: "Copyright ©2015 Big Entity, Inc. All rights reserved.",
    ownerAddressString: "Big Entity, Inc., 123 Some Road, Porchester, NY 11450, USA",
    ownerAddressHtml: "Big Entity, Inc.<br />123 Some Road<br />Porchester, NY 11450<br />USA<br />",
    ownerMapUrl: "http://maps.google.com/maps?q=Big+Entity%2C+Inc.%2C+123+Some+Road%2C+Porchester%2C+NY+11450%2C+USA",
    creatorCopyrightNotice: "Copyright ©2015 NY Studio 107. All rights reserved.",
    creatorAddressString: "",
    creatorAddressHtml: "",
    creatorMapUrl: ""
} %}

{% set seomaticSiteMeta = { 
    siteSeoName: "Big Entity, Inc.",
    siteSeoTitle: "We make the big stuff big & the little stuff little",
    siteSeoDescription: "Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!",
    siteSeoKeywords: "colossal,considerable,enormous,fat,full,gigantic,hefty,huge,immense,massive,sizable,substantial,tremendous,",
    siteSeoImage: "http://nystudio107.dev/img/site/big_hq.jpg"
} %}

{% set seomaticSocial = { 
    twitterHandle: "nystudio107",
    facebookHandle: "nystudio107",
    facebookProfileId: "642246343",
    linkedInHandle: "nystudio107",
    googlePlusHandle: "nystudio107",
    youtubeHandle: "nystudio107",
    instagramHandle: "nystudio107",
    pinterestHandle: "nystudio107"
} %}

{% set seomaticIdentity = { 
    type: "Corporation",
    name: "Big Entity, Inc.",
    alternateName: "Big",
    description: "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
    url: "http://BigEntity.com",
    image: "http://nystudio107.dev/img/site/big_logo.jpg",
    telephone: "585.214.9439",
    email: "info@BigEntity.com",
    address: { 
        type: "PostalAddress",
        streetAddress: "123 Some Road",
        addressLocality: "Porchester",
        addressRegion: "NY",
        postalCode: "11450",
        addressCountry: "US"
    },
    logo: "http://nystudio107.dev/img/site/big_logo.jpg",
    location: { 
        type: "Place",
        name: "Big Entity, Inc.",
        alternateName: "Big",
        description: "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
        hasMap: "http://maps.google.com/maps?q=Big+Entity%2C+Inc.%2C+123+Some+Road%2C+Porchester%2C+NY+11450%2C+USA",
        geo: { 
            type: "GeoCoordinates",
            latitude: "-10.447525",
            longitude: "105.690449"
        },
        address: { 
            type: "PostalAddress",
            streetAddress: "123 Some Road",
            addressLocality: "Porchester",
            addressRegion: "NY",
            postalCode: "11450",
            addressCountry: "US"
        }
    },
    duns: "12345678",
    founder: "Mr. Big",
    foundingDate: "10/2011",
    foundingLocation: "Redding, CT",
    tickerSymbol: "BGE"
} %}

{% set seomaticCreator = { 
    type: "Corporation",
    name: "NY Studio 107",
    alternateName: "nystudio107",
    description: "Impeccable design married with precision craftsmanship",
    url: "http://nystudio107.com",
    image: "http://nystudio107.dev/img/site/nys_seo_logo.png",
    email: "info@nystudio107.com",
    address: { 
        type: "PostalAddress",
        addressLocality: "Webster",
        addressRegion: "NY",
        postalCode: "14580",
        addressCountry: "US"
    },
    logo: "http://nystudio107.dev/img/site/nys_seo_logo.png",
    location: { 
        type: "Place",
        name: "NY Studio 107",
        alternateName: "nystudio107",
        description: "Impeccable design married with precision craftsmanship",
        geo: { 
            type: "GeoCoordinates",
            latitude: "43.11558",
            longitude: "-77.59647199999999"
        },
        address: { 
            type: "PostalAddress",
            addressLocality: "Webster",
            addressRegion: "NY",
            postalCode: "14580",
            addressCountry: "US"
        }
    }
} %}

{% set seomaticTemplatePath = "" %}

You can treat all of these like regular Twig variables; for instance, {{ seomaticHelper.twitterUrl }} will output the URL to the website's Twitter page. You can change these variables using the Twig array set syntax, or using the Twig function merge. Any changes you make will be reflected in the SEO Meta rendered with {% hook 'seomaticRender' %} on your page.

Rendered SEO Meta

The {% hook 'seomaticRender' %} tag generates these SEO Meta for you, based on the Meta Template Variables (above). By default, it uses an internal template, but you can pass your own template to be used instead, like this: {% set seomaticTemplatePath = 'path/template' %} {% hook 'seomaticRender' %}

SEOmatic cascades Meta settings; if you have a Meta associated with the current template, it uses that. Otherwise it falls back on the SEO Site Meta settings. If a field is empty for a Template Meta, it falls back on the SEO Site Meta setting for that field.

<!-- BEGIN SEOmatic rendered SEO Meta -->

<title>[devMode] We make the big stuff big &amp; the little stuff… | Big Entity, Inc.</title> <!-- {% if craft.config.devMode %}[devMode] {% endif %}{% if seomaticSiteMeta.siteSeoTitlePlacement == "before" %}{{ seomaticSiteMeta.siteSeoName |raw }}{% if seomaticMeta.seoTitle %} {{ seomaticSiteMeta.siteSeoTitleSeparator }} {% endif %}{% endif %}{{ seomaticMeta.seoTitle |raw }}{% if seomaticSiteMeta.siteSeoTitlePlacement == "after" %}{% if seomaticMeta.seoTitle %} {{ seomaticSiteMeta.siteSeoTitleSeparator }} {% endif %}{{ seomaticSiteMeta.siteSeoName |raw }}{% endif %} -->

<!-- Standard SEO -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="referrer" content="always" />
<meta name="robots" content="all" /> <!-- {{ seomaticMeta.robots }} -->
<meta name="keywords" content="colossal, considerable, enormous, fat, full, gigantic, hefty, huge, immense, massive, sizable, substantial, tremendous" /> <!-- {{ seomaticMeta.seoKeywords }} -->
<meta name="description" content="Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!" /> <!-- {{ seomaticMeta.seoDescription }} -->
<meta name="generator" content="SEOmatic" /> <!-- SEOmatic -->
<link rel="canonical" href="http://nystudio107.dev/" /> <!-- {{ seomaticMeta.canonicalUrl }} (defaults to craft.request.url) -->
<meta name="geo.region" content="NY" /> <!-- {{ seomaticIdentity.address.addressRegion }} -->
<meta name="geo.position" content="41.005432,-73.65897799999999" /> <!-- {{ seomaticIdentity.location.geo.latitude }},{{ seomaticIdentity.location.geo.longitude }} -->
<meta name="ICBM" content="41.005432,-73.65897799999999" /> <!-- {{ seomaticIdentity.location.geo.latitude }},{{ seomaticIdentity.location.geo.longitude }} -->
<meta name="geo.placename" content="Big Entity, Inc." /> <!-- {{ seomaticIdentity.location.name }} -->

<!-- Dublin Core basic info -->

<meta name="dcterms.Identifier" content="http://nystudio107.dev/" /> <!-- {{ seomaticMeta.canonicalUrl }} (defaults to craft.request.url) -->
<meta name="dcterms.Format" content="text/html" /> <!-- text/html -->
<meta name="dcterms.Relation" content="Big Entity, Inc." /> <!-- {{ seomaticSiteMeta.siteSeoName }} -->
<meta name="dcterms.Language" content="en" /> <!-- {{ craft.locale }} -->
<meta name="dcterms.Publisher" content="Big Entity, Inc." /> <!-- {{ seomaticSiteMeta.siteSeoName }} -->
<meta name="dcterms.Type" content="text/html" /> <!-- text/html -->
<meta name="dcterms.Coverage" content="http://nystudio107.dev/" /> <!-- {{ siteUrl }} -->
<meta name="dcterms.Rights" content="Copyright &copy;2016 Big Entity, Inc. " /> <!-- {{ seomaticHelper.ownerCopyrightNotice }} -->
<meta name="dcterms.Title" content="We make the big stuff big &amp; the little stuff…" /> <!-- {{ seomaticMeta.seoTitle }} -->
<meta name="dcterms.Creator" content="nystudio107" /> <!-- {{ seomaticCreator.name }} -->
<meta name="dcterms.Subject" content="colossal, considerable, enormous, fat, full, gigantic, hefty, huge, immense, massive, sizable, substantial, tremendous" /> <!-- {{ seomaticMeta.seoKeywords }} -->
<meta name="dcterms.Contributor" content="Big Entity, Inc." /> <!-- {{ seomaticSiteMeta.siteSeoName }} -->
<meta name="dcterms.Date" content="2016-02-07" /> <!-- {{ now | date('Y-m-d') }} -->
<meta name="dcterms.Description" content="Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!" /> <!-- {{ seomaticMeta.seoDescription }} -->

<!-- Facebook OpenGraph -->

<meta property="fb:profile_id" content="bigentity" /> <!-- {{ seomaticSocial.facebookProfileId }} -->
<meta property="og:type" content="website" /> <!-- {{ seomatic.og.type }} -->
<meta property="og:locale" content="en_US" /> <!-- {{ seomatic.og.locale }} -->
<meta property="og:url" content="http://nystudio107.dev/" /> <!-- {{ seomatic.og.url }} -->
<meta property="og:title" content="We make the big stuff big &amp; the little stuff little | Big Entity, Inc." /> <!-- {{ seomatic.og.title }} -->
<meta property="og:description" content="Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!" /> <!-- {{ seomatic.og.description }} -->
<meta property="og:image" content="http://nystudio107.dev/img/site/big_hq.jpg" /> <!-- {{ seomatic.og.image }} -->
<meta property="og:site_name" content="Big Entity, Inc." /> <!-- {{ seomatic.og.site_name }} -->
<meta property="og:see_also" content="https://twitter.com/bigentity" /> <!-- {{ seomatic.og.see_also[0] }} -->
<meta property="og:see_also" content="https://www.facebook.com/bigentity" /> <!-- {{ seomatic.og.see_also[1] }} -->
<meta property="og:see_also" content="https://plus.google.com/+bigentity" /> <!-- {{ seomatic.og.see_also[2] }} -->
<meta property="og:see_also" content="https://www.linkedin.com/company/bigentity" /> <!-- {{ seomatic.og.see_also[3] }} -->
<meta property="og:see_also" content="https://www.youtube.com/user/bigentity" /> <!-- {{ seomatic.og.see_also[4] }} -->
<meta property="og:see_also" content="https://www.youtube.com/c/bigentity" /> <!-- {{ seomatic.og.see_also[5] }} -->
<meta property="og:see_also" content="https://www.instagram.com/bigentity" /> <!-- {{ seomatic.og.see_also[6] }} -->
<meta property="og:see_also" content="https://www.pinterest.com/bigentity" /> <!-- {{ seomatic.og.see_also[7] }} -->
<meta property="og:see_also" content="https://github.com/bigentity" /> <!-- {{ seomatic.og.see_also[8] }} -->

<!-- Twitter Card -->

<meta property="twitter:card" content="summary" /> <!-- {{ seomatic.twitter.card }} -->
<meta property="twitter:site" content="@bigentity" /> <!-- {{ seomatic.twitter.site }} -->
<meta property="twitter:title" content="We make the big stuff big &amp; the little stuff little | Big Entity, Inc." /> <!-- {{ seomatic.twitter.title }} -->
<meta property="twitter:description" content="Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!" /> <!-- {{ seomatic.twitter.description }} -->
<meta property="twitter:image" content="http://nystudio107.dev/img/site/big_hq.jpg" /> <!-- {{ seomatic.twitter.image }} -->

<!-- Google Publisher -->

<link rel="publisher" href="https://plus.google.com/+bigentity" /> <!-- {{ seomaticHelper.googlePlusUrl }} -->

<!-- Humans.txt authorship http://humanstxt.org -->

<link type="text/plain" rel="author" href="/humans.txt" />

<!-- Domain verification -->

<meta name="google-site-verification" content="BM6VkEojTIASDEWyTLro7VNhZnW_036LNdcYk5j9X_8g" /> <!-- {{ seomaticHelper.ownerGoogleSiteVerification }} -->

<!-- Google Analytics -->

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXX-XX', 'auto');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');
</script>

<!-- END SEOmatic rendered SEO Meta -->

Rendered Identity Microdata

The {% hook 'seomaticRender' %} tag also generates JSON-LD identity microdata that tells search engines about the company that owns the website. JSON-LD is an alternative to microdata you may already be familiar with, such as: <div itemscope itemtype='http://schema.org/Organization'>. JSON-LD has the advantage of not being intertwined with HTML markup, so it's easier to use. It is parsed and consumed by Google, allowing you to tell Google what your site is about, rather than having it try to guess.

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "AdultEntertainment",
    "name": "Big Entity, Inc.",
    "alternateName": "Big",
    "description": "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
    "url": "http://BigEntity.com",
    "sameAs": ["https://twitter.com/bigentity","https://www.facebook.com/bigentity","https://plus.google.com/+bigentity","https://www.linkedin.com/company/bigentity","https://www.youtube.com/user/bigentity","https://www.youtube.com/c/bigentity","https://www.instagram.com/bigentity","https://www.pinterest.com/bigentity","https://github.com/bigentity"],
    "image": "http://nystudio107.dev/img/site/big_logo.jpg",
    "telephone": "585.325.1910",
    "email": "&#105;&#110;&#102;&#111;&#64;&#32;&#66;&#105;&#103;&#69;&#110;&#116;&#105;&#116;&#121;&#46;&#99;&#111;&#109;",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "311 N Main St",
        "addressLocality": "Portchester",
        "addressRegion": "NY",
        "postalCode": "10573",
        "addressCountry": "US" 
    },
    "openingHoursSpecification": [
        {
            "@type": "OpeningHoursSpecification",
            "closes": "20:00:00",
            "dayOfWeek": ["Monday"],
            "opens": "12:00:00" 
        },
        {
            "@type": "OpeningHoursSpecification",
            "closes": "22:00:00",
            "dayOfWeek": ["Tuesday"],
            "opens": "12:00:00" 
        },
        {
            "@type": "OpeningHoursSpecification",
            "closes": "20:00:00",
            "dayOfWeek": ["Wednesday"],
            "opens": "12:00:00" 
        },
        {
            "@type": "OpeningHoursSpecification",
            "closes": "22:00:00",
            "dayOfWeek": ["Thursday"],
            "opens": "12:00:00" 
        },
        {
            "@type": "OpeningHoursSpecification",
            "closes": "20:00:00",
            "dayOfWeek": ["Friday"],
            "opens": "12:00:00" 
        }
    ],
    "logo": "http://nystudio107.dev/img/site/big_logo.jpg",
    "location": {
        "@type": "Place",
        "name": "Big Entity, Inc.",
        "alternateName": "Big",
        "description": "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
        "hasMap": "http://maps.google.com/maps?q=Big+Entity%2C+Inc.%2C+311+N+Main+St%2C+Portchester%2C+NY+10573%2C+US",
        "telephone": "585.325.1910",
        "image": "http://nystudio107.dev/img/site/big_logo.jpg",
        "logo": "http://nystudio107.dev/img/site/big_logo.jpg",
        "url": "http://BigEntity.com",
        "sameAs": ["https://twitter.com/bigentity","https://www.facebook.com/bigentity","https://plus.google.com/+bigentity","https://www.linkedin.com/company/bigentity","https://www.youtube.com/user/bigentity","https://www.youtube.com/c/bigentity","https://www.instagram.com/bigentity","https://www.pinterest.com/bigentity","https://github.com/bigentity"],
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Monday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "22:00:00",
                "dayOfWeek": ["Tuesday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Wednesday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "22:00:00",
                "dayOfWeek": ["Thursday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Friday"],
                "opens": "12:00:00" 
            }
        ],
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": "41.005432",
            "longitude": "-73.65897799999999" 
        },
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "311 N Main St",
            "addressLocality": "Portchester",
            "addressRegion": "NY",
            "postalCode": "10573",
            "addressCountry": "US" 
        } 
    },
    "duns": "54316",
    "founder": "Mr. Big",
    "foundingDate": "2011-11-01",
    "foundingLocation": "Redding, CT, USA" 
}
</script>

Rendered WebSite Microdata

The {% hook 'seomaticRender' %} tag also generates JSON-LD WebSite microdata that tells search engines about the website. JSON-LD is an alternative to microdata you may already be familiar with, such as: <div itemscope itemtype='http://schema.org/Organization'>. JSON-LD has the advantage of not being intertwined with HTML markup, so it's easier to use. It is parsed and consumed by Google, allowing you to tell Google what your site is about, rather than having it try to guess.

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "Big Entity, Inc.",
    "description": "Big Entity specializes in making the big stuff big, but we also know how to make the little stuff little!",
    "url": "http://nystudio107.dev/",
    "image": "http://nystudio107.dev/img/site/big_hq.jpg",
    "sameAs": ["https://twitter.com/bigentity","https://www.facebook.com/bigentity","https://plus.google.com/+bigentity","https://www.linkedin.com/company/bigentity","https://www.youtube.com/user/bigentity","https://www.youtube.com/c/bigentity","https://www.instagram.com/bigentity","https://www.pinterest.com/bigentity","https://github.com/bigentity"],
    "copyrightHolder": {
        "@type": "AdultEntertainment",
        "name": "Big Entity, Inc.",
        "alternateName": "Big",
        "description": "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
        "url": "http://BigEntity.com",
        "sameAs": ["https://twitter.com/bigentity","https://www.facebook.com/bigentity","https://plus.google.com/+bigentity","https://www.linkedin.com/company/bigentity","https://www.youtube.com/user/bigentity","https://www.youtube.com/c/bigentity","https://www.instagram.com/bigentity","https://www.pinterest.com/bigentity","https://github.com/bigentity"],
        "image": "http://nystudio107.dev/img/site/big_logo.jpg",
        "telephone": "585.325.1910",
        "email": "&#105;&#110;&#102;&#111;&#64;&#32;&#66;&#105;&#103;&#69;&#110;&#116;&#105;&#116;&#121;&#46;&#99;&#111;&#109;",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "311 N Main St",
            "addressLocality": "Portchester",
            "addressRegion": "NY",
            "postalCode": "10573",
            "addressCountry": "US" 
        },
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Monday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "22:00:00",
                "dayOfWeek": ["Tuesday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Wednesday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "22:00:00",
                "dayOfWeek": ["Thursday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Friday"],
                "opens": "12:00:00" 
            }
        ],
        "logo": "http://nystudio107.dev/img/site/big_logo.jpg",
        "location": {
            "@type": "Place",
            "name": "Big Entity, Inc.",
            "alternateName": "Big",
            "description": "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
            "hasMap": "http://maps.google.com/maps?q=Big+Entity%2C+Inc.%2C+311+N+Main+St%2C+Portchester%2C+NY+10573%2C+US",
            "telephone": "585.325.1910",
            "image": "http://nystudio107.dev/img/site/big_logo.jpg",
            "logo": "http://nystudio107.dev/img/site/big_logo.jpg",
            "url": "http://BigEntity.com",
            "sameAs": ["https://twitter.com/bigentity","https://www.facebook.com/bigentity","https://plus.google.com/+bigentity","https://www.linkedin.com/company/bigentity","https://www.youtube.com/user/bigentity","https://www.youtube.com/c/bigentity","https://www.instagram.com/bigentity","https://www.pinterest.com/bigentity","https://github.com/bigentity"],
            "openingHoursSpecification": [
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "20:00:00",
                    "dayOfWeek": ["Monday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "22:00:00",
                    "dayOfWeek": ["Tuesday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "20:00:00",
                    "dayOfWeek": ["Wednesday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "22:00:00",
                    "dayOfWeek": ["Thursday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "20:00:00",
                    "dayOfWeek": ["Friday"],
                    "opens": "12:00:00" 
                }
            ],
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": "41.005432",
                "longitude": "-73.65897799999999" 
            },
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "311 N Main St",
                "addressLocality": "Portchester",
                "addressRegion": "NY",
                "postalCode": "10573",
                "addressCountry": "US" 
            } 
        },
        "duns": "54316",
        "founder": "Mr. Big",
        "foundingDate": "2011-11-01",
        "foundingLocation": "Redding, CT, USA" 
    },
    "author": {
        "@type": "AdultEntertainment",
        "name": "Big Entity, Inc.",
        "alternateName": "Big",
        "description": "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
        "url": "http://BigEntity.com",
        "sameAs": ["https://twitter.com/bigentity","https://www.facebook.com/bigentity","https://plus.google.com/+bigentity","https://www.linkedin.com/company/bigentity","https://www.youtube.com/user/bigentity","https://www.youtube.com/c/bigentity","https://www.instagram.com/bigentity","https://www.pinterest.com/bigentity","https://github.com/bigentity"],
        "image": "http://nystudio107.dev/img/site/big_logo.jpg",
        "telephone": "585.325.1910",
        "email": "&#105;&#110;&#102;&#111;&#64;&#32;&#66;&#105;&#103;&#69;&#110;&#116;&#105;&#116;&#121;&#46;&#99;&#111;&#109;",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "311 N Main St",
            "addressLocality": "Portchester",
            "addressRegion": "NY",
            "postalCode": "10573",
            "addressCountry": "US" 
        },
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Monday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "22:00:00",
                "dayOfWeek": ["Tuesday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Wednesday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "22:00:00",
                "dayOfWeek": ["Thursday"],
                "opens": "12:00:00" 
            },
            {
                "@type": "OpeningHoursSpecification",
                "closes": "20:00:00",
                "dayOfWeek": ["Friday"],
                "opens": "12:00:00" 
            }
        ],
        "logo": "http://nystudio107.dev/img/site/big_logo.jpg",
        "location": {
            "@type": "Place",
            "name": "Big Entity, Inc.",
            "alternateName": "Big",
            "description": "We sell only big stuff... but we'll sell you little stuff too, but only in bulk containers of 1,000 units per container.  So then it's big too.",
            "hasMap": "http://maps.google.com/maps?q=Big+Entity%2C+Inc.%2C+311+N+Main+St%2C+Portchester%2C+NY+10573%2C+US",
            "telephone": "585.325.1910",
            "image": "http://nystudio107.dev/img/site/big_logo.jpg",
            "logo": "http://nystudio107.dev/img/site/big_logo.jpg",
            "url": "http://BigEntity.com",
            "sameAs": ["https://twitter.com/bigentity","https://www.facebook.com/bigentity","https://plus.google.com/+bigentity","https://www.linkedin.com/company/bigentity","https://www.youtube.com/user/bigentity","https://www.youtube.com/c/bigentity","https://www.instagram.com/bigentity","https://www.pinterest.com/bigentity","https://github.com/bigentity"],
            "openingHoursSpecification": [
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "20:00:00",
                    "dayOfWeek": ["Monday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "22:00:00",
                    "dayOfWeek": ["Tuesday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "20:00:00",
                    "dayOfWeek": ["Wednesday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "22:00:00",
                    "dayOfWeek": ["Thursday"],
                    "opens": "12:00:00" 
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "closes": "20:00:00",
                    "dayOfWeek": ["Friday"],
                    "opens": "12:00:00" 
                }
            ],
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": "41.005432",
                "longitude": "-73.65897799999999" 
            },
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "311 N Main St",
                "addressLocality": "Portchester",
                "addressRegion": "NY",
                "postalCode": "10573",
                "addressCountry": "US" 
            } 
        },
        "duns": "54316",
        "founder": "Mr. Big",
        "foundingDate": "2011-11-01",
        "foundingLocation": "Redding, CT, USA" 
    },
    "creator": {
        "@type": "Corporation",
        "name": "nystudio107",
        "alternateName": "NY Studio 107",
        "description": "We do consulting, branding, design, and development.  Impeccable design married with precision engineering.",
        "url": "http://nystudio107.com",
        "image": "http://nystudio107.dev/img/site/logo.png",
        "telephone": "585.555.1212",
        "email": "&#105;&#110;&#102;&#111;&#64;&#110;&#121;&#115;&#116;&#117;&#100;&#105;&#111;&#49;&#48;&#55;&#46;&#99;&#111;&#109;",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Webster",
            "addressRegion": "NY",
            "postalCode": "14580",
            "addressCountry": "US" 
        },
        "logo": "http://nystudio107.dev/img/site/logo.png",
        "location": {
            "@type": "Place",
            "name": "nystudio107",
            "alternateName": "NY Studio 107",
            "description": "We do consulting, branding, design, and development.  Impeccable design married with precision engineering.",
            "telephone": "585.555.1212",
            "url": "http://nystudio107.com",
            "address": {
                "@type": "PostalAddress",
                "addressLocality": "Webster",
                "addressRegion": "NY",
                "postalCode": "14580",
                "addressCountry": "US" 
            } 
        },
        "founder": "Andrew &amp; Polly Welch",
        "foundingDate": "2012-11-03" 
    } 
}
</script>

Rendered Place Microdata

The {% hook 'seomaticRender' %} tag also generates JSON-LD Place microdata for Organizations that tells search engines where the organization is located. JSON-LD is an alternative to microdata you may already be familiar with, such as: <div itemscope itemtype='http://schema.org/Organization'>. JSON-LD has the advantage of not being intertwined with HTML markup, so it's easier to use. It is parsed and consumed by Google, allowing you to tell Google what your site is about, rather than having it try to guess.

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Place",
    "name": "Brad Brands Intl.",
    "alternateName": "Brad's pits",
    "description": "We make the products that make the man",
    "hasMap": "http://maps.google.com/maps?q=Brad+Brands+Intl.%2C+123+Musky+Way%2C+Pittsville%2C+NY+12340%2C+US",
    "image": "http://bradsformen.dev/img/site/site_logo@2x.png",
    "logo": "http://bradsformen.dev/img/site/site_logo@2x.png",
    "url": "http://bradsformen.com/",
    "sameAs": ["https://twitter.com/bradsformen","https://www.facebook.com/bradsformen","https://plus.google.com/+bradsformen","https://www.linkedin.com/company/bradsformen","https://www.youtube.com/user/bradsformen","https://www.instagram.com/bradsformen","https://www.pinterest.com/bradsformen"],
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "123 Musky Way",
        "addressLocality": "Pittsville",
        "addressRegion": "NY",
        "postalCode": "12340",
        "addressCountry": "US" 
    } 
}
</script>

Rendered Product Microdata

The {% hook 'seomaticRender' %} tag also generates JSON-LD Product microdata if an SEOmatic FieldType is attached to a Craft Commerce Product. JSON-LD is an alternative to microdata you may already be familiar with, such as: <div itemscope itemtype='http://schema.org/Organization'>. JSON-LD has the advantage of not being intertwined with HTML markup, so it's easier to use. It is parsed and consumed by Google, allowing you to tell Google what your site is about, rather than having it try to guess.

<script type="application/ld+json">
[
    {
        "@context": "http://schema.org",
        "@type": "Product",
        "name": "Romper for a Red Eye",
        "description": "Irresistible to women.  Establishes dominance over men.  Brad's for Men will release your inner beast with its musky essence.",
        "image": "http://bradsformen.dev/img/site/site_logo.png",
        "logo": "http://bradsformen.dev/img/site/site_logo.png",
        "url": "http://bradsformen.dev/commerce/products/romper-for-a-red-eye",
        "sku": "Romper for a Red Eye",
        "offers": {
            "@type": "Offer",
            "url": "http://bradsformen.dev/commerce/products/romper-for-a-red-eye",
            "price": "30.00",
            "priceCurrency": "USD",
            "offeredBy": {
                "@type": "Corporation",
                "name": "Brad Brands Intl.",
                "alternateName": "Brad's pits",
                "description": "We make the products that make the man",
                "url": "http://bradsformen.com/",
                "sameAs": ["https://twitter.com/bradsformen","https://www.facebook.com/bradsformen","https://plus.google.com/+bradsformen","https://www.linkedin.com/company/bradsformen","https://www.youtube.com/user/bradsformen","https://www.instagram.com/bradsformen","https://www.pinterest.com/bradsformen"],
                "image": "http://bradsformen.dev/img/site/site_logo@2x.png",
                "email": "info@bradsformen.com",
                "address": {
                    "@type": "PostalAddress",
                    "streetAddress": "123 Musky Way",
                    "addressLocality": "Pittsville",
                    "addressRegion": "NY",
                    "postalCode": "12340",
                    "addressCountry": "US" 
                },
                "logo": "http://bradsformen.dev/img/site/site_logo@2x.png",
                "location": {
                    "@type": "Place",
                    "name": "Brad Brands Intl.",
                    "alternateName": "Brad's pits",
                    "description": "We make the products that make the man",
                    "hasMap": "http://maps.google.com/maps?q=Brad+Brands+Intl.%2C+123+Musky+Way%2C+Pittsville%2C+NY+12340%2C+US",
                    "image": "http://bradsformen.dev/img/site/site_logo@2x.png",
                    "logo": "http://bradsformen.dev/img/site/site_logo@2x.png",
                    "url": "http://bradsformen.com/",
                    "sameAs": ["https://twitter.com/bradsformen","https://www.facebook.com/bradsformen","https://plus.google.com/+bradsformen","https://www.linkedin.com/company/bradsformen","https://www.youtube.com/user/bradsformen","https://www.instagram.com/bradsformen","https://www.pinterest.com/bradsformen"],
                    "address": {
                        "@type": "PostalAddress",
                        "streetAddress": "123 Musky Way",
                        "addressLocality": "Pittsville",
                        "addressRegion": "NY",
                        "postalCode": "12340",
                        "addressCountry": "US" 
                    } 
                },
                "duns": "12435",
                "founder": "Brad Bell",
                "foundingDate": "12/2015",
                "foundingLocation": "Pittsville, NY, USA" 
            },
            "seller": {
                "@type": "Corporation",
                "name": "Brad Brands Intl.",
                "alternateName": "Brad's pits",
                "description": "We make the products that make the man",
                "url": "http://bradsformen.com/",
                "sameAs": ["https://twitter.com/bradsformen","https://www.facebook.com/bradsformen","https://plus.google.com/+bradsformen","https://www.linkedin.com/company/bradsformen","https://www.youtube.com/user/bradsformen","https://www.instagram.com/bradsformen","https://www.pinterest.com/bradsformen"],
                "image": "http://bradsformen.dev/img/site/site_logo@2x.png",
                "email": "info@bradsformen.com",
                "address": {
                    "@type": "PostalAddress",
                    "streetAddress": "123 Musky Way",
                    "addressLocality": "Pittsville",
                    "addressRegion": "NY",
                    "postalCode": "12340",
                    "addressCountry": "US" 
                },
                "logo": "http://bradsformen.dev/img/site/site_logo@2x.png",
                "location": {
                    "@type": "Place",
                    "name": "Brad Brands Intl.",
                    "alternateName": "Brad's pits",
                    "description": "We make the products that make the man",
                    "hasMap": "http://maps.google.com/maps?q=Brad+Brands+Intl.%2C+123+Musky+Way%2C+Pittsville%2C+NY+12340%2C+US",
                    "image": "http://bradsformen.dev/img/site/site_logo@2x.png",
                    "logo": "http://bradsformen.dev/img/site/site_logo@2x.png",
                    "url": "http://bradsformen.com/",
                    "sameAs": ["https://twitter.com/bradsformen","https://www.facebook.com/bradsformen","https://plus.google.com/+bradsformen","https://www.linkedin.com/company/bradsformen","https://www.youtube.com/user/bradsformen","https://www.instagram.com/bradsformen","https://www.pinterest.com/bradsformen"],
                    "address": {
                        "@type": "PostalAddress",
                        "streetAddress": "123 Musky Way",
                        "addressLocality": "Pittsville",
                        "addressRegion": "NY",
                        "postalCode": "12340",
                        "addressCountry": "US" 
                    } 
                },
                "duns": "12435",
                "founder": "Brad Bell",
                "foundingDate": "12/2015",
                "foundingLocation": "Pittsville, NY, USA" 
            } 
        } 
    }
]
</script>

If you click on the Preview SEO Meta Tags button when you are editing a SEO Template Meta, you'll see that particular template's SEO Template Meta tags. Otherwise, you will see the SEO Site Meta tags.