Friday, April 9, 2010

link rel="image_src" - whats this for?

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

Thursday, April 1, 2010

Marching Ants - CSS

I just saw a really cool way to do the marching ants.. Check this out:

http://sunpig.com/martin/archives/2010/02/10/marching-ants-in-css.html

Thought I would pass this along... too cool.

I am always looking for better ways of doing things, and I liked how he used CSS and animated gifs to get the affect...

similar one (though I like the first one better):
http://www.serafinistudios.com/blog/archives/2003/10/29/how-to-add-marching-ants-photoshop-selection-style-to-your-links/

I even integrated this into my CMS - so when people hover over a wigit - they can easily see what sections they can edit.

I had to share