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

Data Breaching and Hacking Preventions

Recently,  number of cases of getting Credit card or bank account hacked has grown too much. So, probably this is a great time to talk…..

What is the largest possible Size of a Single File?

Kids from 2000s, you may not remember a time before a 120 GB hard drives were the bare minimum, but other of you from 90s…..

File Systems: What is FAT and NTFS? Which one is better?

You probably know someone, who is always miss placing stuff, I do personally. Whether they can not find their keys in the morning, they leave…..

App Review: MoveIt – transfer Media Files Automatically

From the title of the blog, you will think that, what is new in that? But well, there are some features in this you will…..

Status Forever: Android App to get Status for every mood

Are you looking for new Status to put on your Social media account? Whether you are feeling sad or true love, you will get all…..

Vivo Y69: Review and Specifications

The Chinese smartphone manufacturer Vivo always try to give you good and better Camera. Which is boring in a way. You just don’t get any…..

Apple iPhone X: Top 5 Features, Dream Project of Apple

If you have followed Apple at all, you have probably heard the old cliche that it does things better, instead of doing them first. Nowhere…..

How AHCI or IDE Modes can affect the Drive Performance?

When you finally decide to address a huge bottleneck in your computer by upgrading to an SSD for your Boot drive. But when you finally…..

Technical Terms that you don’t have an Idea of being Misused

Using the word Bacteria to refer to a single germ, which should be bacterium instead, mixing up Discrete and discreet and saying my Facebook got…..

How Important System32 Folder is for Windows OS?

Warning! Deleting this file can cause damage to Windows or another Program. Odds are pretty high that you have seen a message like that, if…..

Samsung Galaxy Note 8 First Impression: Do Bigger Things

Last year’s Galaxy Note 7 was perhaps “the most famous Samsung smartphone in history”, for all the wrong reasons. The company kicked off its recovery…..

Top 6 Upcoming Smartphones of 2017

2017 has been an incredibly exciting year, when it comes to smartphone launches. But that doesn’t mean, it will not get even better. So, Let’s…..

Mobile Networks: Evolution from 1G to 4G Explained

Most of us uses smartphone with 3G or 4G mobile networks, well mostly 4G after Jio Storm. But do you ever think what does it…..

Lenovo K8 Note: New Killer Note is ready to Kill the Ordinary

Chinese Mobile manufacturer Lenovo made a great success with their Lenovo K series. Especially with Lenovo K3 Note, Lenovo K6 Power and Lenovo K6 Note……

Moto’s Flagship Moto Z2 Force: Review and Specifications

Motorola’s best smartphone for 2017 is a thin, classy-looking handheld with a long-lasting battery. It’s compatible with Moto Mod accessories, and sold at a fair…..

Vivo X9s Plus Overview and Specifications

Chinese Smartphone Manufacturer Vivo has making quite the market in India from two to three years. Vivo has risen to the top in trusted mobile…..

Xiaomi Redmi Note 5: Full Specifications and Leaked Details.

Chinese Smartphone Manufacturing Company Mi created many record with their Redmi Series in India. As you are aware of Xiaomi Redmi 4, which is a…..

How does Optical Character Recognition (OCR) works?

You know, it is pretty easy to take words on your computer screen and put them on a physical sheet of paper. Just click print…..

Micromax Evok Note Review: Really Invincible?

Micromax is literally failing to make their mark on smartphone market again. There was a time when Micromax did shook every smartphone companies with their…..

Wireless 802.11 ac Wave 2 Explained

It seems like the onward march of Wireless technology can not be stopped. I mean we keep flinging more and more stuff through the airwaves,…..

  • Get more stuff like this
    in your inbox

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