Подсказки на компьютерную тематику

Можно подсмотреть, если забыли…

Как разместить favicon на сайт, напрямую или в WordPress

Иконка для сайта favicon

Что такое favicon

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

Размер и формат favicon для сайта

Фавиконка должна иметь размер: 16 × 16, 32 × 32 или 120 × 120 пикселей.
Эмблемка сайта должна иметь формат ICO, но допустимо создание иконки в файле с расширениями GIF, JPEG, PNG или BMP.

Как прописать favicon в коде html

Графическая иконка должна отображаться по умолчанию, но рекомендуется добавить путь к файлу в раздел head на сайте:

<link rel="icon" href=​"http://сайт.ru/favicon.ico" type="image/x-icon">

где сайт.ru – доменное имя сайта.

    Атрибут rel используется:

  • icon — в основных браузерах,
  • shortcut icon — для приложения Internet Explorer.
    Атрибут type используется для файлов в формате:

  • ICO – image/x-icon или image/vnd.microsoft.icon,
  • GIF – image/gif,
  • JPEG – image/jpeg,
  • PNG – image/png,
  • BMP – image/bmp.

Как добавить favicon в WordPress

    Для добавления иконки favicon в CMS WordPress (Вордпресс – рус.) надо в консоли -> Внешний вид|Appearance -> Настроить|Customize -> Свойства сайта|Site Identity:

  • нажать кнопку Изменить изображение|Change image,
  • выбрать графический файл,
  • обрезать при необходимости часть изображения до, стандартной для WordPress, картинки размером 512*512 пикселей,
  • опубликовать, нажав кнопку Опубликовать|Publish.

После этого изображение будет помещено в папку /wp-content/uploads/, а ссылка на изображение автоматически появится в разделе head.

Почему не отображается файл favicon

    Если фавиконка после вышеуказанных действий не отображается в закладке, то стоит:

  • открыть папку с этим файлом и посмотреть на значок иконки – должно быть видно изображение эмблемы,
  • при использовании WordPress – по адресу, указанному выше, посмотреть, как она будет отображаться на сайте.
    Если нет рисунка эмблемы, а есть просто фон какого-либо цвета, то может помочь:

  1. открыть файл в графическом редакторе,
  2. при сохранении этого файла с нужным расширением ico, png или другим, воспользоваться инструментом графического редактора Экспортировать файл или похожим по названию.

В поиске иконка появится через некоторе время, может быть через несколько дней.

Как разместить favicon на сайт, напрямую или в WordPress

Иконка для сайта favicon

Что такое favicon

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

Размер и формат favicon для сайта

Фавиконка должна иметь размер: 16 × 16, 32 × 32 или 120 × 120 пикселей.
Эмблемка сайта должна иметь формат ICO, но допустимо создание иконки в файле с расширениями GIF, JPEG, PNG или BMP.

Как прописать favicon в коде html

Графическая иконка должна отображаться по умолчанию, но рекомендуется добавить путь к файлу в раздел head на сайте:

<link rel="icon" href=​"http://сайт.ru/favicon.ico" type="image/x-icon">

где сайт.ru – доменное имя сайта.

    Атрибут rel используется:

  • icon — в основных браузерах,
  • shortcut icon — для приложения Internet Explorer.
    Атрибут type используется для файлов в формате:

  • ICO – image/x-icon или image/vnd.microsoft.icon,
  • GIF – image/gif,
  • JPEG – image/jpeg,
  • PNG – image/png,
  • BMP – image/bmp.

Как добавить favicon в WordPress

    Для добавления иконки favicon в CMS WordPress (Вордпресс – рус.) надо в консоли -> Внешний вид|Appearance -> Настроить|Customize -> Свойства сайта|Site Identity:

  • нажать кнопку Изменить изображение|Change image,
  • выбрать графический файл,
  • обрезать при необходимости часть изображения до, стандартной для WordPress, картинки размером 512*512 пикселей,
  • опубликовать, нажав кнопку Опубликовать|Publish.

После этого изображение будет помещено в папку /wp-content/uploads/, а ссылка на изображение автоматически появится в разделе head.

Почему не отображается файл favicon

    Если фавиконка после вышеуказанных действий не отображается в закладке, то стоит:

  • открыть папку с этим файлом и посмотреть на значок иконки – должно быть видно изображение эмблемы,
  • при использовании WordPress – по адресу, указанному выше, посмотреть, как она будет отображаться на сайте.
    Если нет рисунка эмблемы, а есть просто фон какого-либо цвета, то может помочь:

  1. открыть файл в графическом редакторе,
  2. при сохранении этого файла с нужным расширением ico, png или другим, воспользоваться инструментом графического редактора Экспортировать файл или похожим по названию.

В поиске иконка появится через некоторе время, может быть через несколько дней.