Favicon: Как сделать и установить его на сайт, блог?

Всем привет, дорогие друзья, читатели in4wp.ru. Сегодня мне пришла в голову безумная мысль, а что если сделать свой уникальный фавикон? Блин, и правда, а чего я тянусь в последних рядах с каким-то стандартным фавиконом, который придумал мне wordpress или этот стандартный шаблон, который установил на свой блог? Итак, давайте разберем, как сделать Favicon…

Нормальные блоггеры имеют свой собственный favicon – чем я хуже? Да ничем. Точно также как и ты – никто из вас не хуже, есть только ленивые. Настолько ленивые, что просто трындец. Ну… понятно, в общем.

[contents]

Надеюсь после этой статьи и у тебя не возникнет подобных вопросов, ты просто возьмешь и сделаешь, ведь ты будете знать как сделать favicon, а потом мы поговорим о том как установить его на свой блог.

Итак, что такое favicon – это небольшая картинка (иконка) , которая отображается не только в закладке браузера, но также отображается и в поисковой выдаче Яндекса!!

У яндекса, кстати, для фавиконов есть специальный робот, который ищет их сайтах, мой находится здесь http://favicon.yandex.net/favicon/in4wp.ru, поменяй адрес моего блога на адрес своего и узнаешь, знает ли Яндекс о твоей иконке.

Конечно, иконка там появляется не сразу же после её создания и установки. Должно пройти какой-то время, я думаю не больше месяца. т.е. вы понимаете, своеобразный пиар идет. Конечно, узнаваемость вашего бренда будет на высоте.

И, если у вас действительно интересные статьи – читателю даже не нужно будет выбирать и читать чужие сниппеты, достаточно просто будет посмотреть на ваш фавикон, чтобы понять – “это то что нужно”!

Конечно, можно его нарисовать самостоятельно, и для этого нужно будет обладать определенным багажом знаний и опыта в дизайне, в частности в такой программе как photoshop. Лучший курс по photoshop для новичков – ВОТ ОН – когда вы по нему сделать себе favicon, напишите мне об этом, для вас будет сюрприз.

А мы переходим к сервисам, которые могут вам помочь в создании фавикона.

Как сделать favicon для сайта?

Создать собственный фавикон можно и не только с фотошопом, а с помощью специальных программ. Например, Favicon Creator или Icon Cool Studio. Но я бы рекомендовал использовать онлайн сервисы – результат не хуже, а времени затраченного будет в десятки раз меньше!

Нам понадобится какой-нибудь из нижеперечисленных сервисов (генераторы фавиконов) и чуть-чуть вашей фантазии!

Это первый сайт, о котором я хочу поговорить с вами. Это не значит что он самый лучший. Понятие прекрасного у каждого человека своё, правильно?

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

Если честно, свою иконку я делал именно с помощью этого сервиса. Здесь также есть возможность самостоятельно нарисовать иконку. Но т.к. я не художник и даже не учусь – я решил сначала залить свою фотку. Нажимаем на кнопку “Import Image” и заливаем. Главное чтобы фотка была одного из этих форматов: jpg, jpeg, gif, png, bmp, ico, cur и размер фотки был не больше 5 мегабайт! И вот что у меня получилось.

Ну вот вроде бы и все!

Я вам описал работу лишь двух сервисов, которые мне пришлись по душе. Но подобных сервисов много, вот вам еще небольшой списочек:

[note]

• http://www.cy-pr.com/tools/favicon/
• http://genfavicon.com/
• http://www.tools.dynamicdrive.com/favicon/
• http://favicon-generator.org/
• http://www.faviconfactory.com/
• http://shaheeilyas.com/favicon/
• http://www.degraeve.com/favicon/
• http://michurin.com.ru/favicon-editor.shtml

[/note]

Скачать готовый FAVICON для сайта.

Если вам лень делать иконку (не забудьте посмотреть в самое начало статьи – там про вас картинка была) – можете воспользоваться следующими сайтами.

1. http://www.audit4web.ru/favicon/ – более 15000 иконок.
2. http://www.iconj.com/ – более 18000 иконок. Есть и анимированные! Также и генератор favicon есть, причём очень даже не плохой.
3. Все тот же http://www.favicon.cc/ – нужно только нажать на кнопки “latest favicons” – вы увидите последние созданные иконки, или на кнопку “TOP Rated” – самые скачиваемые иконки. Ну и там уже сами выбирайте.

Как установить Favicon (фавикон) на wordpress сайте?

т.к. блог мой построен на wordpress – значит будем описывать его работу на wordpress. Тем более что на других движках все аналогично. Весь процесс установки favicon достаточно прост и проходит в два этапа:

1. Загрузка нужного файла на сервер;
2. Прописывание специальных тегов в код блога.

Все поисковые роботы ищут иконку в корне сайта, а значит иконка у сайтов должна находиться по этому адресу http://in4wp.ru/favicon.ico.

Но для wordpress много разных шаблонов, к которым идут свои favicon и пути для них прописаны соответственно в папках шаблонов.

Тут есть два варианта:

1. Найти уже установленный favicon.ico и заменить его на свой
2. Залить куда-нибудь свой favicon.ico и прописать в коде пути к своему файлу. Я так и делаю.

Залил свою иконку в корень блога in4wp.ru и пошел в папку in4wp.ru/themes/свой_шаблон/ и в файле header.php своего шаблона между тегами прописал следующее:

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

В своём БЕСПЛАТНОМ курсе о том как создать блог я подробно рассказываю эту тему — забирай пока бесплатно!

[urlspan]Подпишись на обновления[/urlspan], если не хочешь пропускать хороших советов для блоггеров.

На сегодня всё.
Искренне ваш, Тумилович Денис.