Как установить favicon на WordPress сайт

Хочу! Узнать Секреты Интернет — Бизнеса

Как сделать favicon

Здравствуйте ! Уважаемый посетитель моего Блога.

Я продолжаю с Вами дискуссию своего обучения Интернету

Итак, если Вы готовы, тогда начнем

Сегодня целый день провел за изучением и освоением совсем маленького, но по своей сути очень полезного маленького значка для блога с названием  Favicon

Favicon — что же это за такое чудо человеческой мысли и с чем это едят? Если Вы читаете эту статью в браузере, посмотрите на адресную строку — с левого края Вы наверняка увидите небольшое изображение. Его и называют favicon. Для чего же он нужен и как ее правильно применить?

По сути, favicon — это логотип Вашего сайта. Для мало-мальски знакомых с рекламой людей известно, какое огромное значение логотип имеет в продвижении: броское, запоминающееся, яркое изображение способно впечататься в память потребителя и вызвать у него воспоминания о товаре в нужный момент. Аналогично действует и favicon.

Правильно подобранная иконка favicon может оказать такие эффекты:
— усилить запоминаемость Вашего сайта и узнавание его при поиске или при встрече ссылки на другом ресурсе;
— сформировать ассоциацию изображения и качества информации на Вашем сайте;
— сформировать такую ассоциацию определенной формы и цвета с Вашим сайтом, что похожее изображение заставит пользователя вспомнить о Вашем ресурсе;
— увеличить кликабельность сайта — в закладках (избранном), в поиске, в каталогах ссылок;
— и другое. Понятно, пока я вижу только одни плюсы. Продолжаем.

Влияние favicon на кликабельность в поиске

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

У Яндекса имеет специальный бот для индексации Favicon (поисковый робот), в задачу которого входит сбор и обновление иконок Favicon (фавикон) для всех сайтов. Робот посещает сайты с периодичностью от нескольких дней до одного месяца. Поэтому не стоит ждать того, что недавно созданная и прикрученная к вашему сайту Favicon (фавикон), сразу же появится в поисковой выдаче Яндекса, рядом с вашим сайтом. Должно будет пройти какое-то время. Яндекс, после того как найдет вашу иконку Favicon, преобразует ее в формат PNG и с этого момента иконка вашего сайта будет доступна. Еще очень существенный плюс я увидел в том, что favicon также отображается с названием сайта в сервисах социальных закладок. Обратите внимание на то, что все проекты web 2.0 имеют favicon. Я рекомендую сделать ваш блог чуть-чуть более привлекательным, сделав себе такую иконку.

Зачем он нужен моему сайту?

В принципе без него можно запросто обойтись. А  теперь уж точно нет. Если у тебя есть сайт и он будет интересным, то можно выделить свой сайт из сохраненных в закладках, или загруженных в браузере, поддерживающим такую дивную малютку.

Где Взять Favicon?

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

Лично я для создания своего favicon использовал Сервис favicon.ru он значительно проще по созданию малюток. Он позволяет только преобразовывать любое имеющееся у вас изображение, которое вы хотите использовать в качестве Favicon в иконку формата ICO размером 16×16 пикселей. Никаких настроек и доработок иконки сделать нельзя. Просто вы указали нужное изображение на своем компьютере или в интернете и получили на выходе готовую к использованию favicon.ico.

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

После этого вам только остается нажать на кнопку Создать favicon.ico. На открывшейся странице вы увидите ссылку для скачивания получившейся иконки Скачать favicon.ico. Вот и все, ваша иконка готова и остается ее только пристроить к вашему сайту. Но об этом читайте ниже, а пока рассмотрим несколько мест, где Вы можите ознакомится с другими сервисами для того, чтобы их можно было использовать в качестве Favicon для Вашего сайта.

Другие сервисы по созданию иконки Favicon (фавикон) для Вашего сайта

Если Вам по каким-либо причинам не понравился описанный выше сервис, то я предлагаю Вам попробовать создать иконку Favicon на одном из следующих сервисов:

  • http://favicongenerator.com — очень простой генератор иконок Favicon из загруженных вами файлов. Практически аналог сервиса Favicon ru, но только зарубежный.
  • http://antifavicon.com — достаточно интересный ресурс. На нем вы можете создать иконку Favicon с надписью. Текст надписи вам нужно будет ввести в поля «Top text» и «Bottom tex», а цветовую гамму будущей иконки можно настроить в области «Colors». Готовую иконку можно скачать по ссылке «Your generated favicon», расположенной вверху страницы генератора. Там же вы можете наблюдать превьюшку получающейся иконки Favicon
  • http://www.chami.com/html-kit/services/favicon — еще один простой сайт, заточенный под создание иконок Favicon из любых графических файлов. Указываете путь до картинки на своем компьютере, генерируете Favicon и загружаете архив с созданной иконкой в формате ICO и GIF.
  • http://www.graphicsguru.com/favicon.php — указали путь к картинке на своем компьютере, нажали на кнопку «Generate» и получили вашу иконку Favicon, для скачивания которой нужно нажать на ссылку «Download»
  • http://www.iconj.com/icon_generator.php — еще один простой генератор фавиконов. Примечательно то, то созданную иконку Favicon вы можете либо скачать, либо оставить на сервисе и получить на этот файл ссылку
  • http://www.degraeve.com/favicon — достаточно мощный ресурс по работе с Favicon. По функционалу похож на рассмотренные ранее сервис Favicon.cc. Здесь тоже можно создавать свою иконку Favicon (фавикон) либо с нуля, либо загрузить изображение, которое в последствии можно будет подкорректировать
  • http://michurin.com.ru/favicon-editor.shtml — русскоязычный сервис по созданию иконок Favicon с нуля. Весь интерфейс и инструкция по работе с сервисом полностью на русском, поэтому пояснения по работе с данным сервисом будут лишними.
  • http://favicon-generator.org — позволяет как генерировать фавикон иконку из загруженного изображения, так и создать ее с нуля в специальном редакторе.
  • http://www.webscriptlab.com/favicongenerator.php — ну и на закуску еще один простенький генератор Favicon (фавикон) из любых изображений.

