inkognitod 03.02.2014

Фавиконка на сайт

Понадобилось мне добавить фавиконку на сайт клиента. Решил сразу писать пост комментируя свои действия. Что такое фавикон - это картинка/значок в формате .ico, которая отображается в закладке браузера и в выдаче поисковиков

1 2

Так же это хорошо сказывается на внимании посетителей, им приятнее будет видеть красивую картинку, чем пустое место. Чтобы выложить туда свой фавикон мы делаем следующие. Сначала нам понадобится картинка. Я взял такую 6801369403188561

Теперь ее нужно конвертировать в формат .ico. Размеры есть разные, самый большой  это 256 бит, т.е. 256х256 пикселей. размер влияет на качество картинки. Чтобы конвертировать можно воспользоваться фотошопом, стороней программой для конвертирования и онлайн ресурсом www.icoconverter.com Зайдя на сайт вы просто укажете свою картинку, выберете галочку "256 pixels" и нажмете convert. Через пару секунд скачается готовая фавиконка. Переименуем ее в favicon.ico

Теперь этот файл я заливаю на сайт через ftp клиент. Для Joomla нужно закинуть в корень сайта, так же иногда ее дублируют в корень папки с шаблоном сайта.  Чтобы иконка отобразилась, нужно указать к ней путь. Путь указывается в шаблоне перед тегом </head> Туда нужно вставить код для wordpress

<link rel="shortcut icon" href="http://inkognitod.ru/wp-content/themes/diary/favicon.ico" type="image/ico"> , где лежит фавикон я думаю понятно по коду:). Для Joomla прописывается <link href="/templates/beez_20/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"> так же до тэга </head>

Теперь можно обновить страницу для просмотра результата. Хочу заметить что фавикон может появиться не сразу. В браузере это зависит от кэша, который можно почистить. А в яндексе фавикон заменяется после соответствующей индексации и может пройти месяц прежде чем это произойдет.