Как сделать и установить favicon для сайта или блога
Давно хотел поговорить о том, как сделать и установить favicon для сайта или блога, но, как говорится, руки не доходили (причем здесь руки, не понимаю) и вот решил начать Новый 2014 год с этой темы. Сделать свой ресурс необычным в глазах пользователей, а именно, украсить его неповторимой иконкой в браузере, думаю, желает каждый новичок-вебмастер. Обычно эта иконка всем знакома под названием favicon для сайта (фавикон).
Как смотрится эта иконка, можете увидеть на моем блоге в левом углу вкладки или вот по этой ссылке http://favicon.yandex.net/favicon/genri.biz. Ну, Вы можете подобрать что-то себе уникальное.
Как сделать favicon для сайта или блога?
И так, приступаем к тому, чтобы все это сделать:
Сделать favicon можно фактически из любой картинки или фото. А для того, чтобы было проще и удобней создавать favicon, достаточно воспользоваться сервисом для создания иконок Favicon.co.uk, Favicon.ru или Favicon.cc, там нужно просто закачать фотку или рисунок. А для того, чтобы лучше получилось, выбирайте размер фавикона 16х16 или 32х32 пикселей, так как именно этот размер больше всего подходит для адресной строки.
Как установить favicon для сайта или блога?
После этого Ваш favicon будет создан для скачивания с названием favicon.ico. Затем стоит скачать и поместить его в корневую папку вашего блога. Для наглядности примера в моем случае это:
public_html >> favicon.ico
или так же может быть
wp-content\themes\ваша_тема_блога/favicon.ico
Затем находим файл header.php (шапка сайта). Открываете в блокноте и вставляете указанный код:
<link rel="icon" href="http://ваш домен сайта/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="http://ваш домен сайта/favicon.ico" type="image/x-icon">
Вместо ваш домен сайта впишите имя вашего домена и после этого можно вставлять HTML-код в основной файл вашего сайта или блога (header.php).
Главное установить его между тегами <head> и </head>.
Сохраняете файл header.php, обновляете его на сервере и ждите результатов. Теперь ваш сайт будет выглядеть хорошо!
Удачи в выборе фавикона и до новых встреч. Если есть вопросы, задавайте в комментариях и не забудьте подписаться на новые выпуски.
С Уважением, Геннадий Ольховский
Ой, совсем забыл, вот ещё интересное в блоге:
... и это тоже полезная информация:
Не получилось поймать? Не беда - начните сначала!
3 комментария: Как сделать и установить favicon для сайта или блога
Добавить комментарий
GOOGLE+
ПОДПИСКА НА RSS
Фавикон это дело хорошее, я загрузил файл ico и больше ничего не делал, на следующий день он сам собой появился в браузере, а через две недели его стали выдавать поисковики Яндекс, Рамблер и Вебалта.
[Ответить]
Геннадий Ольховский Reply:
Январь 3rd, 2014 at 17:58
Юрий, Вы правы! Так фавикон и должен индексироваться, но установить код — это более надежная гарантия, что он появится в сети. У меня на одном из сайтов даже случился казус с установкой фавикона. Я на первых сайтах, тоже только забрасывал картинку в корневую папку и все работало. Но один раз прочитав у кого-то из вебмастеров, что установив код — индексация пройдет еще быстрее. Так и сделал (: — ждал около 10 дней, затем написал на Яндекс, откуда и получил внятный ответ, что в коде была ошибка (лишний пробел). Исправил ошибку и сразу фавикон появился. Так, что, если что-то и у кого-то копируешь, проверять нужно тщательно.
[Ответить]
Спасибо, получилось тоже. Правда не очень четкий получился, по показывается везде.
[Ответить]