How to use the og Open Graph meta tag for Facebook share

Question

Facebook fetches all pictures from my site   I want to share only one picture which is on that page   I heard about the og meta tag  but I don t know how to put it

User · Answer

I built a tool for meta generation  It pre-configures entries for Facebook  Google  and Twitter  and you can use it free here  http   www groovymeta com  To answer the question a bit more  OG tags  Open Graph  tags work similarly to meta tags  and should be placed in the HEAD section of your HTML file  See Facebook s best practises for more information on how to use OG tags effectively

User · Answer

Facebook uses what s called the Open Graph Protocol to decide what things to display when you share a link  The OGP looks at your page and tries to decide what content to show  We can lend a hand and actually tell Facebook what to take from our page   The way we do that is with og meta tags   The tags look something like this -     lt meta property  og title  content  Stuffed Cookies    gt     lt meta property  og image  content  http   fbwerks com 8000 zhen cookie jpg    gt     lt meta property  og description  content  The Turducken of Cookies    gt     lt meta property  og url  content  http   fbwerks com 8000 zhen cookie html  gt    You ll need to place these or similar meta tags in the  lt head gt  of your HTML file  Don t forget to substitute the values for your own   For more information you can read all about how Facebook uses these meta tags in their documentation  Here is one of the tutorials from there -  https   developers facebook com docs opengraph tutorial     Facebook gives us a great little tool to help us when dealing with these meta tags - you can use the Debugger to see how Facebook sees your URL  and it ll even tell you if there are problems with it   One thing to note here is that every time you make a change to the meta tags  you ll need to feed the URL through the Debugger again so that Facebook will clear all the data that is cached on their servers about your URL

User · Answer

Use    lt  -- For Google -- gt   lt meta name  description  content      gt   lt meta name  keywords  content      gt    lt meta name  author  content      gt   lt meta name  copyright  content      gt   lt meta name  application-name  content      gt    lt  -- For Facebook -- gt   lt meta property  og title  content      gt   lt meta property  og type  content  article    gt   lt meta property  og image  content      gt   lt meta property  og url  content      gt   lt meta property  og description  content      gt    lt  -- For Twitter -- gt   lt meta name  twitter card  content  summary    gt   lt meta name  twitter title  content      gt   lt meta name  twitter description  content      gt   lt meta name  twitter image  content      gt    Fill the content          according to the content of your page   For more information  visit 18 Meta Tags Every Webpage Should Have in 2013

[facebook-opengraph] How to use the 'og' (Open Graph) meta tag for Facebook share

Examples related to facebook-opengraph

Examples related to meta