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

Currently, without the Favicon, there is no wayone site. 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. For 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.
    how to add a favicon to yandex

The standard image is saved with the ICO extension. The size of it 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 picture 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 it is necessaryenter the image in the code. To download it, use the <head> </ head> tag. It inserts the string <link rel = "shortcut icon" href = "/ favicon.ico" type = "image / x-icon" />. There is one more option - <link rel = "icon" href = "/ favicon.ico" type = "image / x-icon" />.

How to add a Favicon

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.

Browser type

ICO

SVG

PNG

APNG

GIF

GIF animated

JPEG

Internet Explorer

2

3

1

1

1

1

1

Google Chrome

3

3

2

1

2

1

2

Firefox

2

1

2

2

2

3

3

Opera

2

2

2

2

2

2

2

Safari

3

1

2

1

2

1

2

1 - does not support;

2 - does not support all versions;

3 - supports all versions.

Because many still prefer the standardformat. 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 a logo.

If you want to add a few Favicons

Sometimes there is a will or need to addA 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.

Inscribing the insertion of the Favicon into the root of the site is verysimple. But this is not enough to create multiple extensions. To do this, you need to insert the <link rel = "icon" type = "image / ico" href = "http: //your_site /favicon.ico" /> into the HTML code by first specifying the <head> line.

When creating such a construction, it should be remembered thatfor 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 a 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 made correctly, and whenthere is no picture in the search engines. 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. You can 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.

how to add a favicon to Yandex Direct

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