Где можно скачать уже готовые иконки Favicon (фавикон)

Если у вас нет желания или возможности (вы не художник и ни когда им не были), то проще всего тогда будет попробовать поискать нужный вам фавикон в специально собранных галереях Favicon (фавикон):

  • http://www.audit4web.ru/favicon — галерея с более, чем 15000 Favicon (фавикон) иконок
  • http://www.iconj.com/gallery.php — достаточно большая коллекция иконок Favicon на том же ресурсе, где находится и генератор иконок, описанный выше.
  • http://www.favicon.cc — около 55 тысяч различных фавиконов на все случаи жизни. Имеются так же анимированные иконки Favicon, которые, правда, будут видны только в браузере FireFox
  • http://www.favicon.co.uk/gallery.php — еще немного фавиконов

Если вы знаете еще галереи иконок Favicon, то напишите, пожалуйста, в комментариях, я добавлю вашу ссылку в этот список.

Установка favicon на wordpress

Для этого нужно:

Загрузить нужную Вам иконку на свой сайт, нужно разместить ее в корневую директорию . Идете к себе на хостинг, FileZilla или через Total Commander. Неважно, как Вам удобно.

Domains – Ваш сайт — wp-content – themes – Вставляете Ваш favicon.

Заходим к себе на блог, с левой стороны находим вкладку Внешний вид. Выбираем пункт Редактор (этот пункт служит для редактирования файлов темы)

Выбрать Заголовок он же header.php и написать между тегами следующие строчку:

<link rel="shortcut icon" type="image/ico" href="http://Ваш сайт/
wp-content/themes/favicon.ico"/>


Нажми на картинку чтоб ее увеличить.

Здесь расскажу поподробней, что еще за пути. Дело в том что Вы можешь положить этот значок куда хотите, на сайте главное это правильно указать к нему путь.

Не забудьте Нажать на кнопку Обновить файл в редакторе темы

Для Firefox- перезапускаем его и снова заходим на свой сайт

Для Explorer- заносим сайт в закладки, и перезапускаем браузер

Можно наслаждаться результатом

Примечание: файл не обязательно называть favicon, главное правильно написать его название в указание пути не во всех броузерах поддерживается этот значок.

Вот на сегодня вроде бы и все. Примите мои поздравления!

Уважаемы посетитель! Моего Блога, если у Вас возникли вопросы, не стесняйтесь, пишите. Отвечу на все Ваши вопросы. Мой E-mail: firmalex@bk.ru

С Уважением! Семенов Александр

раскрутка сайта в поисковиках
Рейтинг сайтов Бизнес / Финансы

13 Comments on Как установить favicon на WordPress сайт

  1. Master // 04.10.2010 at 14:33 //

    Саша, ты правильно понял идею. Примерно этого мы от тебя и ждём. Учись делать видео.
    Всё идёт не плохо.

  2. Таисия // 04.10.2010 at 15:09 //

    Александр, большое спасибо за твои идеи, настолько все увлекательно и интересно, всегда с удовольствием посещаю твой блог, и еще ни разу не разочаровалась. Ты всегда находишь интересные идеи для нашей школы.

  3. Олег // 08.10.2010 at 12:39 //

    Саша, спасибо тебе за интересные идеи. Все познавательно и интересно. Сегодня поставил фавикон по твоей статье. Все понятно. Еще раз спасибо.

  4. Коновалов // 13.11.2010 at 15:19 //

    Если бы я был девушкой, я бы дал автору за такой пост.

  5. Все понятно, мне лично всё понравилось, только вот один минус, сайт слегка подтормаживает у вас, а так всё норм! 😉

  6. олимпиада сочи // 07.12.2010 at 00:00 //

    Супер, Редко оставляю комментарии, но действительно интересный сайт, удачи Вам!

  7. софт // 10.12.2010 at 18:17 //

    Пост очень полезный, добавил в закладки.

  8. effective Forex Robot free tools // 12.12.2010 at 12:30 //

    Браво, какие нужные слова…, отличная мысль

  9. футбол // 18.12.2010 at 09:55 //

    Очень понравился дизайн вашего блога, но вот некоторые блоки помоему даже лишние!

  10. Семенов Александр // 18.12.2010 at 12:36 //

    Спасибо! За теплые слова насчет моего блога. Мне как новичку в Интернете, который ищет свой стиль. Стиль введения и оформления блога, всегда будет не безразлична точка зрения моего посетителя,по улучшению и удобству поиска материалов. Всегда рад выслушать и прислушаться к любой точки зрения.

  11. Full.x2 // 22.12.2010 at 23:11 //

    Спасибо! очень помогло! Работает =)

  12. Сергей // 14.04.2011 at 10:46 //

    Спасибо за информацию, полезный пост. У меня как раз были проблемы с закачкой фавикона на блог. Только вот вопрос: везде пишут, что размер должен быть 16 х 16, это слишком грубо, а многие картинки явно более чёткие, да и Ваш «PRO» тоже. Так ли это важно?

  13. Илья // 11.10.2011 at 23:30 //

    Спасибо за помощь, не знал, что в вордпрессе надо кидать иконку к темам

Leave a comment

Your email address will not be published.


*