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

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

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

Фавикон сайта – это специальный небольшой значок, который отображается в браузерах в поисковых системах, слева от названия и адреса вашего сайта.

 

Это маленькая картинка, размером 16 х 16 px, в формате ico.

Универсальным форматом фавикона для сайта, является формат .ico, так как именно его поддерживают все самые популярные браузеры: Google Chrome, Internet Explorer, Firefox, Opera и Safari.

Следующие по универсальности форматы иконки для webсайта – PNG, JPEG, и GIF. Их поддерживают все браузеры, кроме Internet Ex. 

А вот анимированные иконки для сайта GIF-формата поддерживают только Firefox и Opera. 

Существует несколько способов, как сделать иконку для сайта. 

Самым простым вариантом является создание иконки для сайта с помощью специальных онлайн генераторов.

На выбор, за основу можно взять любую картинку или нарисовать её самому. Из этого изображение, система автоматически сформирует картинку в нужном размере и формате.

Можно, например, воспользоваться простым и удобным онлайн генератором фавиконов  favicon.ru.

Если не получается создать иконку самому, можно найти в интернете большие коллекции значков различной тематики. Один из таких сервисов -  favicon.cс.

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

Когда картинка создана и сохранена (скачена) в нужном формате на компьютере, можно переходить к тому, как установить иконку на сайт.

По умолчанию его достаточно закинуть в корневой каталог сайта, и бот яндекса самостоятельно его отыщет и проиндексирует.

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

Для более корректной установки фавикона, необходимо файл загрузить на сервер: в корневую папку сайта, обычно она называется public_html или index_html.


 Откройте на хостинге панель управления сайтом и загрузите файл с фавиконом - favicon.ico в корневую папку (public_html).

Далее, нужно прописать между тегами <head></head>  код в файл шаблона index.php.

Код:

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

 


 В Joomla фавикон загружается в корневой каталог сайта, в папку с  используемым шаблоном Joomla. 

Установка фавикона на сайт joomla

В панели управления хостинга идём в папку: domen/public_html/templaters/шаблон сайта/ -  и загружаем  файл favicon.ico.

Далее откроем файл index.php: domen/public_html/templaters/шаблон сайта/index.php/ и после тега <head> вставляем код.

 


Если нужна  иконка сайта на WordPress, то после загрузки файла. ico в директорию

/domains/Сайт.ru/public_html/wp-content/themes/шаблон/

необходимо открыть файл header.php, в который после \<head>\также вставляется  код.

 


В Drupal 7 фавикон устанавливается через админ.

Нужно зайти в раздел «Оформление» и далее в настройки активной темы. Найти в низу пункт «Настройка значка» и убирать галочку против «Использовать стандартный значок». Теперь стоит только загрузить свой значок с компьютера, используя кнопку «Обзор».

Открыв в браузере свой сайт, появится фавикон. Возможно через некоторое время, после обновления кеша, или обновите кеш сами.

Как заменить фавикон сайта

Как заменить значок, если  она уже есть на сайте. Замена фавикона сайта, осуществляется практически по той же схеме, что и добавление.

Удалите старый файл favicon.ico и загрузите свой.

***

Комментарии  

0 #1 Анастасия Кравченко 22.03.2016 19:10
Здравствуйте. Подскажите,пжлс т, где находиться старый фавикон, чтобы его удалить?
Цитировать
0 #2 povadno.ru 23.03.2016 05:29
Файл favicon.ico в корне сайта (папка public_html)... в директории шаблона-темы ...
Цитировать
0 #3 ал 18.06.2016 16:29
Здравствуйте...
файл favicon.ico у меня в папке images
как прописать.
папки public_html нет.
Цитировать
0 #4 Алексей 24.10.2016 18:47
Спасибо! Фавиконку довольно легко оказалось добавить на сайт.
Цитировать