Здравствуйте! В сегодняшней статье мы с вами научимся устанавливать иконку на сайт, блог. Придадим, так сказать, ему солидности. На эту тему информации в интернете как грязи, но все же, еще раз повторимся.
После создания своего блога, мне тоже захотелось увидеть в строчке браузера красивую картинку, а не простой белый квадратик. Все таки хочется, как то выделится.
После набора поисковой фразы в браузер перед нами выпадает множество ответов (результаты поиска) и у каждого из них есть своя отличительная черта – иконка сайта. И для каждого сайта этот значок является ориентиром, своеобразным компасом.
Вопросы рассматриваемые в статье:
- Что такое фавикон (favicon)
- Какая польза от фавиконки или зачем она нужна
- Как создать favicon.ico самому и где скачать готовые
- Как установить favicon.ico на сайт
Что такое фавикон (favicon) ?
Фавикон – это маленький значок или картинка (16х16 пикселей) располагающаяся рядом с названием сайта во вкладке браузера, в выдаче поиска, а также в закладках. Есть и другие размеры — 24х24, 32х32, 48х48.
Согласно Википедии:
Favicon(сокр. от англ. FAVorites ICON – ”значок для избранного”, от названия папки с закладками в MSIE) – значок веб-сайта или веб-страницы.
У этой картинки специальный формат ICO, но может и JPEG, PNG и GIF. Изначально они были придуманы для удобства управления закладками.
Какая польза от фавиконки или зачем она нужна?
Непосредственной, прямой выгоды со стороны поисковых систем нет, но много других положительных факторов:
- Favicon выделяет ваш сайт среди других веб-ресурсов, делает его уникальным и кликабельным.
- Запоминающаяся иконка сайта способствует его узнаваемости в сети. Т.е., по сути, является визитной карточкой, брендом, а на все брендовое, как известно, ”клюют” чаще.
Как создать favicon.ico самому и где скачать готовые?
Вообще, можно не “заморачиваться” и заказать фавиконку у дизайнера за деньги. Можно нарисовать в Photoshop, но эти варианты мы рассматривать в статье не будем.
Воспользуемся одним замечательным англоязычным онлайн сервисом www.favicon.cc А замечателен он тем, что там можно создать иконку с нуля, отредактировать имеющуюся или скачать уже готовую. www.favicon.cc является одним из самых простых и популярных онлайн генераторов в сети. Чтобы скачать фавиконку нажимаем на ссылку Download Favicon (Скачать Favicon). Вот еще несколько онлайн генераторов фавиконок: Michurin.net, Favicon-Generator.org, Favicon.ru
А вот несколько сайтов где есть готовые галереи иконок: findicons.com, www.iconsearch.ru.
Как установить favicon.ico на сайт?
После нелегкого выбора подходящей иконки, нужно ее как то ”привинтить” к нашему сайту. Для этого файл favicon.ico загружаем с помощью FTP-клиента в корневую директорию сайта (на Вордпресс public_html/ваш сайт/).
Затем прописываем путь роботу Яндекса к файлу favicon.ico. Подробнее здесь. В файле header.php шаблона сайта между тегами <head> и </head> вставляем вот такой html-код:
или
Не забудьте в коде сменить название сайта на свое. Все, далее сохраняем и обновляемся. Ничего сложного нет. Если вдруг иконка пропала, попробуйте по новой залить ее на хостинг.
Share the post "Создание favicon для своего сайта"
Согласен, Андрей, фавикон важен, любой более или менее нормальный сайт должен иметь свою уникальную иконку 😉
Я, тоже с тобой согласен, Володь! Даже к твоему ответу добавил бы: более или менее уважающий себя блогер должен иметь на своем сайте фавиконку. 🙂
Присоединяюсь к вашему мнению, недавно себе сделала в фотошопе фавикон, а то как-то не хотелось брать уже готовый, который используют многие. 🙂
А я не помню, сам сделал с заготовки, которая была в интернета, пока похожую не видел у других блоггеров. 😉
Я делала фавикон с помощью программы , которую нашла в интернет. Вещь нужна на самом деле. Он должен присуствовать обязательно на сайте.
Полностью с Вами согласен, Елена.
Недавно писал статью для своего блога на эту тему. Проверил множество сервисов. Вы правы, что лучше не заморачиваться и заказать у дизайнера, если в фотошопом на «Вы».
Очень полезная информация, спасибо