I saw this in a page and was trying to figure out what this was used for..
[link rel="image_src" href="linktoimage.jpg" /]
Basically, when you submit/share this to Facebook , this helps Facebook determine which image to put next to the link. If this is not present, Facebook tries to put in the first image it finds on the page, which may not be the best one to represent your site. (NOTE: Facebook also uses your meta title and meta description tags.)
I am hoping that someday that search engines will use this to put thumbnails of this image in their results display... But oh well. Until then, it will help with social sharing. Since Facebook is such a large resource, this is currently an important thing to consider.
Resources:
Optimizing your site for Facebook
Enhanced Social Share
Facebook Meta Tags
Subscribe to:
Post Comments (Atom)
Opera 11.10 can also use link rel="image_src" for large icons in Speed Dial.
ReplyDeleteFacebook uses it when you post a webpage...
ReplyDeleteI think the tag not only for facebook interest. You can use it too in your posting.
ReplyDeleteFacebook will also associate if you set a meta tag with property="og:image"
ReplyDeleteThanks for the tip.
ReplyDeleteAnother tip : if you want to repost a link on Facebook, because, for instance, you updated an article, you will see that Facebook will display the thumb it used to display the first time you shared the link. My tip : add "#whatever" at the end of your link before you paste it on your wall. Facebook will see a new link (pointing to the right page) and look for a new thumb. Then, before submitting, you can edit your link to remove "#whatever"
It's somehow better than Thumbnail method
ReplyDeleteBlog
In blogger image_src is better than than data:blog.postImageThumbnailUrl.
ReplyDeleteexample: Best Music Cover
apakah link rel="image_src" masih berlaku di tahun 2019
ReplyDelete