Создание favicon для своего сайта


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

После создания своего блога, мне тоже захотелось увидеть в строчке браузера красивую картинку, а не простой белый квадратик. Все таки хочется, как то выделится.

После набора поисковой фразы в браузер перед нами выпадает множество ответов (результаты поиска) и у каждого из них есть своя отличительная черта – иконка сайта. И для каждого сайта этот значок является ориентиром, своеобразным компасом.

Вопросы рассматриваемые в статье:

Что такое фавикон (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-код:

<link rel=«icon» href=«http://имя сайта/favicon.ico» type=«image/x-icon»>

или

<link rel=«shortcut icon» href=«http://имя сайта/favicon.ico» type=«image/x-icon»>

Не забудьте в коде сменить название сайта на свое. Все, далее сохраняем и обновляемся. Ничего сложного нет. Если вдруг иконка пропала, попробуйте по новой залить ее на хостинг.

8 комментариев

    1. Я, тоже с тобой согласен, Володь! Даже к твоему ответу добавил бы: более или менее уважающий себя блогер должен иметь на своем сайте фавиконку. 🙂

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

  2. Я делала фавикон с помощью программы , которую нашла в интернет. Вещь нужна на самом деле. Он должен присуствовать обязательно на сайте.

  3. Недавно писал статью для своего блога на эту тему. Проверил множество сервисов. Вы правы, что лучше не заморачиваться и заказать у дизайнера, если в фотошопом на «Вы».

Оставьте ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *