Если вы не знаете, что такое favicon; это маленькая картинка рядом с URL’ом блога. Вот скриншот favicon’ки Vverx.com(обведено красным):
Некоторые скажут, что наличие favicon сравнимо с нанесением косметики. Но это правда только отчасти. Гораздо важнее то, что наличие favicon на вашем блоге позволяет посетителям быстро находить ваш блог в их Избранном между других сохранённых сайтов. Посмотрите на примере ниже:
Если у вас в настоящий момент нет favicon и вы заинтересованы её получить, вот как это можно сделать.
1. Сперва, вам нужна картинка. Подойдёт любое изображение, которое не защищено авторскими правами(это означает, что вы не можете сделать favicon в виде логотипа Coca-Cola ).
2. Перейдите на страницу сервиса, что бы сделать favicon’ Chami.com.
3. Закачайте ваше изображение кликнув на кнопку «Обзор» и жмите «Generate Favicon.ico»
4. После успешного завершения генерации на сервисе Chami, вам будет предложено скачать вашу favicon’ку. Нажмите по ссылке download и сохраните favicon на своём компьютере. (Вы так же можете протестировать свою favicon нажав на «Test in Browser»)
5. Распакуйте архив, который вы только что скачали и закачайте его на свой вебсервер(для большинства это папка «public_html»).
6. Теперь вам надо отредактировать header.php вашего wordpress блога. В администраторской панели откройте панель редактора тем и найдите файл header.php, используемой вами темы и добавьте следующий код в любом месте между тэгами <head></head>:
<link rel="shortcut icon" href="http://www.vashsait.ru/favicon.ico">
Вместо vashsait — ваш домен.
7. Сохраните ваш файл header.php
8. Принудительно обновите ваш браузер нажатием комбинации клавиш Ctrl+F5. Теперь вы должны увидеть вашу favicon рядом с вашим URL’ом.
июля 23, 2008 в 15:01
Отличная статья, своему блогу уже сделал такое, всегда хотел узнать как это делается.
июля 23, 2008 в 15:28
Про то как добавить иконку я знал. Но за сервис отдельное спасибо) Пойду себе иконку рисовать..
июля 23, 2008 в 16:24
2deco90
Рад, что хоть кто-то ещё задумывается о такой мелочи, как favicon. А то такое ощущение, что либо все знают, как её сделать, либо всем на неё пофиг. Потому что в рунете не смог инфы нарыть. Пришлось за бугор гонять за фавиконом.
2V0id
Наздоровье.
июля 31, 2008 в 22:12
Таки я сделал себе иконку =) Действительно сервис удобный)
После генерации, в архиве так же нашёл и анимированый вариант иконки. Честно говоря, про такую фичу не знал, что можно анимированую иконку ставить.
Но есть минус у неё: не отображалась в Firefox`е. Или может я чё-то не так сделал?
2Skech
Да, кстать, у меня твоя иконка не отображается (Opera 9.21)
августа 1, 2008 в 10:14
V0id, чтобы анимированая была нужно вот такой код добавлять
<link rel="shortcut icon" href="favicon.ico" ><link rel="icon" href="animated_favicon1.gif" type="image/gif" >
Интересные дела. У меня в Опере 9.5.1 отображается, но не анимированная. А в лисе, как положено. А и ладно, подумаешь, фигня какая. тут поважнее дела, СЕО понимаш, борьба с дублированным контентом. Так что подождёт эта иконка.
Я тут, кстати наткнулся на игру, которая прямо в этой иконке играется. Называется Favicon defender. Что бы играть нужно нажать «N», стрелять тоже.
августа 2, 2008 в 07:14
2Skech
Насчёт дублированого контета. Недавно наткнулся на статью одну:
http://www.profithunter.ru/optimizaciya/vyyavlenie-dublirovannogo-kontenta-na-sajte/
В ней автор рассказывает про пару полезных инструментов для выявления и борьбы с дублированным контентом. Надеюсь поможет =)
августа 2, 2008 в 10:09
Зпасибо за ссылку. Да, статья очень полезная, как и весь блог профитхантера. Именно с неё, кстати я и начал войну с дупликатным контентом
августа 2, 2008 в 12:23
Всегда пожалуйста) мне вообще статьи про оптимизацию нравятся.. Вот сейчас к примеру дома с кэшированием экспериментирую. Жалко инфы не так уж и много в сети об этом. Таких статей как например у тебя, по поисковой оптимизации. Теперь ещё о программной можно написать что-нибудь.
Добью блог свой, может напишу что-нибудь интересное =)
августа 3, 2008 в 00:46
V0id, да, на русском хрен чего найдёшь. Всё за бугром.
А что за программная оптимизация? Оптимизация кода, что ли?
августа 3, 2008 в 08:29
да, у нас маловато инфы. не пойму, почему так. ленивые мы что ли ^_^
ага.. оптимизация кода, запросов к БД, кэширования ну и так далее.. В сети бродил, тож толком ничего не нашёл((
августа 4, 2008 в 10:18
Ленивые наши конечно… Странно, вроде климат не жаркий.
августа 21, 2008 в 18:10
Лучше всего использовать для создания фавиконок фотошоп – если поставить небольшой плагин http://www.htmlbook.ru/download/icoformat.zip
августа 22, 2008 в 13:54
marapper, пользовался этим способом раньше. Но во-первых не у всех есть фотошоп. А во-вторых зачем столько заморочек, когда с помощью сервиса описанного в этом посте можно сделать иконку в два клика.
В фотошопе не сделаешь анимированную иконку так просто.
декабря 4, 2008 в 17:33
Я себе иконку в GIMP нарисовал
декабря 18, 2008 в 11:58
нашел еще один
http://favicon.4admins.ru
ИМХО бест
января 10, 2009 в 02:46
Все доступно написано, поставил себе, теперь радостный как ребенок. Спасибо)
февраля 2, 2009 в 16:45
Просто и доходчиво – как раз то. что и надо для навичков… Эх, жалко, когда я начинал только таких статетй про фавикон почти небыло.. Спсибо Вам за то, что даете это для тех, кто хочет учится
февраля 15, 2009 в 12:40
Спасибо за дельный совет.У меня получилось.Вид,конечно,совсем другой.
февраля 18, 2009 в 08:26
Прочитал и много думал =)
марта 11, 2009 в 01:16
Skech, а почему иногда получается так что у определённого сайта, который ты добавил в закладки меняется фавикон на фавикон чужого сайта? Это не правильная html разметка или багги браузера? Причём Я наблюдаю такую картину только для одного сайта из 20 в закладках. Пользуюсь FireFox’ом.
марта 15, 2009 в 01:46
А у меня не получилось, но всё равно спасибо, буду пробовать ещё
марта 22, 2009 в 15:04
Интересный сервис для создания анимированных и скроллинг favicon
http://www.favicon.erus.info/
апреля 12, 2009 в 16:04
Почему-то Яндекс так и не добрался до favicon на моем блоге. Никто не знает в чем может быть дело?
мая 14, 2009 в 17:48
спс за статью, давно хотел себе иконку сделать
мая 24, 2009 в 13:55
В эксплорере видно, а лиса не хочет видеть (( за статью спасибо, жаль, что лиса несговорчивая
июня 21, 2009 в 18:17
Да сайт неплохой, спасибо за статью! У меня получилось настроить иконку! Кстати иконку я сделал в Photoshop со специальным плагином
июля 5, 2009 в 00:12
Спасибо за совет. У меня получилось, только не полностью… Опера показывает иконку, а другие браузеры не показывают. В чем причина? Подскажите пожалуйста
июля 6, 2009 в 01:04
А фиг знает, сори
июля 16, 2009 в 00:46
Статья интересная, но у меня тоже в Opera не показывает значок!!! Подскажите что делать, мне кажется Internet Explorer и Opera по разному читают favicon? Вообще то странно хотя сделал все как в статье….
июля 17, 2009 в 21:46
вот кстати, из-за отсутствия фавикона меня немного смущает ворд-пресс..(О_О) и почему его разработчики не предусмотрели, стандартный хотя бы
августа 31, 2009 в 19:00
В Photoshop имеется специальный плагин для файлов с расширением .ICO, но почему то иногда сделанное в нем не отображается в некоторых браузерах, поэтому ссылка на сайт мне очень помогла, в остальном вроде ничего необычного. Печально что в рунете пока очень мало разных программерских статей на тему HTML,CSS, SQL, ASP, PHP и т.д.
октября 1, 2009 в 22:11
Спасибо! Даже блондинка Макферсон все поняла с первого раза.)))
ноября 7, 2009 в 23:41
Также можно классные фавиконы сделать с помощью http://www.favicon.cc , там рисрвать можно по пикселям , можно просмотреть последние , выбрать понравившиеся и даже кажется сделать двигающимися , себе сделал на http://www.service.freetzi.com )))
ноября 9, 2009 в 19:12
Хм, а у меня почему-то в файрфоксе фавикон к этому сайту не отображается
зы Вот тут кстати ещё большая галерея с фавиконками _ttp://mppierce66.home.comcast.net/~mppierce66/web/fi/
декабря 2, 2009 в 11:15
в Опере показывается, а в других браузерах нет. Жаль, что не видно моего листика
декабря 22, 2009 в 22:54
Да уж. Как говорится в устоявшемся выражении:
Ведь именно мы дали миру Чайковского и Глинку, а себе оставили Глызина и Тимоти.
декабря 23, 2009 в 00:34
Cпасибо за полезную и интересную статью.
декабря 23, 2009 в 14:58
Да уж. Как говорится в устоявшемся выражении:
Это НАШИ женщины красят ногти перед тем, как ехать на картошку.
декабря 29, 2009 в 22:23
я их рисую в favicon.cc
января 3, 2010 в 22:51
Спасибо за ссылку на сервис!
«(это означает, что вы не можете сделать favicon в виде логотипа Coca-Cola ).» – забыл написать что это пример. Так как не только логотип Кока-Колы защищен авторским правом.
января 4, 2010 в 18:36
Да уж. По поводу коментариев – навеяла на меня где-то услышанная фраза:
Это мы придумали оружие массового поражения и ездим на нём.
января 10, 2010 в 09:39
Может быть кому-то пригодится.
FAQ. Как создать файл favicon.ico и поместить иконку и ярлык на сайт, в форум или блог?
http://oldoctober.com/ru/favicon/
января 10, 2010 в 15:31
Тем,у кого favicon не отображаеться в некоторых браузерах.
1.Сразу хочу сказать,сделать favicon на мой взгляд лучше всего вот по этому адресу http://favicon.ru/,проверено,просто и понятно.
2.Положите иконку в основную (корневую) директорию вашего сайта
(например, «www» или «public_html»)
3.Не обизательно добавьте следующие строки в каждую страницу вашего сайта внутрь секции (ПЕРЕД закрывающим тегом ):
Я вопще его нигде не указывал и работает во всех браузерах.
3.А вот почему,в Opera отображаеться favicon,а в других браузерах,нет.Все очень просто.Нужно очистить кэш браузера.
Как это сделать?
Чтобы очистить кэш в Internet Explorer, выполните следующие действия.
Выйдите из учетной записи AdSense. Закройте все окна браузера.
Откройте меню «Сервис» в верхней части браузера и выберите «Свойства обозревателя».
Откройте вкладку «Общие», расположенную в верхней части диалогового окна.
Под заголовком «Временные файлы Интернета» нажмите кнопку «Удалить файлы».
Установите флажок «Удалить это содержимое».Желательно все файлы.
Нажмите кнопку «OK». Перезапустите браузер.
Чтобы очистить кэш в Mozilla Firefox, выполните следующие действия.
Выйдите из учетной записи AdSense. Закройте все окна браузера.
Откройте меню «Tools» (Сервис) в верхней части браузера и выберите «Options» (Параметры).
Нажмите «Privacy» (Конфиденциальность).
Нажмите «Clear» (Очистить) рядом с «Cache» (Кэш).
Нажмите кнопку «OK».
Для очистки кэша в браузерах Mozilla и Netscape выполните следующие действия.
Выйдите из учетной записи AdSense. Закройте все окна браузера.
Откройте меню «Edit» (Правка) в верхней части браузера и выберите «Preferences» (Настройки).
Рядом с «Advanced» (Дополнительно) нажмите «+».
В поле «Advanced» (Дополнительно) выберите «Cache» (Кэш).
Нажмите «Clear Cache» (Очистить кэш).
Нажмите кнопку «OK».
Чтобы очистить кэш в Safari, выполните следующие действия.
Выйдите из учетной записи AdSense. Закройте все окна браузера.
На панели инструментов браузера откройте меню «Safari».
Выберите «Empty Cache» (Очистить кэш).
В диалоговом окне нажмите кнопку «Empty» (Очистить).
В некоторых случаях может потребоваться очистить кэш несколько раз.
А в opera достаточно только обновить страницу,вот почему она отображает.
Надеюсь,кому то, это будет полезно.Удачи.
февраля 14, 2010 в 14:46
Ну зачем про такое писать то.
февраля 26, 2010 в 04:35
На высокую башню можно подняться лишь по винтовой лестнице (Фрэнсис Бэкон).
февраля 26, 2010 в 21:26
На высокую башню можно подняться лишь по винтовой лестнице (Фрэнсис Бэкон).
февраля 27, 2010 в 21:06
И статья не плохая , и комменты полезные.
февраля 28, 2010 в 03:17
Когда думаешь на иностранном языке, то приходят совершенно другие мысли.
марта 1, 2010 в 03:12
Идите все к черту со своим термометром. Я болен счастьем!
марта 3, 2010 в 03:40
Тот, кто выбирает — всегда обречён на поражение. Потому что ему всегда будет казаться, что он выбрал не самое лучшее…
марта 3, 2010 в 17:43
Кто в теме тот понимает
марта 4, 2010 в 06:06
Не могу пройти мимо безобразия. Так и хочется принять участие!
марта 6, 2010 в 22:35
У меня в файрфоксе ни по чем не желает появляться фавиконка
Все зделал как выше написано (и вообще, делал это уже 100 раз, только в этом случае вот такое) но…. нифига не получается.
Не отображается гадина.
марта 8, 2010 в 04:35
Импотенция — это когда сила притяжения Земли больше силы притяжения к женщине.