Как установить фавикон. Добавляем оригинальный favicon на сайт

Привет все! Сегодня решил написать пост о том, как установить фавикон на сайт. Помню, когда первый мой сайт появился в интернете в строке браузера он отличался от других. Практически у всех сайтов были картинки, а у моего нет. «Непорядок» — решил я. Надо же было отличаться от других! Но как установить фавикон? Это же, наверное, сложно? Ан нет. Элементарно. Начнём по порядку.

Что такое фавикон

Фавикон — это значок, небольшая картинка. Правильное написание favicon. Произошло от двух слов favourite icon, что в дословном переводе означает любимое или избранное изображение. Наблюдать фавикон вы можете в адресной строке браузера,

Фавикон

в поиске Яндекса рядом с названием,Фавикон

в закладках на компьютере.

Зачем нужен фавикон (favicon)

Как уже говорил выше фавикон визуально выделяет сайт от остальных. При открытии множества вкладок название сайта становится не видно, и идентифицировать сайт можно только по оригинальному фавикону. Ресурс становится узнаваемым. Но дело не только в картинке. Яндекс при ранжировании веб-ресурсов использует множество факторов. Так вот наличие или отсутствие файла favicon.ico играет свою роль. Присутствие иконки в поиске Яндекса влияет на поведенческие факторы. Вполне вероятно, что пользователь выберет сайт с иконкой. Одним словом, добавить фавикон на сайт желательно.

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

Фавикон — картинка, с расширением .ico. Стандартные размеры 16х16 и 32х32 пикселя. Есть несколько создать способов favicon. В сети есть онлайн генераторы. Популярны favicon.cc и favicon.ru. Хотя их сотни, если не тысячи. На этих сервисах в режиме онлайн рисуете картинку. Результат видно сразу же.

Фавикон генератор

Скачивается картинка уже в формате .ico.

Если есть навыки работы в графическом редакторе, пожалуйста. Рекомендуют Adobe Photoshop. Только рисовать надо размером 512х512 пикселей.
Нет желания рисовать? Не расстраивайтесь. В интернете есть множество каталогов уже готовых иконок. Тот же favicon.cc.

Считаем, картинку вы подготовили. Осталось последнее, установить.

Как установить фавикон на сайт

Первым шагом надо закачать иконку на сайт в корневую папку. Это папка где находится файл index.html. Покажу на примере своего хостинга lealhost. В панели управления хостингом в разделе Менеджер файлов входите в корневую папку сайта.

Жмёте Закачать.

панель хостинга 2

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

Второй шаг. Следует прописать две строки кода в разделе <head>….</head>. Именно здесь поисковые роботы будут искать файл favicon.ico в первую очередь. Вот эти строки
<link rel=»icon» href=»https://доменное имя вашего сайта/favicon.ico» type=»image/x-icon» />
<link rel=»shortcut icon» href=»http:// доменное имя вашего сайта /favicon.ico» type=»image/x-icon» />
Если ваш сайт работает на движке WordPress раздел <head> находится в файле header.php. Файл header.php можно открыть как в панели хостинга, так и в панели администратора WordPress.
В темах WordPress в настройках тоже есть возможность вставить фавикон.
Фавикон вордпресс

Даже если вы не разбираетесь в кодах и боитесь сделать что-то не то, на выручку придут специальные плагины. Один из них так и называется Favicon. Плюсы установки фавикона с помощью плагина это то — что при смене темы не будет надобности заново прописывать коды. Сразу фавикон может не отображаться.

Вот в принципе и всё. Как видите установить фавикон совсем несложно.

Создавайте свой уникальный favicon. Удачи Вам!

P.S. Как установить плагин в wordpress читайте в этой статье.

С уважением, Павел Коновалов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *