I have a blog where I publicate posts weekly, or whatever. The point is I added opengraph meta elements to my HTML code:
<meta property="og:image" content="http://..." />
<meta property="og:title" content="...">
<meta property="og:description" content="...">
<meta property="og:url" content="http://...">
When I changed my code then disappears the Facebook likes from my posts. Thats all of my modifications. I think this isn't a big thing.
Is there any reason why disappers the likes?
Related
I have added the appropriate OG Meta tags to my page (http://yorkschool.korkoladesign.com).
<meta property="og:title" content="Prospectus"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://yorkschool.korkoladesign.com/index.php"/>
<meta property="og:image" content="http://yorkschool.korkoladesign.com/application/files/2914/4908/7529/The_York_School.JPG"/>
<meta property="og:site_name" content="The York School"/>
<meta property="fb:app_id" content="************"/>
<meta property="og:description" content="Test - Our faculty embodies the qualities we hope to inspire in our students: empathy, responsiveness, inventiveness, insight and critical thinking."/>
When I use the OG Object Debugger, it grabs the correct info for each property but when I look at the "When shared..." section, none of this info is there. It still uses the same default info that was present before I added the OG tags. What am I missing?
You have to use the facebook debug tool to fetch your new meta information. Go to https://developers.facebook.com/tools/debug/ enter your URL and click "Fetch new scrape information" to refresh all meta data.
I've implemented og:see_also into my posts, but when they're liked, no additional webpages appear.
Is there specific criteria that needs to be met (i.e. do they require a specific og:type)?
Must they be placed in a specific place within the Open Graph Meta Tag order?
Here's how they're set up:
<meta property="og:see_also" content="http://mywebsite.com/article1/">
<meta property="og:see_also" content="http://mywebsite.com/article2/">
They're displayed appropriately in the FB Debugger Tool. I'm just wondering if perhaps I may be doing something wrong, or if the see_also articles will only appear intermittently?
Here's the full code:
<meta property="og:site_name" content="SITE NAME">
<meta property="og:url" content="http://THEWEBPAGE.COM">
<meta property="og:title" content="TITLE">
<meta property="og:image" content="http://IMAGE-HERE.com">
<meta property="og:image:secure_url" content="https://IMAGE-HERE.com">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
<meta property="og:description" content="DESCRIPTION">
<meta property="og:see_also" content="http://mywebsite.com/article1/">
<meta property="og:see_also" content="http://mywebsite.com/article2/">
The official OpenGraph protocol page doesn't mention anything about og:see_also, and Facebook's documentation doesn't do anything with it.
However, Pinterest mentions it, which suggests it may one of the og: tags Pinterest has extended from the standard. The only description we get is:
URL pointing to other related articles from the same domain. Up to 6 og:see_also tags can be provided.
Presumably, this tag would only have an effect when Pinterest users "pin" your page and get a "Rich Pin" out of it, which is a feature you'd have to apply for.
Is there any HTML/PHP/jQuery code to share picture on twitter and facebook? Not just the src of picture, but to display the picture on the sharing screen.
There's PHP & HTML, but not jQuery
Facebook
Facebook has something called Open Graph Protocol, to install them add the following meta tag between <head> of your page
<meta property="og:title" content="My awesome website title" />
<meta property="og:type" content="website" />
<meta property="og:description" content="my example website is on facebook!" />
<meta property="og:url" content="http://example.com" />
<meta property="og:image" content="http://example.com/og_img.jpg" />
Twitter
On the other hand Twitter provide its own meta tags called Twitter Cards to install it
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://example.com">
<meta name="twitter:title" content="My awesome website title">
<meta name="twitter:description" content="my example website is on twitter">
<meta name="twitter:image" content="http://example.com/og_img.jpg" />
Hint
PHP renders a HTML output, but the benefits of PHP is to deal with different page without editing each page meta tags every time you change your meta tags OR if you have a blog and each post has its own permalink and its own title, description, image .. etc, PHP comes handy!
Further reading
Open Graph Protocol
Twitter Cards
How to Create a Twitter Card - David Walsh Blog
I included Open Graph Tags to convert my web page to a Facebook page so that if I like my web page, it should appear in Likes & Interests in my Facebook profile. But its not working.
Following are the open graph tags i am including:
<meta property="og:title" content="Proto"></meta>
<meta property="og:url" content="<?=SITE_URL?>"></meta>
<meta property="og:site_name" content="Proto"></meta>
<meta property="og:description" content="Lets you create prototypes for web apps." />
<meta property="og:image" content="<?=SITE_URL?>images/proto.jpg" />
<meta property="og:type" content="website"></meta>
<meta property="fb:app_id" content="284826761590524"/>
I included the Facebook Like button on my site. When I click Like, it does say Haris likes this, but this site does not appear in my Likes & Interests section. Why ???
After converting to Timeline view I did find the Like i made in the Likes section.
I would like to ask how to add data with links after the description to a Facebook post, what meta tags i should use to have such result like image below
http://alternative-spaces.com/UPDATE/screen_shots/GraphProtocol.png
Here is my code
<meta property="og:title" content="Exciting views and amazing floor plans"/>
<meta property="og:url" content="http://mysite.com/"/>
<meta property="og:description" content="sdfsfsd http://mysite.com/" />
<meta property="og:image" content="http://somagrand.com/images/fb_icon.jpg" />
<meta property="og:site_name" content="content"/>
<meta property="og:type" content="company" />
<meta property="fb:app_id" content="229103737100322"/>
<meta property="og:latitude" content="33.8164994"/>
<meta property="og:longitude" content="-116.5469377"/>
<meta property="og:street-address" content="1160 Mission St."/>
<meta property="og:locality" content="San Francisco"/>
<meta property="og:region" content="CA"/>
<meta property="og:postal-code" content="94103"/>
<meta property="og:country-name" content="USA"/>
That post wasnt made by liking a page on that site and therefore wont be concerned with open graph tags. It was done through the legacy REST API action stream.publish - if you go here: http://www.musicolio.com and click the 'share' button at the top you will notice the URL for the popup is something like this (once decoded):
https://www.facebook.com/dialog/stream.publish?action_links=[{"text":"Join Now","href":"http://www.musicolio.com/"}]&api_key=138938132827513&app_id=138938132827513&attachment={"name":"Musicolio","href":"http://www.musicolio.com/","description":"Collaborate on music projects, connect with musicians, find talented musicians, find work in the music industry.","media":[{"type":"image","src":"http://www.musicolio.com/blog/wp-content/uploads/2010/12/micon.png","href":"http://www.musicolio.com/"}],"properties":{"Get Discovered":"Monitored by industry executives","Private":"No Spam","Job Boards":"Get work, get paid","Free":"Get connected for free"}}&display=popup&locale=en_US&next=https://s-static.ak.fbcdn.net/connect/xd_proxy.php?version=3#cb=f24407dddc7a49a&origin=http%3A%2F%2Fwww.musicolio.com%2Ff1be678fb013a1e&relation=opener&transport=postmessage&frame=f11e216310dbbde&result=%22xxRESULTTOKENxx%22&sdk=joey&target_id=
I've highlighted the part you're interested in. More information on this can be found here: http://developers.facebook.com/docs/guides/attachments/