investigating Editing Facebook Profile Page Metadata

derrickhand300
@derrickhand300
10 years ago
1,353 posts
When I share something on my profile ( or anyones) I do not want the OG:Image to display the users profile picture...I want it to display the photo(s) in the content n the profile page I am sharing

Here is the current FB metadata ( default) for the profile pages
<meta property="og:image" content="{$jamroom_url|replace:"http:":"https:"}/{$murl}/image/profile_image/{$_profile_id}/xxlarge" />

How would I replace image/profile_image with an image of the content on the page ( be it a video-an article- blog-discussion etc)
Capture.JPG.jpg
Capture.JPG.jpg  •  95KB


updated by @derrickhand300: 12/22/16 11:55:59AM
brian
@brian
10 years ago
10,148 posts
There is no editing of the OG tags, as they are automatic.

However it should not be picking up the profile image if you are on an item detail page.

Can you post a URL to the page where the profile image is being shared BUT there is an item detail image on the page?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
derrickhand300
@derrickhand300
10 years ago
1,353 posts
Its really not so much item_detail pages
but just copying a url and posting- like this POLL on my profile
http://drillingahead.com/drilling-ahead/poll
lots of instances like this I have seen
derrickhand300
@derrickhand300
10 years ago
1,353 posts
Looks like this could be replaced
/image/profile_image/
with something that pulls the image from the page content if its there
brian
@brian
10 years ago
10,148 posts
Yeah we will look into this - I don't believe the Polls module has ever been updated to plug into the ShareThis module correctly - we'll get that on the TODO list here.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
derrickhand300
@derrickhand300
10 years ago
1,353 posts
Brian-I am seeing this issue in MANY places. I use Facebook to drive a great deal of my traffic to my site and when I share a page I count on the correct image being parsed or at least the OPTION to select the correct image
I just created a news page as an example and ran the URL through the Facebook Debugger tool-
I will add a screenshot above to the original post for you to look at ( wish you would condsider allowing images uploads in replies here in the forum)
As you can see from the screenshot the way OG:Image is configured in JR Metadata it pulls WAY TO many images from the page
REALLY need a fix or solution or workaround for this sometime
Thanks!
iamtimbo
@iamtimbo
10 years ago
301 posts
I'm also getting that - trying to share (an image of a thirties cinema) from a gallery detail page to FB, and it's picking up a skyscraper from the 'Recently Rated' profile div. Means I can't promote the site on a Facebook page at all... :(
brian
@brian
10 years ago
10,148 posts
iamtimbo:
I'm also getting that - trying to share (an image of a thirties cinema) from a gallery detail page to FB, and it's picking up a skyscraper from the 'Recently Rated' profile div. Means I can't promote the site on a Facebook page at all... :(

The Gallery pages explicitly set the og:image - can you provide a URL to the gallery image item detail page where you see this issue on?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
iamtimbo
@iamtimbo
10 years ago
301 posts
Why of course! You can see it at http://ourtownstory.co.uk/iamtimbo/gallery/196/tootingcinenewsfoyer.jpg - you can catch the skyscraper image that actually got used in the Recently Rated on the left hand side....
brian
@brian
10 years ago
10,148 posts
You don't have the ShareThis module enabled on your site OR it is not setup for the quota the profile is in. There are no OG tags in your page at all. You need to install the ShareThis module and then enable it for the quotas in the Quota Config.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
brian
@brian
10 years ago
10,148 posts
Just to add - I really like your site so far - nice job!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
iamtimbo
@iamtimbo
10 years ago
301 posts
Ah, cool - I'll get on that - that'd explain it, I guess!

Site-wise - thank you! We're getting there.........!
iamtimbo
@iamtimbo
10 years ago
301 posts
I now have ShareThis installed - it's picking up all but the gallery_caption - instead it uses the profile's biography - I can't see anything in the way of settings - for example mapping fields to og tags, etc. - what am I missing?!

Same page as before shows the result: http://ourtownstory.co.uk/iamtimbo/gallery/196/tootingcinenewsfoyer.jpg
derrickhand300
@derrickhand300
10 years ago
1,353 posts
I notice sharing your page with Google+ and Pintrest they both select the correct image from the page ( to me at least)

When I share your link useing the sharethis FB button I am not getting any image....this has been a reoccurring problem for me- weird that it comes and goes... I would also like to see the FB og:Description get picked up...
updated by @derrickhand300: 04/15/15 10:13:18AM
iamtimbo
@iamtimbo
10 years ago
301 posts
Hi Derrick - you're right - it is intermittent, although I've been using this tool - https://coveloping.com/tools/open-graph-tag-tester - and it always seems fine...!
derrickhand300
@derrickhand300
10 years ago
1,353 posts
I have been using GoDaddy website Builder for 10 years- back when it was called GoDaddy Website Tonight
This is their old drag/drop website builder and this video shows how they handle custom meta tags-Ning has a similar method in that at the bottom of a page on Ning you can choose to use the Ning generated meta data or use the text box to enter yourown
I always used this box to add the data I wanted Facebook to use using the Open Graph (OG) that facebook uses

