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

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.

Related

Prevent HTML page indexing by search engines [duplicate]

This question already has answers here:
What do I do if I don't want my website to be indexed by search engines?
(3 answers)
Closed last year.
In my website i have a page where i put just some "Text datas" and i use it as an simple database.
to be more clear it's a Quotes with their author name (i.e. :
<div id="QUO12012022">
<h1>Author NAME</h1>
<span>QUOTE TEXT</span>
</div>
an so on, and in my mainpage a script load each day the quote and display it in the main page.
While testing and searching google directly with my website name, it loaded in the result a direct link to this data page,
My question obviously is how to make this page just invisible to search engine and still be able to load data from it in my internal script, ?
PS : since it's simple exercice and as i am still beginner, i don't want to use sql database, just simple text stuff like this.
Thanks.
To prevent most search engine web crawlers from indexing a page on your site, place the following meta tag into the section of your page:
<meta name="robots" content="noindex">
To prevent only Google web crawlers from indexing a page:
<meta name="googlebot" content="noindex">

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" />

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.

Facebook picking up an image from a page [duplicate]

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"/>