What you need to know before adding a favicon to your site

Currently, no site is without a Favicon. Standard icons are laid when creating the site. Only they do not always suit the user. The problem is that not every owner of the resource knows how to add a Favicon. The action is not so difficult. But the result will allow to identify the site among several others in the issue. After all, the keywords may be similar, but the Favicon will not fail. It is his addition often explains the visitor's decision to go to the resource.

Favicon for the site

Before you place the favicon on the site, you need to create it. To do this, you can choose one of the suggested options:

1. Order a layout from the designer.
2. Create independently on online services on the Internet.
3. Create yourself in Photoshop.

The standard image is saved with the ICO extension. Its size is desirable to choose 16x16 pixels. There are sizes and more. They are needed when the user saves the page on the desktop.

Then we place the image in the root of the site. To do this, enter the line http://site.ru/favicon.ico, where instead of:

• Site.ru prescribes the name of its own resource;
• Favicon.ico enter the name of the file with the Favicon.

For correct reflection in the search engine, you need to enter the image into the code. To download it, use the tag. It inserts the string . There is one more option - .

After that, the developed logo will be installed. You can see it both on the site and in the requested issue. There is an icon in front of the resource address.

Favicon and browsers

Before adding a favicon, it is necessary to determine its expansion. It can be:

• ICO.
• SVG.
• PNG.
• APNG.
• GIF.
• JPEG.

But different browsers support different extensions. Which browser is loyal to what format of the favicon, the table below will show.

1 - does not support;

2 - does not support all versions;

3 - supports all versions.

Because many still prefer a standard format. Adding such a Favicon, you will not have to worry about the type of the client's browser. If you do not take into account the age, professional and other preferences of the audience before adding the Favicon, you can stay without the logo.

If you want to add a few Favicons

Sometimes there is a desire or need to add a small image for each page or make different formats for viewing on different browsers. In this case, to the question of how to add a favicon standard, you need to add a couple more strokes.

Writing the insertion of the Favicon into the root of the site is very simple. But this is not enough to create multiple extensions. For this, you need to insert the into the HTML code by first writing the line.

Creating such a design, remember that for the Internet Explorer, the word icon is not enough. It is necessary to write a shortcut before it. In this case, the standard browser will respond to the phrase, and the rest will only respond to the last word.

On the forums there are many questions, how to add the Favicon to Yandex. If the image is added to the root of the site, then registration is not needed. Robots will find it by default.

Added and lost

It happens that all actions are done correctly, and when checking in the search engines there is no picture. After all, the main thing is not how much to add, but how to add a Favicon. In "Yandex.Direct" with the correct addition, the image moderation will take from 2 to 4 weeks. At this time the site will be displayed without the Favicon. It is also worth mentioning that with a low position of the site in the issue, the icon may not be reflected at all.

If the time has passed and there is no icon, the extension probably does not correspond to the browser. Check for the presence of a favicon:

• For "Yandex" - http://favicon.yandex.net/favicon/address_site;
• For "Google" - http://www.google.com/s2/favicons?domain=deside_site.

Once the system is recognized, the favicon will become an integral part of the site and the image of the company. Therefore, you should take responsibility for its addition. Correctly selected and correctly added icon will become a guiding light for customers. And this means an increase in conversion and, accordingly, a greater profit.