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

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

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

Эта картинка полностью отражает тех людей, которые до сих пор не имеют собственного фавикона! Не, ну правда, после того как я узнал как это делается – я себе не смог найти оправдания на вопрос “Почему у меня нет своего фавикона?”.

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

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

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

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

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

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

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

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

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

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

1. favicon.ru

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

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

2. favicon.сс

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

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

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

Скачать готовый 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. Тем более что на других движках все аналогично. Весь процесс установки favicon достаточно прост и проходит в два этапа:

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

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

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

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

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

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

1

<link rel="shortcut icon" href="https://in4wp.ru/favicon.ico" ></link>

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

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

(1 голоса (ов), оценка: 5,00 из 5)

Loading...