Favicon: size. Creating a favicon. Favicon-generator

When creating a website is extremely important to pay attention to the little things that play a role not only in terms of design, but also in the promotion of website in search engines. One such detail is the favicon for the site. About how to create it and what size it should be and we'll talk.

What is a favicon for the website?

It is a small image that will be displayed in the browser tab. Size of favicon is 16x16 pixels. Also, this picture is shown in the results of search engines, and if a favicon on the website is absent, the next website in the results will be empty. It is worth noting that the favicon helps user to find your specific site among hundreds of others, so his presence on the website, though is not mandatory, but strongly recommended. And Yes, the size of the favicon does not have to be 16x16. Some webmasters make the favicon 32x32 and even 64x64. But in its recommendations, the search engine Google and "Yandex" it is written that the ideal size of favicon is 16x16. Therefore it is better to follow these tips in your search engine.

How to create favicon?

There are several different ways to create the image. The first and easiest way to create a favicon is to steal it, for example, from the English-language site.

Suppose you have created a blog on home appliances and a fully configured it, but remained the final touch - favicon. Write in the Google search appliances and see the first 10 sites. Favicon these sites is perfect for your new blog. If any picture you like, open the page source and look for the entry favicon.ico. There will be the address locations of the favicon. Open it and download to computer, then upload it to your website and connect (the connect below).

Recommended

How to get out of "Skype" on the "Android" and not only

How to get out of "Skype" "Android"? This question bothers many users. The thing is that the messenger is not so difficult. But there are features that are only for mobile versions. To log out of Skype in this case more difficult than it seems. But i...

Kingo ROOT: how to use the program to gain administrative rights on Android

The Gadgets on the platform Android regained the lion's share of the market. Developers are continually perfecting the OS, trying to fit the needs of the users, but from year to year admit palpable mistake: forbid the owner to "stuffing" of his gadge...

How to get from Stormwind to Tanaris: practical tips

World of Warcraft is an iconic MMORPG, uniting millions of players around the world. There are many locations and puzzles, secret trails and larger, but rather dangerous paths. Sooner or later, every player chose the side of the Alliance, we have to ...

The Second way to create a favicon of 16x16 pixels is to use a special service generation favicon. It works as follows: you upload an image (any size and extension), which is suitable for the title icons of the website and click on the button to Create a Favicon. In a second get ready favicon, which you can download, upload to your website and connect. The most popular service - Favicon Generator.

Note that this service is only slightly simplifies the process of creating icons. The same can be done yourself. Just find a picture you like, resize to 16x16 pixels, and save it with the extension ico. All this is done within one minute in Paint.

There are other online search services favicon. They need to write a key word, and after that the service will represent different thematic icons of the necessary size. In principle, this method also involves theft. But nothing wrong with that.

Connect

That the picture was displayed in the browser tab and in the search results, it must be correctly connected. This file should be named favicon.ico and placed in the root directory, i.e. where are the main files of the site.

Most Often these actions are enough to show favicons. Search engines (e.g., Yandex) automatically recognize the presence of a favicon in the root directory and use it in their results. However, with the "Yandex" sometimes there are misunderstandings. Many webmasters complain that the favicons disappear from the index, and then appear again. To prevent this from happening, you need to plug it in.

To connect favicon "Yandex" recommends the use of meta tag <link> with specific attributes. This tag should be placed in site section <head>.

All the code should be as follows:

<link rel="icon" href="/favicon.ico" type="image/x-icon">

This code works for search engines and all browsers. There may be display problems in Internet Explorer but all other browsers display will be accurate.

Note the address of the location of the image /favicon.ico. It can be done like this: /favicon.gif. Then you need in the root of the site to place an image with the extension .gif, otherwise it will not be displayed. As you know, the image in format .gif can represent sliders. These are the webmasters doing in this animated favicon for their websites. It looks interesting, but no more.

Favicon as a tool of website promotion

Given the fact that this icon will be displayed in the search results "Yandex", to use her highly desirable. This is one of the main tools to increase click-through rate, because users are likely to click on a site, near which is an attractive image and not a blank space.

It is Therefore important not just to use any favicon, and a nice icon that users want to click. Also, it should be replaced depending on the situation. For example, in anticipation of the New Year it is advisable to make your favicon new year, which will ensure the best click-through rates.

How a search engine "Yandex" understand the favicon?

The search engine is a special robot, who is responsible for updating it favicon. This robot is on a specific schedule visits sites by requesting the home page and searches the code path includes the location of the favicon.ico. If this is the way it finds, it attempts to load the icon of the parent directory, so it is often simply a file called favicon.ico placed in the parent directory. Then, the resulting icon is uploaded to the server "Yandex" and displayed in the search. If its size is greater, then it is pre-converted to 16 × 16, and the extension is changed to png. The robot periodically recheck sites for changes favicon. He usually visits the sites to be upgraded once a month. This can be seen experimentally: change favicon of your website, and after about a month it will appear in the indexes of search engine "Yandex".

Conflict icons

It is Worth noting that sometimes publishers are faced with the conflict favicon, which appears in the index one or the other icon. This is possible if in the parent directory to upload a single image, and the code template page to specify the path to another favicon. Therefore, ensure that you have a conflict between addresses favicons.

Now you know what is favicon and how to connect it. Of course, doing this is not necessary because the website will work even with him, though without him. But for the purposes of search engine optimization and improve CTR from search engines, its connection is recommended.