«

»

Авг 01 2015

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

Маленький человек может сделать многое.


Иконка сайтаЗдравствуйте, друзья!

Рад Вашему присутствию на блоге.

В статье «Как сделать логотип для сайта» я мимолетом затронул тему фавикона. Коротко коснулся различия этих терминов.

Сегодня хочу вернуться к этой теме и рассказать, как установить фавикон на сайте.

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

Следующее отличие: логотип отражается на каждой странице сайта, фавикон – это иконка, которую вы увидите в браузере после загрузки сайта.

Фавикон сайта

В любом графическом редакторе создаете или копируете изображение для иконки,  сохраняете файл в формате png с именем favicon и c расширением ico.




1-й способ.

Вставляем фавикон на блог из админки. Сейчас многие темы имеют настройки для установки логотипа и иконки. Вам необходимо загрузить файл фавиконки из компьютера и сохранить. Изображение для иконки должно быть в формате png.

2-й способ.

Создайте файл favicon.ico c картинкой. Через FTP соединение перейдите в корневой каталог сайта и закиньте туда файл иконку. Далее в админ панели во вкладке «Внешний вид» => «Редактор» .

Админпанель

Откройте файл «header.php» и после  тега <head> установите код:

 

Не забудьте перед установкой кода сделать копию файла «header.php».

Вместо графического расширения ico, фавиконом могут быть картинки с расширениями png, jpg, gif, тогда  расширение ico следует заменить на одно их трех. Например, иконкой является изображение с расширение jpg, следовательно код выглядит так:

<link href=»http://mysite/favicon.jpg» rel=»shortcut icon» type=»image/jpg» />

<link href=»http://mysite/favicon.jpg» rel=»icon» type=»image/jpg» />

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

На сегодня все.

Теперь вы знаете как установить фавикон на сайте.

Встречаемся в статье «У Вас пропал фавикон?».

С уважением, Николай Иванов.


Не жмитесь на комментарий. Расскажите в своих соцсетях.


4 комментария

Перейти полю для комментария

  1. MikeGaw

    А почему favicon может быть не виден в поиске Яндекса. Всё установила, всё отображается, а вчера обнаружила, что в поиске Яндекса у моего сайта нет фавикона. Очень интересно почему?

    1. Nikolay

      Возможно вы установили фавикон недавно. Тогда необходимо подождать, т.к. робот Яндекса по фавиконам ходит редко.
      Если обновили тему, то ваши настройки по фавикону в файле header.php исчезли.

  2. plastaller

    А почему favicon может быть не виден в поиске Яндекса. Всё установил, всё отображается когда находишься на сайте, а когда вбиваешь в поисковик, то тогда фавикона нет. Очень интересно почему? Заранее благодарен за ответ

    1. Nikolay

      Возможно вы обновляли тему, а код в файле header.php для вывода иконки в поисковиках не сохранили.
      В браузере фавикон отображается, потому что этой функцией управляет сам wordpress.

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

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