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

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


favicon как создать

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

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

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

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

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

favicon у яндекса

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

Читайте также:  Расскажите, а зачем вам нужен блог?

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

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

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

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

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

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

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

генератор фавиконов
1. favicon.ru

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

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

Читайте также:  Как защитить свой блог: 12 советов, о которых, возможно, ты еще не знаешь!

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
 

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

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

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

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

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


Реалити-шоу по продвижению крупного проекта

Как профессионал шаг за шагом продвигает самый разные страницы и запросы в ТОП. За год посещаемость выросла с 1000 человек до 7000 человек в сутки. Это возможно.

Перейти по ссылке.


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

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

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

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

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

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

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

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

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

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

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

Оставить комментарий