Простой способ повышения узнаваемости сайта в поисковой выдаче - нарисовать или создать фавикон (favicon.ico). Фавикон как и заголовок страницы идентифицирует ваш ресурс для пользователя. Что такое фавикон и для чего он нужен? Как его создать или где скачать готовый

    набор фавиконов, как сгенерировать фавиконку и где живет фавикон генератор?? Как установить фавикон на сайт? Обо все по порядку ))).

 

Фавикон - это маленькая картинка-иконка 

которая отображается:

  • в адресной строке браузера, рядом с адресом (URL) сайта,
  • в закладках браузера,
  • в поисковой выдаче,
  • при сохранении ярлыка сайта на рабочем столе;

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

Несколько слов о фавикон дизайне:

  1. Картинка должна быть запоминающейся, если на других сайтах, блогах, галеряех и т.п. уже установлена 1000 и 1 аналогичная картинка, то смысл фавикона теряется;
  2. Использовать лучше 1 фавикон для всего сайта – это будет способствовать лучшему запоминанию пользователей вашей фавиконки;
  3. Дизайн фавикона должен быть легким, при его маленьком размере, всего 16х16 пикселей, лучше упростить логотип, чем сделать его перегруженным рисунком; 

Заголовок страницы

  1. Текст заголовка страницы должен быть максимально приближен к контенту страницы открытой у пользователя;
  2. Для заголовка страницы, актуально утверждение «краткость - сестра таланта» - много букв никто читать не будет.

Как создать фавикон онлайн?

    Создать фавикон онлайн можно разными способами, наиболее известный сервис, чтобы нарисовать фавикон онлайн www.favicon.cc

Кликаем по кнопке слева Create New Favicon

И начинаем рисовать фавикон, используя инструменты справа:

pick existing color - для закрашивания одного квадратика пикселя вашей будущей фавиконки (favicon.ico) – выбираем нужный цвет в палитре справа

move - двигаем картинку

transparent – для стирания - при нажатии квадратик пиксель становится прозрачным, его снова можно заполнить цветом

После творческого процесса понравившийся результат загрузите на компьютер кнопкой Download Favicon.

Вуаля!

      Можно не только нарисовать фавикон, но и загрузить картинку через Import Image, если стороны картинки равносторонние то выбирайте в опциях Keep dimensions, если нужно изображение «оквадратить», тогда Shrink to square icon, затем жмем upload, и получившуюся картинку можно редактировать, как написано выше.  Сохранить фавикон можно через кнопку Download Favicon.

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

      Как установить фавикон на сайт?

Фавикон для сайта установить можно закачав файл favicon.ico в корневую папку вашего сайта, например, это может быть директория public_html, www, htdocs и т.п. отличительная особенность корневой папки сайта это наличие файлов  index.php, index.html. Если на хостинге установлена cms такие файлы могут быть и в директории относящийся к ней.

Нужно подключиться к хостингу по ftp и сохранить файл в выбранной директории.

      Изменить фавикон в joomla 1.5

Чтобы изменить стандартный фавикон в joomla на свой нужно открыть директорию по адресу:

http://имя_вашего_сайта/templates/название_используемого_шаблона/

 и заменить уже имеющийся там файл favicon.ico на свой.

     Изменить фавикон для блога на wordpress

 По умолчанию фавиконка для блога на wp располагается по адресу:

http://имя_вашего_сайта/wp-content/themes/название_используемого_шаблона/favicon.ico

поступаем аналогично как и при добавлении фавикона на joomla.

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

    Как добавить фавикон в шаблон сайта

Если фавикон не отображается на сайте несмотря на приложенные усилия выше, то значит, ему нужно прописать место в вашем шаблоне. Для этого откройте файл index.php для редактирования и внесите перед тегом </head> код :

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">.

Все сохраняем.

После этого фавикон должен отображаться на сайте. Запустите браузер – нужно очистить кэш или перезагрузите компьютер.

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

