Сегодня мы узнаем значение ещё одного неизвестного слова из мира Интернета.
Узнаем, что такое фавикон, как создать фавикон или где его найти, как установить.
Что такое фавикон.
Фавикон – это маленькая иконка (значок) сайта, которая появляется в левой части названия
во вкладке браузера
закладках
в сниппетах результатов поиска
Название фавикон состоит из английского слова favorite – избранный и английского слова icon – значок.
Для чего нужен фавикон.
У каждого сайта есть фавикон и он играет важную роль.
Потому что он поможет вам:
☝ улучшить внешний вид сайта в выдаче,
☝ повысить узнаваемость вашего сайта,
☝ помочь быстро отыскать нужную страницу в закладках.
Когда я только создала свой сайт, то у меня по умолчанию стоял фавикон Вордпресс –
После того как я изменила его по своему вкусу, он стал выглядеть вот так
Ваша иконка будет ассоциироваться у аудитории именно с вашим сайтом, которая сделает его сайт более узнаваемым.
Например, у Яндекса фавикон в виде буквы «Я», которая является узнаваемой у большого количества аудитории. Когда люди видят большую букву «Я» все понимают, что речь идет именно о Яндексе.
Когда у посетителя в браузере открыто большое количество вкладок, ему с помощью фавикона будет легче ориентироваться. Он легко сможет найти нужный ему сайт.
Также и в поисковой выдаче фавикон помогает посетителю быстрее найти сайт, который он уже знает и которому доверяет.
Как создать фавикон для сайта?
Для того, чтобы создать фавикон есть несколько способов.
Самый лучший вариант — это заказать его фрилансерам.
Для того, чтобы ваш бизнес успешно продвигался и бренд был узнаваем.
Также можно сделать фавикон самому с помощью графических редакторов, если вы умеете ими пользоваться.
На начальном этапе подойдет простой бесплатный вариант – это использовать сток изображений.
Иконка (пиктограмма) для сайта – это изображение в формате JPEG, GIF, PNG или SVG с разрешением ICO.
Например, можно найти иконки для вашего сайта в стоке Flaticon. В случае, если версия сайта будет только на английском языке без перевода, то в поисковую строку этого сервиса нужно вставлять запросы (ключевые слова по тематике вашего сайта) только на английском языке. Если вы не владеете английским языком, то для перевода русских слов на английский язык можно воспользоваться Google Переводчиком.
После вставки ключевого слова темы вашего сайта на английском языке в поисковую строку этого сервиса, перед вами откроется большое количество иконок по вашей теме.
Обратите внимание, что первая строка иконок — это реклама и если вы кликните на одну из этих иконок, то попадёте на платный сайт.
Поэтому первую строку не трогайте, а смотрите ниже и здесь вы увидите иконки, которые можно использовать бесплатно. Выбирайте любую иконку, которая вам понравится и нажимайте на неё мышкой. С правой стороны появятся данные для скачивания. Здесь можно выбрать формат и размер иконки.
Для установления фавикона на сайт нужен формат PNG. Выбираем размер не более 512 пикселей
У каждого изображения могут быть разные наборы размеров. Нужно выбрать иконку не менее 64 и не более 512 пикселей.
Нажимаете на нужный формат и появляются варианты для скачивания. Выбираем «Бесплатное скачивание» и нажимаем.
Теперь скачанную картинку надо установить на сайт.
Для этого переходим в консоль WordPress.
С правой стороны находим установленную на ваш сайт тему. В моём случае тема Divi. Заходим в «настройщик темы».
Заходим в блок «общие настройки», затем в блок «сайт удостоверений» и здесь в опции «иконка сайта» загружаем нашу иконку. Нажимаем «опубликовать».
Перейдите на свой сайт, обновите страницу и увидите, что на вашем сайте появилась иконка.
Скорее всего на вашем сайте установлена другая Тема. Но я думаю, что действия установки идентичные и вы сможете разобраться в своей Теме как установить иконку.
В большинстве случаев картинка устанавливается при помощи приложений, которые используются в CMS.
Но можно воспользоваться и ручным вариантом, который предполагает размещение иконки в корневой папке сайта.
Для этого необходимы некоторые знания.
Критерии создания фавикона.
Фавикон должен быть квадратным и отвечать следующим критериям:
🟣 Показывать четкие ассоциации с тематикой вашего сайта или деятельностью вашей компании.
🟣 Простота. Не надо перегружать фавикон дизайном или сложными формами. Сделайте иконку лаконичной, но узнаваемой.
🟣 Оригинальность. Не желательно использовать типовые иконки.
Сервисы для создания фавикона.
Если у вас есть желание создать иконку сайта самостоятельно, то можно воспользоваться:
🟣 Бесплатным онлайн-генератором файлов favicon.ico на Favicon.by. Здесь можно самим нарисовать картинку, используя готовые решения и преобразовать файл в нужный формат.
🟣 Бесплатным онлайн-генератором файлов favicon.ico на Favicon.cc – можете с нуля нарисовать свой собственный фавикон.
Спасибо, что дочитали статью до конца. Надеюсь мне удалось доходчиво объяснить, что такое фавикон.
Приглашаю Вас в сообщество во ВКонтакте или в другой социальной сети. Подписывайтесь, чтобы всегда быть в курсе новостей.
Свежие комментарии