Все о фавиконе- зачем он нужен, как создать и установить на ваш сайт

Как создать фавикон и установить на сайт WordPress Про сайты и блоги

Сегодня я подготовила для вас полную инструкцию про фавикон (favicon) — что это за иконка, зачем фавикон нужен вашему сайту и как создать фавикон и установить на сайт WordPress.
А так же нашла требования Яндекс и Google к фавиконкам и подобрала четыре сервиса, которые бесплатно сделают за вас всю техническую часть работы.

Если у вас все еще нет сайта на WordPress, то вот вам статья Как создать сайт на WordPress?

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

Фавикон (favicon, сокращенное от favourite icone) — значок сайта или страницы. Значок появляется на вкладках, в результатах поиска и помогает сайту быть более узнаваемым.

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

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

Blog Julii Litvinoj

Помогает в навигации

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


Фавиконы можно увидеть:

  • на вкладках и закладках в браузере
Все о фавиконе- зачем он нужен, как создать и установить на ваш сайт
  • в истории браузера
Как создать фавикон и установить на сайт WordPress
  • в результатах поиска «Яндекс»
Как создать фавикон и установить на сайт WordPress
  • в мобильном поиске, в этом примере в браузере Safari

Вызывает доверие

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

Увеличивает кликабельность

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

Требования «Яндекс» к фавикону

Размер: 120 * 120 пикселей, 32 * 32 или 16 * 16.
Формат: SVG (рекомендуемый), ICO, GIF (без анимации), JPEG, PNG, BMP.

Робот возьмет любую из имеющихся иконок, которая ему доступна и подходит под требования сервиса, на котором нужно ее показать.

Если сайт недоступен, робот возьмет произвольную иконку хостинга со страницы-заглушки сайта. В нашем случае, на сайте WordPress, робот возьмет иконку WordPress, вот такую:

Все о фавиконе- зачем он нужен, как создать и установить на ваш сайт

Здесь можете почитать о требованиях Яндекс к фавиконкам

Совет. Размер 120 × 120 пикселей или формат SVG позволяют отображать логотип сайта четче и заметнее на сервисах Яндекса.

Требования Google к фавикону

Размер: кратный 48 — 144 * 144, 96 * 96, 48 * 48. Загружать файл 16*16 не рекомендуется.
Формат: SVG, ICO, GIF (без анимации), JPEG, PNG.
Ознакомьтесь с разделом документации Google о фавиконках здесь

Думаю, что мы разобрали все про фавикон—зачем он нужен, почему так важен и где отображается. А вот как создать фавикон и установить на сайт WordPress поговорим в видео ниже.
И по старой доброй традиции, под видео вы найдете ссылки на сервисы, которые можно использовать при поиске и обработки изображений.

Меня часто спрашивают, какими сервисами я пользуюсь при работе с сайтом и графикой, отвечаю — я пользуюсь продуктами Adobe, это Photoshop и Illustrator. Все таки графика после обработки в этих программах несравнимо лучше. Да и за 10 лет я настолько привыкла ими пользоваться, что теперь это у меня в крови😃. Знаете, такой инстинкт, когда сажусь работать сразу запускаю Photoshop😊
Но вот моим подписчикам, новичкам в особенности, эти программы кажутся сложными, поэтому я держу под рукой и набор сервисов, которые могут решить определенную задачу при работе с графикой.

Смотрите видео “Как создать фавикон и установить на сайт WordPress”


Иллюстратор Онлайн
Поиск изображений отличного качества
Требование WordPress к фавикону 512 на 512 пикселей

Скажите, все ли понятно из статьи? Может быть у вас остались вопросы или хотите получить совет? Пишите в комментариях!😉

И попрошу оценить статью — кнопочки ниже. Благодарю.

Нравится!

Юлия Литвина. Интернет предприниматель, писатель. Автор курсов, тренингов и обучающих программ по инфобизнесу. Более 15 000 студентов и благодарных отзывов об обучении.

Оцените автора
( 2 оценки, среднее 5 из 5 )
Добавить комментарий

  1. Алла Зорина

    Пока только посмотрела, но заинтересовалась. Спасибо!
    Буду надеяться, что будет свободное время!

    Ответить
    1. Юлия Литвина автор

      Добрый день, Алла, желаю успехов и побольше свободного времени:))

      Ответить