Open Graph Meta Tags and sharing link URls for facebook, twitter and google plus

Sharing on social media, of course. The huge audiences of Facebook and Twitter make them the best platforms for sharing, but do you know how to optimize that outreach potential?




Do You Know why open graph was created?

Facebook introduced Open Graph in 2010. It promotes integration between Facebook and other websites by allowing them to become rich “graph” objects with the same functionality as other Facebook objects.

Put simply, a degree of control is possible over how information travels from a third-party website to Facebook when a page is shared (or liked, etc.). In order to make this possible, information is sent via Open Graph meta tags in the <head> part of the website’s code.

To turn your web pages into graph objects and share it on facebook, twitter or google plus, you need to add basic metadata to your page.

Facebook and google plus share almost shame open graph tags while twitter has different open graph tags.

Lets See open graph tags and share link url for facebook twitter and google+

facebook, google+,linkedin open graph meta tags => put it in between <head> tag


<meta property="og:type" content="article" />

<meta property="og:url" content="http://suratnow.com/open-graph-meta-tags/" />

<meta property="og:title" content="Open Graph Meta Tag and sharing link URl for facebook, twitter and google plus">

<meta property="og:description" content="Sharing on social media, of course. The huge audiences of Facebook and Twitter make   them the best platforms for sharing, but do you know how to optimize that outreach potential? Do You Know why open…" />

<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />

above Four are commonly use meta tag within website to share content on social media.

tag Description
og:url The canonical URL for your page. This should be the undecorated URL, without session variables, user identifying parameters, or counters. Likes and Shares for this URL will aggregate at this URL. For example, mobile domain URLs should point to the desktop version of the URL as the canonical URL to aggregate Likes and Shares across different versions of the page.
og:title The title of your article without any branding such as your site name.
og:description A brief description of the content, usually between 2 and 4 sentences. This will displayed below the title of the post on Facebook.
og:image The URL of the image that appears when someone shares the content to Facebook. See below for more info, and check out our best practices guide to learn how to specify a high quality preview image.
fb:app_id In order to use Facebook Domain Insights you must add the app ID to your page. Domain Insights lets you view analytics for traffic to your site from Facebook. Find the app ID in your App Dashboard.
og:type The type of media of your content. This tag impacts how your content shows up in News Feed. If you don’t specify a type,the default is website. Each URL should be a single object, so multiple og:type values are not possible. Find the full list of object types in our Object Types Reference

now you have done one part. now to share content you need to put button on websites. and for doing that you need social share url of social media site.

facebook Social Share URL

https://www.facebook.com/sharer.php?u={url}

google plus Social Share URL

https://plus.google.com/share?url={url}

linkedin Social Share URL

https://www.linkedin.com/shareArticle?url={url}&title={title}

you can create share button using this URL like

<a target=”_blanck” href=”https://www.facebook.com/sharer.php?u={url}” class=”facebook” >Share On Facebook</a>

<a target=”_blanck” href=”https://plus.google.com/share?url={url}” class=”google-plus” >Share On Google+</a>




<a target=”_blanck” href=”https://www.linkedin.com/shareArticle?url={url}&title={title}” class=”linkedin” >Share On Google+</a>

yes you jiust need to replace {url} with your website url. and social media crawler do all thing automatic for you

Facebook Share open graph object

facebook open graph share

in Case of twitter you have to write additional open graph meta tag

Twitter Open Graph Meta Tag and Share URL

<meta name=”twitter:site” content=”@suratnowlive”>

    <meta name=”twitter:creator” content=”@suratnowlive”>

    <meta name=”twitter:title” content=”Open Graph Meta Tag and sharing link URl for facebook, twitter and google plus”>

    <meta name=”twitter:description” content=”Sharing on social media, of course. The huge audiences of Facebook and Twitter make   them the best platforms for sharing, but do you know how to optimize that outreach potential? Do You Know why open…”>

    <meta name=”twitter:image” content=”abc.jpg”>

    <meta name=”twitter:domain” content=”suratnow.com”>

Card Type Card Description
twitter:card The card type, which will be one of “summary”, “summary_large_image”, “app”, or “player”.
twitter:site @username of website. Either twitter:site or twitter:site:id is required.

Used with summary, summary_large_image, app, player cards

twitter:site:id Same as twitter:site, but the user’s Twitter ID. Either twitter:site or twitter:site:id is required.

Used with summary, summary_large_image, player cards

twitter:creator @username of content creator

Used with summary_large_image cards

twitter:title Title of content (max 70 characters)

Used with summary, summary_large_image, player cards

