Metadata and SEO part 3: social, internationalization and more

Michiel is a partner at Yoast and our COO. Internet veteran. His main goal with most of his articles is to kick-start your site optimization. So much to do!

Literally, metadata is data that says something about other data. You can use particular metadata to send information about a webpage to a search engine or a social media channel, and thereby improve your SEO. In the first two posts of this metadata series, we discussed meta tags in <head>of your site and link rel metadata. In this last episode, we’ll scrutinize on metadata that can improve the sharing experience on social media. And last, but definitely not least, we’ll describe why metadata likehreflang declarations are a necessity if your business serves multiple languages and/or countries.

Posts in this series

Social metadata

We have written about Open Graph and Twitter Cards before. These tags, or this information, is definitely metadata. It will help you tell social networks like Facebook and Twitter what the page at hand is about in an orderly, summarized way. It will allow you to control the way your articles or pages are shared.

OpenGraph

OpenGraph is a standard used by a number of social networks like Facebook and Pinterest. If you’re using our Yoast SEO plugin, these tags are added to your page automatically, and of course, you can control the contents of these OpenGraph tags (in the social section in our meta box below on edit pages).

Twitter Cards

The same goes for Twitter Cards. They add metadata to your pages that are convenient for Twitter to read and understand. Our plugin adds Twitter Card metadata as well. If there is no Twitter Card data, Twitter will fallback to OpenGraph data, but you obviously want to make things as simple as possible for that Twitter.

As you can see, these can be used for variations of the ‘same’ language as well, like the British English in the second line. Note that hreflang isn’t a substitute for the rel=canonical we discussed. Be safe, implement both. More information on how to implement hreflang can be found here.

Alt tags

If you think about it, any extra attribute you assign to an image, like the alt or title tag, is metadata. Google uses it to scan the page and see what’s on there, so be sure to add these alt and title tags and optimize ’em.

Microdata for breadcrumbs

For a better understanding of your site’s structure, you should add some kind of microdata to your breadcrumbs. That can be done by adding schema.org data for breadcrumbs, for instance by JSON-LD. RDFa is another option to add this type of metadata to your website. Again, install Yoast SEO for WordPress and this is taken care of.

Language declaration for the page at hand

Let’s wrap this long list of metadata up with another language related metadata element. At the very top of your HTML, we find the, indeed, html tag. This one wraps all the code of your <head> and <body> and can contain the language of the page at hand. That is done like this:

<html lang="en">

Makes sense, right. Some might say that adding a meta tag for Content-Language is also an option, but following the W3C guidelines, that meta tag should not be used anymore. Use the lang declaration in the html tag instead.

That concludes this series with a lengthy list of metadata you can use to tweak your SEO. I am confident you can come up with even more metadata, as there is plenty. Feel free to leave your additions in the comments!