Facebook picking up an image from a page [duplicate] - html

This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
How does Facebook Sharer select Images?
I'm curious as to why Facebook doesn't always pick up an image for a link that is posted when there are plenty of images on the page? I have several images but I cannot seem to get it to register one for it's link.
http://www.rubytuesdaycreative.co.uk
Is there anything I can do? Is it possible to create a particular image in my site that is hidden but Facebook will pick up on?

Use OpenGraph Meta Tags. Specifically, I think you want the og:image one like this:
<meta property="og:image" content="http://davidwalsh.name/wp-content/themes/klass/img/facebooklogo.png"/>

Related

How to choose which image FB displays? [duplicate]

This question already has answers here:
How does Facebook Sharer select Images and other metadata when sharing my URL?
(12 answers)
Closed 5 years ago.
You may know that when you share a link on Facebook, it selects one/some of the images from the page and you can't really control which image is the thumbnail.
Long story short, I've read that some simple html in my website can help FB determine what image to choose.
We are using WordPress. I actually want to achieve this:
How do a change the thumbnail image of my link when posting to facebook?
I am total beginner in html/wordPress and only helping a friend. Any help?
Open graph data will allow your chosen content to display on Facebook and Twitter.
http://ogp.me
For an image you would place in the HEAD of your HTML document:
<meta property="og:image" content="http://example.com/img/test.jpg" />

How do you give a thumbnail to other websites? [duplicate]

This question already has answers here:
How do I get Facebook to show my site's logo when I paste the link in a post/status/comment?
(2 answers)
Closed 5 years ago.
When a user posts a link from a website on Reddit or Facebook or similar, they normally have an image associated with it.
Is there anyway of dictating what that image is in the header of the html file? I imagine that there must be a meta tag, similar to description and author, that allows this to be dictated?
I have searched Stack overflow for similar questions and the internet in general but couldn't find anything, which makes me wonder if my question is phrased wrongly.
If I understand your question correctly, you are trying to display a certain image when posting a link to your website, try something like this:
<meta property="og:image" content="url to specific image you want" />
<meta property="og:title" content="name of page" />
<meta property="og:description" content="description of content" />
Also, you can troubleshoot things like these on this Facebook debugging website:
http://developers.facebook.com/tools/debug
Hope this helps, Good Luck.

Go to another site automatically [duplicate]

This question already has answers here:
How to redirect one HTML page to another on load
(24 answers)
Closed 6 years ago.
How can I make a Web page that takes me automatically without clicking to another site? (I use in HTML)
I tried to find a answer but I didn't find any answer that it in HTML.
I tried to write like this:
<a href="http://www.boutell.com/newfaq/">
</a>
but this not take me automatically.
can someone help me?
thanks!
Write this in the head section of the HTML document.
<meta http-equiv="refresh" content="0; url=randomname.com" />
As soon as the page loads, on 0 seconds, you can go to your page.

What code does Facebook, Skype, etc. look for to make their thumbnails? [duplicate]

This question already has answers here:
How does Facebook Sharer select Images and other metadata when sharing my URL?
(12 answers)
Closed 6 years ago.
When I post a link in Facebook or Skype, they display some of the content as a thumbnail, but it's not the whole page, usually it's the most representative image. I would like my own pages to have nice thumbnails in Facebook, Skype, etc. too. What code do they look for to do this?
As #Xufox mentioned, the
<meta property="og:image" content="http://your.site.com/image.jpg">
meta tag from Open Graph is used for that.
Scroll down a little to the full image sample under Structured Properties and you'll see some additional parameters.

How does facebook know what image to use when you post a link? [duplicate]

This question already has answers here:
Closed 12 years ago.
Possible Duplicate:
How does Facebook detect images when adding a link?
hi all, curious how facebook is able to pull an accurate image when you post a link. I know they first look for a meta tag with the image the site owner wants them to use but if that doesn't exist what logic do you think they do to get what image should be presented if you link to a blog article let's say.
They most likely grab the source of the page and analyze it to extract the biggest images. They probably look for images close to the center of the page, images that are prominent. It's also possible that they analyze other similar pages on the site to determine unique images that aren't common across pages (this would help FB rule out images used for navigation, headers, decoration, etc.) Not sure how it determines how many perspective images to grab, though.