twitter:image URL of image to use in the card. Image must be less than 1MB in size

Used with summary, summary_large_image, player cards

twitter:description Description of content (maximum 200 characters)

Used with summary, summary_large_image, player cards

Twitter social Share URL

https://twitter.com/intent/tweet?url={url}&text={title}&via={via}&hashtags={hashtags}

twitter open graph meta tag share

if you are using wordpress tthan you don’t need to worry about meta tags because there are number of plugins available for social sharing. one of the famous wordpress plugin is addtoany and it is available free of cost.

 

Latest

Audio File Formats and Compressions Explained

If you are into music, it might seem like there are just way to many audio formats to choose from. Can’t we just use Mp3…..

Coolpad Cool 1 Dual Review and Specs: Dual is Cool

Coolpad and LeEco joined their forces to create the Coolpad Cool 1 Dual. This smartphone was announced soon after LeEco’s CEO Jia Yueting took place as…..

Oneplus 5: The best is yet to come!

We are just 40 hours away from the official announcement of Oneplus 5. But there is no point of announcement when the exclusive look of the…..

What is URL? How it Works?

If you have ever used the Internet, which you have probably done considering that you are reading this blog right now, you have almost certainly…..

Samsung Galaxy J7 Pro Overview and Specs: Life is Now

Samsung has received tremendous response from the consumers with their Galaxy J series. As the tag line of the Galaxy J Series “Innovations for you”…..

Oppo R11 Plus Overview and Specs: Dual Rear Camera and Selfie Expert

Selfie Expert, this is the tag line for Oppo’s smartphones. Starting from the Oppo F1 to Oppo F3 plus, All those were Selfie Experts. This…..

Moto Z2 Play Review: Unlimited Possibilities

Since Lenovo bought Motorola, we are getting smartphones with uniqueness. Each and every one of their smartphone has it’s own unique feature. Or if you…..

Tesla Model S: Features and Overview

Today, I am going to tell you about all the features of Tesla Model S. So, What makes Tesla Model S such an advanced car……

Samsung Galaxy J3 Pro Review: Best Low Budget phone?

Samsung has been focused on their Flagship smartphones like Samsung Galaxy S8 and Samsung Galaxy S8 Plus, Samsung is being successful with those, but as you mention…..

Why Encryption is necessary? Why back-door is a bad idea?

Encryption has become a major debate recently. Recently, Apple wrote an open letter to the US government, explaining why forcing companies to insert a back-door…..

HTC U11 Full Review: Does HTC Worth It?

The HTC U11 is a smartphone full of contradictions. A stunning back plate made into a forgettable face, quick software blunted by extraneous gimmicks, slick…..

Samsung Dex: Using your Smartphone like a Desktop Computer

The Samsung Dex, the dock that turns your Samsung smartphone into a computer. Probably the coolest thing about Samsung Dex is that it exists at…..

Andy Rubin’s Essential Phone Specs and Overview: Bezel-less Design

Essential Ph1 is not just another anonymous startup, who promise to reinvent the smartphone. The man in the captain’s chair is Andy Rubin. He is…..

Hackintosh – running MacOS on non-Apple hardware, How it works?

If you are interested in computer building, you might have noticed a common thread and most of the how to guides out there on the…..

What is Application Programming Interface (API)? What it does?

API can be just as important as device driver, but if a driver is already there, then to serve as the link between your hardware and programs, then….

Gionee S10 Specs and Overview: Smartphone with Four Cameras

Two months ago, Gionee Released their selfie centred smartphone Gionee A1 #Selfiestan. Now, they are back with another surprise to the consumers with a Four…..

Xiaomi Redmi 4: Smartphone with Record Breaking Sales

Xiaomi Redmi 4, In online sale across their official website and Amazon, they sold over 250K+ units within mere 8 minutes. The rush for buying…..

HTC’s Flagship for 2017, HTC U11 Specs and Overview

After getting not so good response with HTC U Ultra, HTC has to make a great comeback. This is their chance. HTC U11 is HTC’s Flagship smartphone…..

Xiaomi’s Flagship for 2017, Xiaomi Mi 6 Specs and Overview

Xiaomi recently unveiled their Flagship smartphone Xiaomi Mi 6. Xiaomi highlighted their key new features at the event, features like Snapdragon 835 chipset, 6 GB of…..

Top 5 Announcements from Google I/O Keynote (Google I/O 2017)

Google I/O is basically a Developer Conference for people who use Google software and for all those developers of apps that run on those Google…..

  • Get more stuff like this
    in your inbox

    Subscribe to our mailing list and get interesting stuff and updates to your email inbox.