Фавикон — это просто

Опубликовал Евгений от января 29, 2012





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

Доводилось ли Вам обращать внимание, когда в строке браузера левее адреса для одних сайтов отображается стандартный значок, а для других индивидуальная иконка, для каждого сайта своя. Кроме того такое изображение можно встретить напротив названий многих сайтов при выдаче поисковой системы Яндекс. Эта иконка, по сути, являясь логотипом сайта, называется фавиконом от английского favorites icon.

С фавиконом  сайт становится более заметным. Иконка повышает доверие к сайту и делает его более запоминающимся. Кроме того яркий значок бросается в глаза и лучше фиксируется в памяти, что в конечном итоге увеличивает посещаемость ресурса. Фавикон должен нести информацию о сайте, ассоциироваться с ним и желательно, чтобы выполнен был в том же стиле, что и сайт.

Фавикон можно заказать вебмастеру, тем более, что стоит это не так дорого – несколько сотен рублей, а можно сделать и собственными руками. Для начала необходимо изготовить изображение будущего фавикона. Сложность заключается в том, что его размер составляет всего 16×16 пикселей, поэтому будущее изображение не должно содержать мелких деталей.

В фотошопе создаем картинку, сначала большего размера скажем 160×160 пикселей, и сохраняем ее в формате jpg.

а потом ее уменьшим до нужных размеров.

К сожалению Фотошоп не дает изображений в формате ICO, поэтому следующим этапом будет конвертировать наше изображение в этот формат. Для этого заходим на сервис favicon.ru.

Выбираем только что созданный файл и жмем на кнопку «Создать favicon.ico!». Кстати, перед тем как выбрать файл, его не обязательно уменьшать, важно, чтобы размеры файла не превышали 300 kb.

На открывшейся страничке жмем ссылку «Скачать favicon.ico!». Все фавикон готов и сохранен на Вашем компьютере, теперь его необходимо установить на Ваш сайт.

Я устанавливал фавикон на мои блоги, созданные на WordPress, поэтому приведу пример для этой наиболее популярной CMS.

Установите скачанный файл  favicon.ico в корневую директорию вашего сайта, на хостинге это папка «public_html». Далее откройте файл header.php он должен находиться по следующему пути:  public_html/wp-content/themes/Ваша тема/header.php и между тегами  <head> и </head> разместите две строчки, как правило, перед закрывающим тегом </head>:

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

Обновите header.php на хостинге и перезагрузите страницу Вашего сайта. В адресной строке браузера отобразится Ваш фавикон. Против названия Вашего сайта в строке выдачи Яндекса он появится несколько позже, когда робот  поисковика найдет его и запомнит.

Как видите ничего сложного. Удачи.

Всех благ Вам и удачи, Евгений Беляков.

Не забывайте добавлять к своим комментариям ссылки на новые статьи Вашего блога.

Подписывайтесь на мою рассылку – Реальные деньги в виртуальном мире.

Вступайте в мои группы на SubScribe.ru:

«Интернет для всех: пенсионеры в глобальной сети – объединяйтесь!» и

«За здоровый Интернет».

c313fc3488a886bf6168a35cf7db449b

Популярность: 19%

Если Вам понравилась эта статья, подпишитесь на новые через RSS. Моя RSS!

На эту тему я писал раньше:


Об авторе

Евгений




Комментарии

16 комментариев to “Фавикон — это просто”


  1. Эх помню и намучился с фавИконом — и делал все правильно, но почему то Яндекс его не считывал. Но слава Богу все работает, ведь фавикон необходимая вещь для каждого сайта!

    [Ответить]

    admin Reply:

    Но ведь получился. Удачи.

    [Ответить]


  2. С Фавикон сайт смотрится привлекательнее в поиске...)

    [Ответить]

    admin Reply:

    Безусловно. С «лицом» лучше.

    [Ответить]


  3. Отличный способ, я попробовал и у меня получилось, спасибо

    [Ответить]

    admin Reply:

    Рад за Вас.

    [Ответить]


  4. Так все подробно, поэтапно. Думаю, что многих заинтересует. Спасибо Вам большое!

    [Ответить]

    admin Reply:

    И Вам спасибо.

    [Ответить]


  5. Спасибо за статью. Давно искал эту информацию. Сейчас попробую.

    [Ответить]

    admin Reply:

    Пробуйте. Это не сложно. Удачи Вам.

    [Ответить]


  6. Я тоже давно собиралась сделать себе уникальный фавикон, но не знала, как. Спасибо за подробную инструкцию!

    [Ответить]


  7. ТЕПЕРЬ у меня есть ФАВИКОН! Спасибо! Предлагаю НЕБЕСТОЛКОВО отдохнуть vesotdih.ru

    [Ответить]


  8. Не зря я себе зарубил на память «Фавикон. Фавико. Фавикон...». Теперь дошёл до него, чтобы прочитать, и понять о чём идёт речь. Замечательно! Мелочь, а приятно. Штука полезная. Спасибо!!!

    [Ответить]


  9. Всё никак руки не доходили до создания своего фавикона. Ваша статья вдохновила на действие — теперь обязательно сделаю, ведь всё так просто!

    [Ответить]


  10. Статья понравилась. сделал себе все по процедуре. сайт на джумле, полез в корень — оказалось у меня есть фавикон. но за опыт все равно спасибо

    [Ответить]


  11. Favicon можно изготовить в фотошопе, если установить плагин ICO Format. Легко устанавляивается, легко сохраняются изображения.

    [Ответить]

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

«Реальные деньги в виртуальном мире»
Подпишитесь на рассылку
Введите Ваше Имя и Ваш E-mail:

Ваш E-Mail в безопасности