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

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

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

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

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

[contents]

Надеюсь после этой статьи и у тебя не возникнет подобных вопросов, ты просто возьмешь и сделаешь, ведь ты будете знать как сделать 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 мегабайт! И вот что у меня получилось.

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

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

[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], если не хочешь пропускать хороших советов для блоггеров.

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

Оцените статью
Добавить комментарий для Сергей Отменить ответ

  1. Максим

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

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

    Ответить
    1. Макс, зашел на твой блог, у меня отображается фавикон.
      А яндекс мог просто не успеть подхватить его. Хотя я думаю тут дело в индексации сайта. Проверь, индексируются ли страницы сайта.

      Ответить
  2. Максим

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

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

      Ответить
  3. Витос

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

    Ответить
  4. NI4KA

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

    Ответить
  5. Оксана Адаменко

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

    Ответить
  6. Юрий

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

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

      Ответить
  7. Рита

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

    Ответить
  8. Сергей

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

    Ответить
  9. Надежда

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

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

      Ответить
      1. Надежда

        Нет, не я

        Ответить
  10. Елена Прекрасная

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

    Ответить
  11. Максим Бойко

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

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

      Ответить
  12. Андрей Косолапов

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

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

      Ответить
      1. Андрей Косолапов

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

        Ответить
  13. Сергей

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

    Ответить
  14. Олег

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

    Ответить
  15. irmaseo.ru

    Очень полезная информация, спасибо

    Ответить