It was really pretty simple- create the content- right click on the image in the content that I wanted FB to display- then select "Copy Image Url" and add it to the facebook meta data

I think both GoDaddy and Ning settled on this method for custom meta data because they got tired of trying to make their software parse the correct image/content for every page of every users website
Much easier to let the page creator control how the dat is displayed

Here is the godaddy website builder custom Meta Tag video
https://youtu.be/wdVeOO7DLlA

 <meta property="og:title"  content="Title Of The Webpage Content Is On" /> 
  <meta property="og:image"  content="URL of your Image Here" /> 
  <meta property="og:description" content=" short description of what you are seeing here"/>


You can also add meta properties for videos and other media using the OG tags explained here
https://developers.facebook.com/docs/reference/opengraph/object-type/website/
updated by @derrickhand300: 04/15/15 10:50:36AM
derrickhand300
@derrickhand300
10 years ago
1,353 posts
Does the tool you link to do the same as the Facebook Debugger?
https://developers.facebook.com/tools/debug/

Should note that when you create content and add it to a FB page just testing or otherwise Facebook caches that information...so if you change it and want to add the url back to FB again- you need to run it through the Debugger tool- which tells FB to ignore the old cache and get a new one.

If you make changes you wont see it displayed on FB until you use this tool...you may already know all this but thought I would add it just in case
updated by @derrickhand300: 04/15/15 10:59:29AM
derrickhand300
@derrickhand300
10 years ago
1,353 posts
using the system we use now...
If you go to https://developers.facebook.com/tools/debug/og/object/

and enter MY url

http://drillingahead.com

then select "FETCH NEW SCRAPE INFORMATION"

You will see FIFTY images that jr/sharethis are presenting to facebook..NONE of these 50 images are an image I want associated with my sites home page when someone shares it..

I prefer to enter the Title/Description/Image of each of my pages myself- currently JR only supports this in pages made with templates....but MOST of my pages are made with the Site Builder-Menu function

I am not trashing the system- I am just trying to explain the problem clearly to better help with the solution
updated by @derrickhand300: 04/15/15 11:12:03AM
brian
@brian
10 years ago
10,148 posts
derrickhand300:
Should note that when you create content and add it to a FB page just testing or otherwise Facebook caches that information...so if you change it and want to add the url back to FB again- you need to run it through the Debugger tool- which tells FB to ignore the old cache and get a new one.

This is important to remember - FB is pretty aggressive at caching - when in doubt, try it on a "fresh" page - I've seen it remain cached even when run through the debugger.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
iamtimbo
@iamtimbo
10 years ago
301 posts
Yes - Ning's tag area was quite useful for that, not sure about the GoDaddy one, not had experience!

Given how crucial social sharing is now, I wonder if an area that existed in the Meta Tags manager module that allowed you to map for each installed module would be a way forward - so that you could have varying settings by module - that would also help for custom modules, e.g.:

Og:title = gallery_title
Og:description = gallery_detail
Etc. Etc.

As I'm intending to have the site open to members only in the end, sharing buttons will be of limited (if any) use, so purchasing the ShareThis module just to have it populate OG tags is a bit of a convoluted fix but another site I'm planning on developing would depend fairly crucially on good og integration.
brian
@brian
10 years ago
10,148 posts
The ShareThis module already does this (OG tags based on module), so that should be working (if you feel it is not let us know).

I think the only place missing right now is in Site Builder - but we will make sure the Meta Tag manager is updated to support it (once the new SB is out).

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
iamtimbo
@iamtimbo
10 years ago
301 posts
Ah - cool! It is picking up the profile bio rather than the image description - I've posted a screen cap of the Facebook debug tool - thanks Derrick!
image.jpg
image.jpg  •  342KB


updated by @iamtimbo: 04/15/15 12:05:07PM
brian
@brian
10 years ago
10,148 posts
This mean the OG tags are likely missing from the page. Do you have a URL to the page you are seeing this on?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
brian
@brian
10 years ago
10,148 posts

Thanks - everything looks correct here, but it is not picking up the image caption and I see why - the Gallery needs to have a custom template created for this, since it does not use the standard "description" key. What's funny is thought this was already done, but have just checked it out and the template is not there.

I will get that added in for the next release.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
iamtimbo
@iamtimbo
10 years ago
301 posts
Aha - thanks for taking a look - sorry to be the identifier of bad news!
brian
@brian
10 years ago
10,148 posts
iamtimbo:
Aha - thanks for taking a look - sorry to be the identifier of bad news!

No worries - I appreciate you letting us know :)


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Tags