The Website, Flava Flav, and the Wardrobe

Yeah, I’ve never read that book either, but I do know my online shopping and I do know my eighties hip-hop stars who just happen to wear oversized clocks around their necks. And, I’m NAA’s Web Manager. So, I guess I’m three for three.

Back to blog…Admittedly, I am that woman who shops online…for almost everything. We (not just women) all do it. In fact, I have had many a conversation with my colleagues at NAA about my online shopping habits and having to justify the abnormally large tub of OxyClean that I bought on Amazon.com. It just seems that as soon as I can get to the store for whatever I’m looking for, the store is either out of stock or the crowd is impossible*.

For a full-time working mother such as myself, even grocery shopping has become impossible (did you know that you can buy your groceries online? Now you do). But again, I digress.

As an avid online shopper and someone who manages a website, I’m online for most of my day and it’s safe to say that I may notice things on websites that many people do not. One of the things that I have always wanted to have for the NAA website is the favicon.

 “What is it, a flava-con?” My fellow colleague, Kim McCrossen says to me in the lunch room at NAA. 

"No, a favicon.” I said. 

“Oh, ok, whatever.” And she went back to eating her raspberries. 

A favicon is that small icon to the left of the URL in your browser. This is an extension of the website’s branding and can even be animated. Most websites that you visit these days have them and they are surprisingly easy to create and to add to your site. 

I recently added a favicon to the NAA Home Page. It’s really simple and small, but it adds a nice professional look to the site. Here’s how:

  1. Create your favicon. You’ll want an icon file (.ico) to pull this off. I created NAA’s favicon on this free website: http://www.favicon.cc/ and followed the directions. Here are some things to consider: 

    a. Remember, favicons are small. Like really small—16x16 pixels, so don’t opt for a really intricate design. I tried couple of different options before settling on a small blue box with NAA in white letters. I simply created this .gif in PhotoShop and followed the instructions on the website above. 

    b. Look around at your favorite websites and see what they are doing. Thank you for the idea, Pottery Barn; a really simple way to rock a favicon. 

  2. Save your created favicon and upload it to your website’s image gallery or wherever your site images are stored. You may have to ask your IT/Web person to do this for you. 

  3. Use this code by pasting it before the closing <head> tag: <LINK REL=”SHORTCUT ICON” HREF= “put the link to your web image directory here” 

  4. Save, where necessary. 

  5. Refresh or clear your cache to view the favicon. 

Five steps to a clean a professional looking flava-con, I mean favicon. 

*A disadvantage of living in a large metropolitan area.