I have read many other posts about this issue but I haven't found my solution. When I try to share an url on Facebook, no thumbnail is shown. My site is http://international-student-office.com
I also tried to find out the problem in https://developers.facebook.com/tools/debug/ but I receive this message: Could not retrieve data from URL.
Any who can help me?
Thanks!
You can go for installing the FB Open Graph plugin on your wordpress website. This will solve your problem.
http://wordpress.org/plugins/wp-facebook-open-graph-protocol/
You can use the Open Graph Protocol to handle this. Here the code for an image:
<meta property="og:image" content="http://www.example.com/images/your_img.jpg" />
There are many plugins for WordPress which add this to your posts / pages automatically, see: WordPress Plugin Search "Open Graph".
A few SEO Plugins out there should do this work too, like WordPress SEO by Yoast.
Another solution is to add it directly in your template by yourself, this depends a little bit of your template, but in common it should be at your post.php and you have to add something like this:
<meta property="og:image" content=
"<?php echo get_the_post_thumbnail($page->ID, 'thumbnail'); ?>"
/>
for getting the post id, check the whole example at the WordPress Codex.
Related
Hello please help me: if I paste link of my site to facebook message, facebook processes it to thumbnail + some text. There is text "Shop powered by PrestaShop". How do I change it?
Prestashop version 1.6.1.4.
Site address : http://myfleur.cz/
Thanks for any help.
Facebook's crawler scrapes the HTML of the URL that is shared. On a regular HTML page (similar to your case) this content is basic and may be incorrect, because the scraper has to guess which content is important, and which is not.
The good news is that you can take control of what the Facebook crawler picks up from each page by using Open Graph meta tags. These tags provide structured info about the page such as the title, description, preview image, and more.
So just add these meta tags in your homepage:
<meta property="og:url" content="<your-webpage-url>" />
<meta property="og:title" content="<new-title>" />
<meta property="og:image" content="<new-image-url>" />
(You can add other meta tags also as mentioned in the link mentioned)
P.S. You can use this url to debug, which content facebook is scraping from your website.
Hope that helps!
The solution in that case is go to
Preferences -> SEO & URLs -> index (edit)
and change there the Meta-Description.
I found yesterday the some of the links of my website I want to post, can't be posted on my Facebook page.
After some research and reading in https://developers.facebook.com/tools/debug/og/object/, I found the some of the posts in my site are blocked but not all of them.
I got this message:
This link is blocked, or you have triggered an excessive amount of
scrapes. If you think you're seeing this by mistake, please let us
know.
and this also
fb:app_id hasn't been included in the meta tags. Specify the app ID so
that stories shared to Facebook will be properly attributed to the
app. Alternatively, app_id can be set in url when open the share
dialog. Otherwise, the default app id( 966242223397117 ) will be
assigned.
And website is clean doesn't indicate any virus ...ets.
Some of the post's are OK but other are blocked and I can't get idea what is the difference between them.
Also check my open graph meta tag's, they also looks Ok. Any ideas how to fix this issue?
for the app_id issue:
Go to the following page: https://www.facebook.com/insights
Then use the "Create an App" and "Add your Domain" buttons to generate the app id for your site to be included in the meta tags on your web pages.
<meta property="fb:admins" content="1234" />
<meta property="fb:app_id" content="your_app_id" />
I have the same problem. It started after I updated my Yoast plugin to the latest version.
I have a site that is dealing me fits and I have tried everything I can think of. The problem is when you enter a url from the site in a Facebook post, it doesn't show a thumbnail option. I have a plugin that is providing the correct og meta data, but Facebook isn't recognizing it. I tried the Facebook debugger and it tells me that URL requested a HTTP redirect, but it could not be followed. I have no idea what is going on with this site and my client is very dependent of the traffic generated from Facebook. Can anyone tell me what is going on, please? Any post url on the site is causing the same problems.
Site is birminghammommy.com
One of the urls not working is http://www.birminghammommy.com/2012/04/paint-the-town-red-birmingham/
Any help you guys are able to provide will be greatly appreciated.
Keith
khcreativemedia.com
Open Graph tags must be like this:
<meta property="og:title" content="The Rock" />
but if you look at your site you will see that your tags are wrong
<meta name='og:title' content='Paint the Town Red, Birmingham!' />
try fixing them.
i developed a website
ut when i share any page
in facebook
facebook should recognize my page
and select images to select a thumbnail
but this do not happen in my website
as if facebook can not recognize my page
or cannot read it and select images from it
what should i do
to let facebook recognize my page
and load all images in the page to
navigate left and right to select a thumb for the shared page
Looks like the question has already been answered here. Here is another useful link. Thanks for asking. It made me find out something I can use.
Update: After trying it and finding it not to work I tried the method in this post. It initially didn't work, but that was because I forgot to upload the image. So it may be the case that the original method may still work. Here's the template I used in my head section:
<meta property="og:title" content="your title">
<meta property="og:description" content="your description">
<meta property="og:image" content="http://www.yoursite.com/your-image.jpg">
Update 2: If it seems that Facebook isn't recognizing your code, try their lint tool. This does two things. The obvious one is that it reports any errors in your code. The second is that it refreshes Facebook's cache of the page. I had two pages where the new code wasn't recognized until I did this.
From my own tests, Facebook should find images on your site with no problem, so long as they appear directly in the html (as <img src="path/to/img.png" />1) and not via css (background-image: url(path/to/img.png);).
This is my own-site test, at: http://davidrhysthomas.co.uk/so/fbookImg.html, admittedly this doesn't have a 'share this page' button, so requires you to log into Facebook first, which might make a difference. But I don't have a Facebook developer account with which to test that theory, unfortunately.
Either absolute, or relative, paths seem to make no difference.
from my experience using a drupal site the logo was not recognized because the drupal system renders a relative path. changing this to a full path with http:// and refreshing FB's cache should work
When someone posts a link to a web site in Facebook, it populates the link preview box with a photo and some text from the site.
If someone posts a link to my site in Facebook, it is generally just get the site's domain name and one of the images that appears on the site. No text appears.
I would like to be able to control what text and images appear in the link. Is there a specification that they use? Can I provide some metadata so Facebook will display what I want?
Here is Facebook's developer page on their share function.
Basically there are some simple metatags you can use to optimize what appears on FB
<meta name="title" content="title" />
<meta name="description" content="description " />
<link rel="image_src" href="thumbnail_image" / >
AND:
The wiki article doesn't mention this, but Facebook CACHES the results of your site for awhile. So, if you're debugging & doing quick iterations, you either need to wait awhile, or rename the page (index2.html, index3.html, etc) until you find something that works.