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

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

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

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

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

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

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

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

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

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

• на вкладках и закладках в браузере

• в истории браузера

• в результатах поиска «Яндекс»

• в мобильном поиске, в этом примере в браузере 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 пикселей

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

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

[expert_review_likes style=»button-5″ size=»xxl» icons=»thumbs» alignment=»center» show_icon=»1″ show_label=»1″ show_count=»1″ hide_dislikes=»0″ label_like=»Мне нравится» label_dislike=»Не нравится» name=»» link=»» post_id=»»]