Adding a Favicon to your Website (Print Ready)

Adding a favicon or Favorites Icon to your website can be as simple as a few easy steps. The favicon has grown increasingly popular with web designers since Firefox and eventually Internet Explore began using tab browsing. It stands as a way to make your site or logo visible even when users are three tabs away and acts as a visual bookmark within your favorites list.

So let’s make a favicon.

First try to use a symbol that strongly represents the firm or website you are trying to promote. I have seen the best results through the use of logos or representations of logos. Some logos are easier to use than other due to their shape or detail. For www.InvisibleProduct.com, I chose to use a representation of our logo.

Once a symbol has been identified I then create my favicon at a size of 32x32 pixels. Some logos you can simply scaled down using the “Save for web” function in Photoshop. For others, you may have to scale down using the “crop” tool before resizing or simply create a new design entirely. Save your file as a .jpg.

Next you have to convert your .jpg into an .ico file extension. For this step I generally Google Free favicon. Most sites work the same however I generally use http://www.favicon.co.uk. Simply upload your .jpg and then save the new .ico to your desktop.

Now that you have saved your favicon.ico to your desktop, it is now time to upload your favicon to the root level of your site. Now that this is complete link every page to your favicon. The code is very simple but I try to place it within another pre-existing include file that I know is on every page. This will save you from having to open each page, paste the code in, save and close the page.

Place these two lines of code within the tags of every page, update the href and that’s it. *Note – You may have to clear your cache and open a new browser for the Favicon to work.

For any questions or comments or more useful articles regarding online marketing, please contact Mike Rynchek or visit my blog or www.InvisibleProduct.com.

About the Author:
Mike Rynchek has over 5 years of online marketing focusing one email marketing, search engine optimization (SEO), web design, website analytics, pay per click advertising, website maintenance, and much more. Mike has extensive experience in both the corporate and consulting sectors of online marketing. He began his career by owning HuskyBuzz.com while in college. Mike graduated from St. Cloud State University in St. Cloud Minnesota with Bachelors of Science in Marketing. While in his junior year Mike began his second Marketing internship at Naterra Land (Naterraland.com) as an Interactive Marketing Coordinator. In 2004 Mike Rynchek founded Invisible Product Online Marketing offering small to mid sized companies the same services and attention that fortune five hundred companies receive from large advertising agencies. Whether you are simply trying to increase site traffic through Search Engine Optimization or simply trying to monitor site traffic, our results driven efforts will ensure you get the most of both your time and money. At Invisible Product Online Marketing we understand that sometimes your company needs a dedicated resource to help with your online marketing needs, while other times it is just nice to have an extra set of hands. Invisible product online marketing can help with both. We are experienced working on a project-by-project basis or simply on a month retainer for services. Any questions or to find our more about invisible product, please contact Mike Rynchek at mrynchek@invisibleproduct.com, call 612-877-0020 or visit our website at www.invisibleproduct.com

Printed From: http://www.articlesbase.com/online-business-articles/adding-a-favicon-to-your-website-279279.html
Back to the original article