«Фавикон» (от англ. Favicon, если копнуть еще глубже FAVorite ICON) — это иконка сайта, его опознавательный знак в интернет-пространстве.
Она отображается сверху, на вкладке браузера там же, где тайтл; в избранном и в закладках; в поисковой выдаче, слева (в сниппете). В добавок, у современных смартфонов появилась опция добавления веб-страниц на главный экран телефона и необходима эмблема, чтобы не затеряться в многообразии приложений.
Вот скажут вам Макдоналдс, и помимо обильного слюноотделения, вкуса Бигмага и хрустящей картошечки фри (нет, они не платят нам за рекламу), перед глазами в свете софитов сразу сверкает желтенькая закругленненькая буковка «M». А теперь вбейте в поиске «macdonalds», что видите? Да, ту самую букву рядышком с названием. И ладно, с маком и с любым другим известным брендом все ясно, их как-нибудь найдут, по запаху или по очередям в туалет.
А молодые, развивающиеся, перспективные бренды, им что делать? Правильно, по максимум использовать опознавательные инструменты! Одним из таких инструментов и является «фавикон». Но, по каким-то причинам, многие до сих пор не отдают ей должного, хотя создание и внедрение значка сайта — разовая и легкая задача.
Сейчас имеется огромное количество сервисов для создания «фавиконок» онлайн.
Для не ищущих простого пути — возможность самостоятельной реализации в графическом редакторе (тут и paint сойдёт). Выбрав этот путь, обратите внимание на несколько моментов:
Можно пойти проторенной дорожкой, скачав готовые favicon (например, купить через стоковые банки)
Теперь переходим к вопросу, как добавить «фавикон» на сайт. Не бойтесь, это не сложно и быстро, справиться можно без каких-либо технических навыков, а новички почувствуют себя более PROдвинутыми.
Нам остается поместить созданное на предыдущем шаге изображение «фавикона» на сайт. Вы можете загрузить его в любую директорию сайта, как в корневой каталог, так и во вложенные директории.
Для тех, у кого сейчас прозвучала мелодия из «Что? Где? Когда?» мини-инструктаж:
Если назвать файл изображения «favicon.ico» и загрузить его в корневой каталог – то браузеры и поисковики, типа Яндекс и Google, самостоятельно найдут его.
Но для большей надёжности, мы рекомендуем разместить одну вспомогательную строчку кода в макет основного шаблона в секции <head>:
<link rel="icon" type="image/png" href="/favicon.png" />
или<link rel="icon" type="image/ico" href="/favicon.ico" />
Где rel="icon" — тип ресурса, type="image/png" — тип передаваемых данных, href="/favicon.png" — путь к нужному файлу и его название.
Готово! Отныне онлайн-представительство — полноценная странна на карте Интернет-пространства. В случае ребрендинга, как поменять «фавикон», думаем, понятно: повторяем вышеперечисленное еще раз с новым «флагом» и вуаля!
С этого момента рост узнаваемости компании остаётся за малым:
И вот ваше имя уже на устах тысяч и миллионов, а конкуренты пишут гаденькие комментарии в инстаграмме. Нооо... если заняты и нет времени на всё это, мы с радостью избавим вас от хлопот, предложив свои услуги!
Вы можете почитать много полезного и нового для своего ресурса в нашем блоге или позвонить нам по телефону и без лишних слов получить желаемое!