Если рисовать онлайн или использовать картинку для превращения ее в фавикон у вас нет никакого желания, времени - нужное подчеркнуть, при необходимости добавить свой вариант ответа, – используйте генератор фавиконок:

http://www.favicongenerator.com/

http://www.favicon.com.mx/

http://www.favicon.co.uk/

После создания фавикона и его индексации специальным ботом яндекса, его можно будет увидеть по адресу

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

                                            


Список хостингов Виртуальный хостинг СМS хостинг SEO-хостинг Hostland

Комментарии (2)

фавикон создание
0
Хороший материал, спасибо!
Аля , марта 16, 2011
  • Report abuse
  • +1
  • Report abuse
  • Report abuse
фавикон
0
Хорошая статья, спасибо. Помогла мне разобраться в вопросе создания фавикона и добавлении его на сайт. Еще раз большое спасибо.
Андрей , мая 11, 2012 | url
  • Report abuse
  • +0
  • Report abuse
  • Report abuse

Написать комментарий

smile wink laugh grin angry sad shocked cool tongue kiss cry

������� - �������

smaller | bigger

busy
купить диплом вуза купить свидетельство о браке http://rdiplomik24.com купить дипломы о высшем купить диплом колледжа купить диплом ссср купить диплом бакалавра купить диплом врача купить диплом кандидата наук купить диплом университета купить диплом университета http://diplomsagroups.com купить диплом нового образца купить аттестат за 11 класс https://gosznac-diploma.com/ купить аттестат за 11 класс купить диплом вуза http://sreestrom.ru/ купить диплом магистра купить свидетельство о рождении http://originality-diplomy.com купить диплом с занесением в реестр купить диплом бакалавра https://russian-diplom.com купить диплом медсестры с занесением в реестр купить диплом нового образца http://rudiplomirovanie.com купить диплом колледжа с занесением в реестр купить диплом колледжа купить диплом врача купить диплом с реестром спб купить дипломы о высшем купить диплом о среднем специальном купить диплом с занесением в реестр реально купить диплом магистра http://russdiplomiki.com купить диплом с проводкой купить дипломы о высшем купить диплом фармацевта диплом купить с занесением в реестр москва купить диплом специалиста https://diploms-asx.com куплю диплом техникума реестр купить диплом о высшем образовании https://diploms-asx.com купить диплом высшем образовании занесением реестр купить диплом специалиста https://eonline-diploms.com купить диплом пту с занесением в реестр купить диплом колледжа http://free-diplommi.com купить диплом занесенный реестр купить диплом автомеханика http://diplomrussian.com купить диплом с занесением в реестр реально купить диплом бакалавра купить диплом о высшем образовании купить диплом техникума с занесением в реестр купить диплом купить диплом техникума купить диплом реестром москве купить диплом врача купить диплом магистра где купить диплом с реестром купить аттестат за 11 класс https://eonline-diploma.com/ купить диплом пту с занесением в реестр купить диплом вуза https://premialnie-diplomas.ru купить диплом колледжа с занесением в реестр купить диплом о среднем образовании https://land-diplom.com/ купить настоящий диплом реестр купить диплом о высшем образовании https://diplomsy-landsy24.ru/ купить диплом реестром москве купить дипломы о высшем https://anny-diploms.com купить диплом с занесением в реестр цена купить диплом вуза https://kyc-diplom.com купить диплом с реестром цена где купить диплом http://diploms-service.com купить диплом техникума с занесением в реестр купить свидетельство о рождении купить диплом техникума купить медицинский диплом с занесением в реестр купить диплом https://diplomy-grup24.com/ купить диплом врача с занесением в реестр где купить диплом http://aurus-diploms.com/kupit-diplom-ekonomista.html купить диплом пту с занесением в реестр купить диплом нового образца https://diplomansy.com/kupit-diplom-s-provodkojкупить диплом о высшем образовании реестр купить диплом о высшем образовании http://diploms-service.com/diplomy-po-spetsialnosti/veterinar-zootekhnik купить диплом без реестра купить диплом института https://diploms-asx.com/kupit-diplom-novogo-obrazca купить диплом с реестром цена москва