Using Dreamweaver CS6 Fluid Grid Layout.
I've researched the stackoverflow questions (and more) relating to this -
Facebook object debugger:
"Your page has meta tags in the body instead of the head. This may be because your HTML was malformed and they fell lower in the parse tree.
Please fix this in order for the tags to be usable."
Another answer on this site pointed out that something in the coding is resulting the secion ending before the meta tags - but I can't work out what it is. Code validator: there is a stray /head and body tag.
http://www.thatsrightratso.com.au/imp/lickit.html
What is it, can anyone help? Thank you
It looks like you added your meta tags inside of the body tag rather than the head. Typically the head section contains metadata and resources that are not directly displayed on the page, where these meta tags were added inside of the body, where HTML is rendered onto the page.
Take a look at this screenshot I took of your code. I have highlighted the Facebook meta tags for you. You should move these up inside of the head element.
<html>
<head>
<!-- title tags, stylesheets, other important items -->
<meta property="og:image" content="http://www.thatsrightratso.com.au/imagesimpjewellery/lickitring9ctyellowgold.jpg">
<meta property="og:description" content="Lickit ring, 9ct yellow gold or sterling silver, mens womens">
<meta property="og:url" content="http://www.thatsrightratso.com.au/imp/lickit/">
<meta property="og:title" content="Lickit">
</head>
<body>
<!-- Page Contents Rendered Here -->
</body>
</html>
Related
For a Facebook share button, I deed to add some meta tags to a page in Liferay.
The result of the HTML should look like the following example:
<html>
<head>
<meta property="og:title" content="My website title" />
<meta property="fb:app_id" content="4711" />
</head>
<body>...</body>
</html>
How can I do that in Liferay WITHOUT coding but just by configuration in the admin control area?
Note: For www.mydomain.com/en the content of the meta tag should be in English. For www.mydomain.com/de it should be in German.
If this is not possible by configuration easily, it can be all in one single language.
You can add fb meta tags in portal_normal.vm in theme.
Also,these changes are not instantly reflected but takes a while until the fb crawlers re cache content from your tags.
What META TAG i should put to deindex whole indexed pages and leave only homepage indexed ?
Thank You
All bots (that honor this meta tag):
<meta name="robots" content="noindex">
Only Google:
<meta name="googlebot" content="noindex">
Add these to these to the <head> section of the pages that you do not want indexed. In your case, leave it off of your home page.
Reference: Using meta tags to block access to your site
I have a website where I'd like to have a facebook like button, with the button being customized so it shows a specific picture, description, etc.
All of that is done and it works, however I used regular img, description, title meta tags instead of the og tags we are supposed to use.
Facebook complains when I lint the website with http://developers.facebook.com/tools/debug.
Here are some error messages:
Inferred Property: The 'og:url' property
should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:title' property
should be explicitly provided, even if a value can be inferred from other tags.
and etc for all of the other tags...
Here is the problem: When I did add and configure the tags as shown in examples provided on the web, not only did it not work, I recieved another error:
Meta Tags In Body: You have tags ouside of your . This is either because
your was malformed and they fell lower in the parse tree, or you accidentally
put your Open Graph tags in the wrong place. Either way you need to fix it
before the tags are usable.
Here is my html config:
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml"
xmlns:og="http://opengraphprotocol.org/schema/">
...
<meta property="og:url" content="..." />
<meta property="og:site_name" content="..." />
<meta property="og:type" content="..." />
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
<meta property="fb:app_id" content="..." />
...
NOTE: My fb-root tag and the other fb provided like button code is at the very bottom of the page along with the other script's.
NOTE: I did zero configuration on open graph's website, or on facebook's open graph section of my app, in facebook developers, however I don't think that this is an issue because in fb's instructions, they said to add a like button only copying/pasting code is needed and no actual open graph configuration was needed.
Here is the site URL: http://darehut.com
NOTE: My tag code is actually inside the head element in my source, but for whatever reason, they get rendered outside!
Thanks for your help!!
Meta Tags In Body: You have tags ouside of your . This is either because
your was malformed and they fell lower in the parse tree, or you accidentally
put your Open Graph tags in the wrong place.
That message is missing the word <head> before the first period.
What it means, is pretty simple: Either you put your OG meta tags outside of your <head> element, or your HTML is malformed.
And next time you ask a question like this, please include the URL to the document you’re having trouble with – that way, we can have a look at it ourself and we’ll be able to answer more specific.
When I link to my website on Facebook a thumbnail comes up but it is not the thumbnail I want to come up. How do I change the thumbnail. It shows the image on the object debugger
http://developers.facebook.com/tools/debug/og/object?q=totelfootball.com
How do I change the image?
I have seen similar posts but want to no a simple solution for the issue? Can it be done on Facebook no coding involved?
you can add into <head></head>
this tag <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >
OR change <html> tag to
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
and add into tag <head></head>
this tag
<meta property="og:image" content="http://URL-TO-YOUR-IMAGE" />
Don`t forget to test your link using facebook debug tool
Go to http://developers.facebook.com/tools/debug
Enter the URL following by fbrefresh=CAN_BE_ANYTHING
Examples:
http://www.example.com?fbrefresh=CAN_BE_ANYTHING
http://www.example.com?postid=1234&fbrefresh=CAN_BE_ANYTHING
OR visit:
http://developers.facebook.com/tools/debug/og/object?q=http://www.example.com/?p=3568&fbrefresh=89127348912
I was having the same issue last night, and I got this solution from some website.
Facebook saves your cache thumbnail. The thumbnail will not change even if you delete the image from your server. But Facebook allows you to refresh by using fbrefresh
I hope this helps.
You can choose what thumbnail is displayed by adding an og:image meta tag to the HTML of totelfootball.com:
https://developers.facebook.com/docs/opengraph/
Facebook uses meta tags on the page you're sharing to determine which image, title, and description to show when posting a link. The meta tag syntax follows Facebook's OpenGraph specification.
The most important meta tags you need to define are:
<meta property="og:title" content="The title of the sharing preview" />
<meta property="og:description" content="The first few lines of content below the title" />
<meta property="og:image" content="http://example.com/your-image-1200x630px.jpg" />
This of course only works if you have complete control over the site you’re sharing. If you’re sharing an external link (like a news article), you don’t have access to their site and therefore can’t change the meta tags. I'm using ShareKit.io, which allows you to change the title, description, and image of any link you’re sharing without having to fiddle with meta tags.
Easier than this.
Go to the link you shared. Open it in a new tab.
Right upper corner --> Refresh Share Attachment
New thumbnail image gets fetched and you get an option to choose another.
Hope this helps :)
I have the following HTML in my HTML head:
<meta content="***" property="fb:admins">
<meta content="***" property="fb:app_id">
<meta content="Site.com" property="og:site_name">
<meta content="http://site.com/thumbnail.png" property="og:image">
<meta content="activity" property="og:type">
<meta content="Test Title" property="og:title">
<meta content="http://site.com/page/?Id=56&Source=" property="og:url">
<meta content="Test Activity Description" property="og:description">
But rather than the details I have specified showing up in my facebook feed, instead I get a link to site.com/page (without the URL variables after it), the title seems to be coming from the <title> rather than the <meta content="Test Title" property="og:title"> and the description is coming from the first <p> on site.com/page (which isn't there when you include the URL variables)
any idea what I am doing wrong?
EDIT
Running the page through linter has thrown up some interesting issues.
http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Fwaggleb.com%2F12454874521145474-2%2F
The problem seems to stem from the fact that the image, the URL, the title and description are generated using javascript. When facebook calls back does it not allow the JS to run before fetching the results?
I need to change the data with javascript unless there is a way to pass the whole page through PHP, pick out the data I need and then place the correct URL, title, description and image into the meta tags. I do not have direct access to the database, so I must retrieve this data from the DOM
Maybe it was cached by facebook before you put in these tags.
Try to clean them in Linter: http://developers.facebook.com/tools/lint/