i'm having an issue with the new facebook meta tags the type of object is a song.
i took the example from here.
here
<meta property="og:type" content="Song" />
<meta property="og:title" content="artist name - track name" />
<meta property="og:description" content="content" />
<meta property="og:image" content="artist image full url" />
<meta property="testappwebsite:song:url" content="the full track uri PAGE." />
<meta property="testappwebsite:song:type" content="audio/mp3" />
<meta property="fb:app_id" content="my app id" />
this is the errors i'm getting.
the wierd thing is that when i take the url and put it in my status. i'm getting the correct image, but i'm not getting the title that i added to the meta tag, instead i'm getting the document title.
is there any built in objects for song audio ?? because i cannot find it.
Song is uppercase in your example - not sure if that has any bearing. See here:
http://ogp.me/ under Audio...
<html xmlns:og="http://ogp.me/ns#">
<head>
...
[REQUIRED TAGS]
<meta property="og:audio" content="http://example.com/amazing.mp3" />
<meta property="og:audio:title" content="Amazing Song" />
<meta property="og:audio:artist" content="Amazing Band" />
<meta property="og:audio:album" content="Amazing Album" />
<meta property="og:audio:type" content="application/mp3" />
...
</head>
Did you put the <meta> tags into your <head>? Only the <head> is actually parsed.
Related
I have read quite a number of SO post on the topic however my problem still persists : Facebook sees my meta tags as raw tag found but does not display or include image during the open graph display. This is the Url i am trying to post on facebook :
https://holyunions.com/govt-releases-gh-cent-465-million-for-start-of-one-district-one-factory-project-general-language-en-article-118
And This is my output of my code
<meta property="og:title" content="Govt releases GH¢465 million for start of one-district-one factory project - General :. Twum Barimah" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://holyunions.com/govt-releases-gh-cent-465-million-for-start-of-one-district-one-factory-project-general-language-en-article-118" />
<meta property="og:description" content=""/>
<meta property="fb:app_id" content="532235306919626"/>
<meta property="og:image" content="http://holyunions.com/js/max_john_richeditor/lib/tiny_mce/plugins/openmanager/uploads/images/image_11_04_2017_12_24_02_1491913442-42.png" />
<meta property="og:image:secure_url" content="https://holyunions.com/js/max_john_richeditor/lib/tiny_mce/plugins/openmanager/uploads/images/image_11_04_2017_12_24_02_1491913442-42.png" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="285" />
<meta property="og:site_name" content="Holy Unions : Home of Marriages" />
<meta property="fb:admins" content="100004005747278"/>
The og image properties are well defined however Facebook after displaying them as tags, still does not fetch the image neither does it display the image nor the description in the open graph properties.
How do I display the image that facebook sees as url ?
i watch 1 youtube https://www.youtube.com/watch?v=KnsanTdY2Lc and i coding follow them but when i post a link on facebook it not show the photo why? here my code where is wrong point i can't event debug it
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<meta property="og:url" content="https://3.bp.blogspot.com/-HJiRD8AiC4k/V_8MznQ6d7I/AAAAAAAADOg/yR2fUN0ja3gPltQ5S_e0NlGZ9gYRzcyyQCLcB/s1600/download.jpg" />
<meta name="googlebot" content="noarchive" />
<meta content="noindex, nofollow" name="robots" />
<meta name="medium" content="image" />
<meta property="og:type" content="website" />
<title>Berani yer....akik ni.........-(video inside)</title>
<meta http-equiv="refresh" content="0; URL=uuuuuuuuuuu" />
Try this ;)
Check your url here(URL debugger) to make sure you are providing info as expected by Facebook. Like to share image you need to add og:image property with meta tag.
Why are you adding following meta?
<meta http-equiv="refresh" content="0; URL=uuuuuuuuuuu" />
This will redirect from current url to uuuuuuuuuuu
i have created an Open graph storie on my facebook app. I want to to integrate the code to my website...
this is the meta tags i use
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# rovespier: http://ogp.me/ns/fb/rovespier#">
<meta property="fb:app_id" content="349547121879416" />
<meta property="og:type" content="rovespier:art" />
<meta property="og:url" content="Put your own URL to the object here" />
<meta property="og:title" content="<?php $message; ?>" />
<meta property="og:image" content="http://www.rovespier.com/uploads/videos/images/142367443594.jpg" />
<meta charset="utf-8">
i used facebook debugger. the thing is that (because i use this code for mulptiple pages) in some pages the open graph shows ok but in some shows values like 'sample video' or another image from the one i specified on the meta tag or no image at all. Any idea why is that? Sounds kind of crazy
Start adding a width and a heigt to your og:image. If there is no image width or height set, it may take another image than the one that is defiend.
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
I have a page (URL) that visitors to my website can share on their wall. What I'd like is when their friends view the post in their feed that the link of the post clicks through to my website but that the post on their wall also include a video they can play directly in their feed.
I have been trying to get this to work with Facebook page meta data but so far no luck. I have added the following tags, is there anything obvious I'm missing?
<meta property="fb:app_id" content="xyz" />
<meta property="og:title" content="My Page Title" />
<meta property="og:type" content="video" />
<meta property="og:url" content="/url/to/my/site" />
<meta property="og:description" content="Lorem ipsum" />
<meta property="og:image" content="http://www.youtube.com/watch?v=xCydfLwgXI" />
<meta property="og:video" content="http://www.youtube.com/watch?v=xCydfLwgXI" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:secure_url" content="https://www.youtube.com/watch?v=xCydfLwgXI" />
Indeed, very popular question.
Look at source: http://fb.stevelarsen.co.uk/example.html
Similiar topic: Open graph og:video Meta Tags content
I see the webpage title, link, image, but I cannot get any description. My client want's a describing text when a user has clicked like on the webpage. Is this not possible??
I had to use the old way of sharing since the new doesn't work together with the other things on the site.
I have ran it through the Facebook Debugger and the only problem it states is:
Open Graph Warnings That Should Be Fixed:
Parser Mismatched Metadata: The parser's result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input property =>content pairs that were not seen in the parsed result: 'og:description => the site desc'
However I think this is only because I use <meta name="description"> as well. Because it does fetch and display this information in the debugger:
Raw Open Graph Document Information
Meta Tag: <meta property="og:url" content="http://website.nu/" />
Meta Tag: <meta property="og:image" content="http://website.nu/img/img200x200.jpg" />
Meta Tag: <meta property="og:title" content="website title" />
Meta Tag: <meta property="og:type" content="website" />
Meta Tag: <meta property="og:site_name" content="site_name" />
Meta Tag: <meta property="fb:admins" content="[my fb id]" />
Meta Tag: <meta property="og:description" content="site desc" />
Website source code:
<head>
<meta name="description" content="Page description">
<meta property="og:url" content="http://website.nu/"/>
<meta property="og:image" content="http://website.nu/img/img_200x200.jpg"/>
<meta property="og:title" content="Site title"/>
<meta property="og:type" content="website"/>
<meta property="og:site_name" content="Site name"/>
<meta property="fb:admins" content="[my_fb_id]"/>
<meta property="og:description" content="Page description, expected to output"/>
</head>
<body>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://website.nu/index.php/&send=false&layout=button_count&width=90&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94px; height:20px;" allowTransparency="true"></iframe>
</body>
Try putting the <meta name="description"> tag after the <meta property="og:description"> tag.
The og:description needs to be after the og:image property.
At least that was working for me.
description after og:description or removing the description-metatag didn't change anything.
try to trim your content for example:
echo '<meta property="og:description" content="' . trim($content) . '"/>';