БАЗА подписчиков за 1 месяц! (Секретная технология)minimazer

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


favicon как создать

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

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

ленивый фавикон

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

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

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

favicon у яндекса

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

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

Читайте также:  Как сделать оглавление (содержание) для статьи блога

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

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

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

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

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

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

генератор фавиконов

1. favicon.ru

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

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

favicon generator

2. favicon.сс

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

Читайте также:  Как проверить орфографию текста, статьи онлайн

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

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

  • 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

к оглавлению ↑

Скачать готовый 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 своего шаблона между тегами прописал следующее:

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

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

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

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

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

Понравилась статья? Расскажи друзьям:


Мой подарок подписчикам

Подписывайтесь на новости блога и получите подарок - книгу "Как заработать 1000$ в первый месяц". В ней я рассказал свои наблюдения исходя из своего опыта. Я выделил всего ТРИ метода для заработка.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

22 комментария

по хронологии
по рейтингу сначала новые по хронологии
Максим

http://favicon.yandex.net/favicon/wpking.ru

Фавикон установлен, но не отображается. Почему?

Автор

Макс, зашел на твой блог, у меня отображается фавикон.

А яндекс мог просто не успеть подхватить его. Хотя я думаю тут дело в индексации сайта. Проверь, индексируются ли страницы сайта.

Максим

SEO то тоже надо делать?

Автор

Конечно надо, но это тема для другой статьи

Такая-же беда яша не видит.

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

Фавикон есть вот только что то роботы его не видят... что это может означать? Может потому что я использовала не свою картинку я взяла из интернета? Думаю какой сейчас у меня фавикон, он подходит к теме моего блога, такой глазик смотрящий на жизнь. Фавикону не один месяц а примерно около 2 лет. Ну буду искать причину.:)

А я свой в фотошопе нарисовал. Пробовал разные сервисы, но результат не очень радовал. А в фотошопе вроде как больше свободы для творчества.

Автор

Ну, не каждый умеет с ним работать. А так-то да, я согласен.

Согласна, очень удобная штучка. И самое главное полезная. Особенно когда ищешь что то. Денис, спасибо за сервисы. Я не рисовала свой фавикон. Я не художник. Я взяла понравившуюся картинку. Убрала фон. Подогнала размерчик. Потом загрузила на какой то специальный сайт. Мне дали ссылку, которую я также в хедере разместила. И это самое первое или одно из первых дел, которое стоит сделать сразу после создания блога. Вот как то так.

Я тоже сам делал себе favicon, правда было это давно, уже даже не помню каким из онлайн сервисов пользовался.
В Яндексе тоже не сразу появился, а со временем.

Я просто взяла картинку девушки и не стала думать. А почему нет? Каждый сам решает для себя, ведь так?

Автор

Всё верно, а я думал, Надежда, что это вы.

Нет, не я

Елена Прекрасная

А я не особо заморачивалась фавиконом, нашла на бесплатном сервисе и мне очень нравится)) Первое время тоже не отображалось, а потом красота!

Интересненько. Ну, фавиконами мне заниматься пока не придётся, блог и так весь отрисован) А вообще, может на будущее информация пригодится!

Автор

Ну, у тебя, Максим, итак симпатичный фавикон :) Кстати, где дизайн заказывал и почем?

Денис, привет! Проверил свой фавикон. Таки да, Яндекс меня знает. А вот на счет установки, ты забыл рассказать что можно поставить фавикон и плагином. Это для тех кто боится лезть на сервер. Есть и такие, это конечно не я, но пару человек знаю :)

Автор

Спасибо, Андрей за наводку. Подскажешь пару плагинов для этих целей?

Денис, пару не знаю, а один есть точно. Он так и называется Favicons. А вот скрин его внутренности http://prntscr.com/92yewi то есть там все просто до безобразия :)

Денис, привет! Спасибо за хорошую статью и твой видеокурс, я наконец-то, сделал свой фавикон. Честно говоря у меня в теме видимо был уже заложен какой-то фавикон, потому что все сервисы выдавали, что он есть :) Но нарисовал его сам и пусть он не очень красивый , но сделан своими руками,.. по твоей технологии. Спасибо!!!!

Денис, только что заметил, что у тебя фавикон не отображается. Проверил в разных браузерах.