How to do Stuff: Search Engine Optimisation

Fast On-page SEO & Workflow

  Question. What are most busy people looking for ? Answer. Even though they might not express it this way, I can…

Read more

Mobile First Indexing : Are you about to be handicapped…

Per Google ( in 2016 ) most people are searching from a mobile device. But I still see a lot of…

Read more

On Page SEO techniques for 2018

Should you put your keywords in every part of the website page you're trying to rank ? and what should…

Read more

Keyword Research Tools - Why Use Them ?

You use keyword tools to help you discover ... What people are looking for. Roughly how many people are looking. …

Read more

How to Get to the First Page of Google and…

How many emails do you receive offering to put your website on the first page of Google ? I get several…

Read more

Content Marketing and SEO: how to write the right stuff

SEO still exists, but for the vast majority of businesses ( who aren't HUGE corporations with BIG advertising budgets )…

Read more

What Are Open Graph Meta Tags ?

When someone shares one of your web pages on Facebook or Twitter, would you like to make sure the right picture and message is displayed ?

That’s what Open Graph META tags are for !

They allow you to say what picture should be displayed and what title and description, so they’re a great way to promote a marketing message.

Just recently I’ve had a couple of clients who’ve had a webpage shared.

But what Facebook displayed wasn’t what they expected OR wanted – they could have had exactly what they wanted if they’d just set the tags.

So what are they exactly ? …

  • Facebook developed them, and Twitter, Linked In and Google+ all recognise them.
  • They’re set in the underlying text of a website page – which you can see if you choose to View Source in the Chrome browser or a similar menu option in other browsers.
  • And they look similar to the tags set for search engines, except they start with “og” like this …
    <meta property=”og:title” content=”Soup of the Day !” />
  • They describe the thing that’s being shared and along with the usual title, description and a picture you can add more info, like in this example from the Open Graph Protocol ( a protocol is a rule ) page
    <title>The Rock (1996)</title>
    <meta property=”og:title” content=”The Rock” />
    <meta property=”og:type” content=”” />
    <meta property=”og:url” content=”” />
    <meta property=”og:image” content=”” />

Here’s Facebook’s reference of Open Graph types …

So how do you set them ?

Well if your website is built on something like WordPress or Joomla or any type of content management system where you log in, there are probably options to fill in.

With WordPress, the theme may provide configuration fields for pages and posts.

Like in this picture …

Fields for Open Graph meta tags.

Of if not you can get the official Facebook plugin here …

Start adding them to your website pages with good marketing messages and images !

Tagged under: