Как установить fav-icon (фавикон) на сайт?

Фавикон это миниатюрное изображение в закладке браузера. Так же фавикон используется для идентификации вашего сайта в поисковой выдаче Яндекс. Согласитесь выглядит лучше чем без fav-icon у Google

favicon

 

Фавикон помогает пользователю быстрее визуально идентифицировать ваш сайт. Он быстро найдет вас в поисковой выдаче если хоть когда либо бывал у вас на сайте.

Для того что бы добавить fav-icon на сайт нам понадобиться

Нам нужно само изображение которое мы будем использовать как фавикон в формате ICO. Специальный формат для миниатюрных пиктограмм который используется не только в  web. В нынешнее время также разрешается использовать форматы GIF и PNG. Однако не каждый браузер может отображать фавиконку в последних форматах.

Второе важное требование для иконка это ее размеры, допускается применение 16×16 пикселей. В качестве рекомендаций скажу вам, что из-за того что картинка маленького разрешения, лучше использовать не перегруженные графическими элементами и цветами картинки. Для примера посмотрите что в этом смысле объединяет фавиконки на сайтах крупных известных брендов.

Теперь нам нужно загрузить эту картинку с вам на хостинг в корневую директорию (это не обязательно но в примере мы будем использовать расположение фала в корне) где размещен ваш сайт и имя у вашего фала должно быть строго favicon.ico

[su_quote]<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»/favicon.ico» type= «image/x-icon»>
[/su_quote]

 

head

На самом деле не важен движок вашего сайта. Не смотря на то что тут приведен пример редактора WordPress, важно лишь что бы этот код был вставлен между тегами <head>….</head> а вставить вы его можете даже путем редактирования файла через обычный Блокнот.

example-favicon

 

Согласитесь с иконкой сайту лучше, чем быть безликим среди моря миллиардов веб-страничек.