SEO Matters - Open Graph Meta Tags

SEO Matters - Open Graph Meta Tags

On this installment of SEO Matters, I am going to go over the Open Graph meta tags briefly.

The Open Graph protocol can turn any page into a rich media object, which when shared via social media, provides a better experience for the end user.

The most significant name using the Open Graph protocol is Facebook. As you can see from the photo above, when I attempt to share a specific URL, in this case, the tremendous post I wrote on Industry vs. Audience, Facebook retrieves the image used with the post, the page title (which includes the blog post title) and the introduction to the post. This rich media object gives the user more information up front so they can decide whether or not the shared object is relevant to what they are looking for.

Adding Open Graph meta tags to your site is fairly simple. All you need to do is add a tag like the one below to theof each page. If you are using a WordPress site, some plugins will do this for you automatically.

There are six properties each page using Open Graph tags should have:

SEO Matters | Open Graph | xclntDesign | Tavares, FL

  1. title – The title as it will display in the media object.
  2. type – The type of object. Normally this will be a website, but other types may fit your needs better, like music or video.
  3. image – The full URL to the image related to this media object.
  4. image:alt – Text describing the image in the media object. This property is important for those users with screen readers, but this property also has other SEO benefits. This property does not display, unless the user has disabled images.
  5. description – A one or two sentence description of the media object.
  6. url – The URL of the current page.

There are other properties you can use to describe your media object in more detail. A full description of all of the properties can be found at the Open Graph website.

Return to Blog Home

Some of our most recent work.

Mid-Florida Agencies

Mid-Florida Agencies

Brand new website for a local health insurance agent's office. They have existing corporate branding, so we took that and expanded on it. Our concept was to create something that was both professional and inviting. We used fun graphics and the corporate colors throughout.

Visit Site

Professional Waterfront Cleanup

Professional Waterfront Cleanup

Website redesign for a waterfront property cleanup company from Leesburg, Florida.

Professional Waterfront Cleanup has been a client of ours for a number of years, and every few years, we suggest a refresh of their website. This keeps the design modern, and the content can be changed to match the evolution of the company's business model.

Visit Site

Gator Clean

Gator Clean

Launch of a redesigned responsive website for a carpet and tile cleaning company in Lake County, Florida.

Gator Clean had a story to tell, and chose use to tell it. The owner's daughter had become ill, and during a trip to the ER, he was asked "Did you recently have your carpets cleaned?" When he answered yes, he was told that the disease his daughter had developed could have been caused by the toxic chemicals used by some carpet cleaners. He vowed to not let that happen to anyone else, so he started Gator Clean, using non-toxic cleaning agents to keep people and pets safe.

Visit Site

Got Watts Electric

Got Watts Electric

This was a complete redesign. Over the years, the client had added many different things to the original site, making it look disjointed. We took all of those things and simplified the design, while tying everything together to make the site look uniform and must easier for the user to read and navigate.

Visit Site

BrightLine Custom Blinds

BrightLine Custom Blinds

A custom window treatment company was looking for an alternative to the vendor-supplied website they had. We took their existing branding and expanded on it, creating an inviting and informative new website.

Visit Site