Здравствуйте, дорогие посетители seokos.ru! Сегодня мы поговорим о том, как украсить адрес своего сайта с помощью иконки (favicon). Приступим!Как сделать favicon иконку для сайта

 Для начала, что же такое Favicon? Фавикон — это картинка, значок, логотип (кому как удобно), маленького размера, которую вы можете увидеть в браузере, в окне ввода адресов сайта или на вкладке.

Так же в Яндексе такой значок выводится перед названием сайта, в начале поисковой выдаче.

А теперь к главной части статьи, Как сделать favicon для сайта? 

Чтобы сделать favicon, нужно изменить любую картинку до специального размера и перевести в формат .ico. Сделать это можно разными способами, для этого придумано уйма подобных сервисов. Далее речь пойдет о сайте Favicon.ru, самый популярный на сегодняшний день сервис по созданию и редактированию иконок сайта!

И так, начнем:

  • Находим подходящую картинку, которую бы вы хотели видеть в качестве иконки на своем сайте (это может быть обычная картинка с телефона, изображение взятое на просторах Сети, или же простой скриншот, произведенный на вашем компьютере)
  • Загружаем изображение на сайт (смотрите изображение ниже)
  • Смотрим как будет выглядеть иконка. Если нравится сохраняем кнопкой «Скачать favicon.ico!», если нет начинаем с первого пункта, пока не найдете то, что будет вам по душе.
  • Если вы создали иконку, переходим дальше. Загружаем файл favicon в корень вашего сайта (для этого я использую FileZilla)
  • Если у вас блог на WordPress, заходим в панель администратирования, далее в меню слева выбираем «Внешний вид», там щелкаем на вкладку «Редактор», и выбираем файл  заголовок (header.php).

  • В появившемся окне перед тегом </head> вставляем следующий html код:

<link rel="shortcut icon" href="<?php bloginfo ('home'); ?>/favicon.ico" />

 Рекомендую перед тем, как вставить код, скопировать содержимое header.php в текстовый документ! 

  • Если у вас не WordPress, напишите об этом в комментариях! Напишу инструкцию лично для вашей CMS.

Ну вот и всё! Не забывайте про существование комментарием. Есть вопрос? Пишите, отвечу!  Спасибо за внимание!

С уважением, Томский школьник