2

My client has recently implemented the sameAs markup for the social media profiles. They have used Microdata as they don't want to use JSON-LD as they feel it'll be some work to go through the site and change it all around.

I have noticed that they have added a div with an itemtype of Organization and a link tag with itemprop not wrapping anything.

Example:

<div itemtype="http://schema.org/Organization">
    <link itemprop="url" href="domain name">
    <a itemprop="sameAs" href="instagram"></a>
    <a itemprop="sameAs" href="facebook/"></a>
    <a itemprop="sameAs" href="twitter"></a>
    <a itemprop="sameAs" href="google+"></a>
</div>

This has resulted in only 2 of the social media profiles appearing in the knowledge graph.

They have icons further down the page with links to the social media profiles. Should they not instead wrap these anchors around those instead?

  • Do they display icons (via CSS) in these a elements? Or are they actually invisible to the visitors? – unor Aug 19 '16 at 12:53
  • They're actually empty. And the width and height are both 0 because there's nothing in it. – GrapeSoda Aug 19 '16 at 13:39
3

If they have visible links to these social media profiles, it’s the best practice to mark up these links, instead of repeating the links and marking up the "invisible" variant:

<div itemscope itemtype="http://schema.org/Organization">

  <!-- … -->

  <ul>
   <li><a itemprop="sameAs" href="http://social-network-1.example.net/foo">Social Network 1</a></li>
   <li><a itemprop="sameAs" href="http://social-network-2.example.net/foo">Social Network 2</a></li>
  </ul>

</div>

If they don’t have visible links, or if it’s not possible to add Microdata markup to existing links (e.g., because the CMS doesn’t allow it), repeating them is better than not providing Microdata for them at all.

If repeating them and needing them to be invisible, the link element should be used instead of empty a elements:

<div itemscope itemtype="http://schema.org/Organization">
  <meta itemprop="name" href="Foo" />
  <link itemprop="url" href="http://example.com/" />
  <link itemprop="sameAs" href="http://social-network-1.example.net/foo" />
  <link itemprop="sameAs" href="http://social-network-2.example.net/foo" />
</div>

Even if the page doesn’t contain any visible social media links, adding them in Microdata is still better than not adding them; but in such a case Google might decide not to use them for their Social Profile Links.

  • Cheers, they are using Magento so I'm not too sure if this is the reason for them not applying it to the social links they have on their page. – GrapeSoda Aug 19 '16 at 14:10
  • My client has changed it so we're just waiting to see if it works. Someone else has said that if we see reviews in the knowledge Graph this means that Google is getting it's information from Google+. These social profiles appeared as soon as we implemented the structured data but we also have reviews. – GrapeSoda Aug 22 '16 at 12:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.