favicon на сайте

 

Вы наверняка уже встречали в интернете слово фавикон. Что оно означает? И нужен ли он вам?

Фавикон – небольшая, всего 16х16 пикселей картинка в специальном формате ICO. Расширение ico поддерживают все браузеры. После установки фавикона иконка появляется в верхней строке браузера рядом с адресом вашего сайта.

Оригинальный favikon легко запомнить, он будет ассоциироваться с вашим проектом.

фавикон для сайта

По такому значку (логотипу) пользователи легко будут находить ваш блог на странице поиска Яндекса, выделять его среди многих других ресурсов.

Он напрямую влияет на увеличение кликабельности по предложенной ссылке.

Сделать фавикон для сайта

Конечно, можно создать фавикон для сайта самостоятельно. Например, взять за основу свою фотографию (или любую другую картинку) и создать favicon онлайн на всем знакомом сервисе CY-PR (вкладка Генератор фавикона) www . cy-pr.com/tools/favicon/.

Проще – выбрать готовый, стоит лишь набрать в поиске Коллекция favicon.

Итак, вы подобрали симпатичный фавикон, скачали его на компьютер.

Устанавливаем фавикон на сайт

Установить фавикон можно двумя способами:

1. Использовать плагины FavIcon Switcher, All In One Favicon, WSA Favicon.

2. Тем, кто установкой лишних плагинов злоупотреблять не хочет, я расскажу, как сделать установку фавикона без плагина.

Устанавливаем фавикон на сайт без плагина

1. Скачанную картинку 16х16 пикселей с расширением ico переименуйте favicon.ico.
2. Закачайте ее в корневую папку domains/ваш сайт/public_html/. Почитайте, как это сделать при помощи программы FileZilla либо в Панели управления хостингом с помощью файлового менеджера.

Этого достаточно, чтобы фавикон появился в строке браузера. В строчке поиска Яндекса он появится после очередного апа сервиса фавиконов (примерно через три недели).

И можно было бы успокоиться, но рекомендуется для завершения установки favicona вставить в файл Заголовок (header.php) между тегами <head> и </head> следующий код

<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />

Необходимо прописать путь к фавикону в коде, чтобы роботы быстрее находили его, делали меньше запросов к серверу, меньше нагружали хостинг.

зачем устанавливать фавикон для сайта

Но и этого недостаточно. Если вы озабочены низкой скоростью загрузки блога, хотите уменьшить количество ненужных запросов к базе данных, пропишите конкретно адрес своего сайта и путь к иконке фавикона.

<link rel="shortcut icon" href="https://moi-start.ru/favicon.ico" type="image/x-icon" />

 

P.S. В favicon коллекциях иконки часто предложены с расширением gif. Ничего страшного, скачайте изображение.

Расширение ico можно получить, обработав картинку в программе Snagit.

сделать фавикон с расширением ico

Навести курсор на картинку =>

правая кнопка мыши =>

открыть с помощью Snagit =>

Сохранить изображение как =>

выбрать формат ico.
мой фавикон
Если для вашей темы favicon не устанавливается, загрузите иконку не в папку public_html, а раньше - в папку domains/ваш сайт. Успехов.

 

Для улучшения индексации и кликабельности в Гугл подтвердите авторство в Google - установите на блог кнопку Google Plus.