OG and Twitter Cards to Improve Social Shares

Open Graph Data

The Open Graph (OG) protocol allows a page to dictate social share items. For example, OG is used by LinkedIn and Facebook, and employing it allows page owners to pre-set images to be shared, as well as the descriptions, titles and URLs that go with it.

More info: http://ogp.me/

Sample Code:

<head prefix=”og: http://ogp.me/ns# fb: http://ogp.en/ns/fb# website: http://ogp.me/ns/website#”>
<!– Facebook and LinkedIn Open Graph data –>
<meta property=”og:type” content=”website” />
<meta property=”og:url” content=”http://johndaters.com/digital-marketing-blog/domain-level-seo.html” />
<meta property=”og:title” content=”SEO Best Practices At The Domain Level | JohnDaters.com” />
<meta property=”og:description” content=”We’re outlining critical domain and root-level SEO elements to consider when building a new webpage or website.”/>
<meta property=”og:image” content=”http://www.johndaters.com/digital-marketing-blog/img/post-bg.jpg” />
<meta property=”og:site_name” content=”JohnDaters.com” />
<!–End Facebook and LinkedIn Open Graph data –>

Twitter Card

Much like Open Graph (OG), Twitter Card protocol allows page owners to pre-set share items for social shares over to Twitter.

More info: https://dev.twitter.com/cards/overview

<head prefix=”og: http://ogp.me/ns# fb: http://ogp.en/ns/fb# website: http://ogp.me/ns/website#”>
<!– Twitter Card data –>
<meta name=”twitter:card” content=”summary_large_image” />
<meta name=”twitter:site” content=”@liquidohio” />
<meta name=”twitter:creator” content=”@liquidohio” />
<meta name=”twitter:title” content=”SEO Best Practices At The Domain Level | JohnDaters.com”>
<meta name=”twitter:description” content=”We’re outlining critical domain and root-level SEO elements to consider when building a new webpage or website.”>
<meta name=”twitter:image” content=”http://www.johndaters.com/digital-marketing-blog/img/post-bg.jpg”>
<meta name=”twitter:url” content=”http://johndaters.com/digital-marketing-blog/domain-level-seo.html” />
<!–End Twitter Card data –>