Every time I make a conference or a course, look at me down the websites of the attendees. To do this, the organization of the event sent me a list of your URL and will open in the same browser but in different tabs. Unfortunately, when I have opened pages and I can see favicons around the world, I note that a large part of them are favicons CMS used to build your web pages (usually Joomla or WordPress), not a favicon corporate, which is what it should be.
So here's this short article explaining what is a favicon Y what is a faviconTo see if in this way, I get that people give the importance it deserves.
What is a favicon
It is a small icon (usually 16 × 16 pixels or 32 × 32 px) used to identify a website on the tabs of a browser, a list of favorites, or anywhere else that requires a small identification.
In this blog you are reading, the favicon It is a "MP" with fuchsia background you can see next to the URL or the page tab on your browser.
What is a favicon
It is a symbol that conveys corporate image and used to:
- Transmit our brand image when someone browsing our website and fixes his gaze on the area of the browser URL.
- For our page is easily identifiable when someone has open multiple tabs in your browser.
- For our page is easily identifiable when someone keeps it in their favorites.
How can we create a favicon to our website
There are many programs that will help you create it. This is the one I use to create them: creator of favicons.
My advice is to think your favicon 32 × 32 pixels and is like your logo. You can create favicons from images ... maybe this can be of help, but one pixel is also easy to create. Another tip: before designing your favicon look favicons other companies in Google imagesThis can help inspire you to yours and make sure inadvertently, do not use any favicon which it has already been created by someone else.
When you have already created, you must save it using the name favicon.ico and upload it via FTP to the root directory of your website. Some content management systems like WordPress have a section in the admin panel for the exact URL you indicate the favicon... But it works even if there not indicate anything but you do have favicon in your root directory. WordPress also some templates already carry a zone in which you indicate the URL of your image favicon and it is already.
For your favicon look as soon as possible, you can make known their existence through the source code of your web page, using meta tags in the following line of code:
<link type=”image/x-icon” href=”favicon.ico” rel=”shortcut icon” />
Although again, if you do not use the line of code, the browser will see it on its own at some point. In Firefox and Chrome is almost immediately in Explorer takes a little longer.
I leave a picture here with a few favicons Example ...
(See if you can tell me how many favicons from Google appear in the image :-)
This is all.
I go all right ... (and when you have a moment, please ensure that your website has its own favicon ;-)
We talk to each other