Создаем и устанавливаем favicon (фавикон) на свой wordpress блог

  • 29 Июль 2011
  • Артем
  • 4 комментариев


Что такое favicon?

Favicon – это маленькое изображение, иконка (от англ. Icon), которое появляется сразу перед адресной строкой выбранного сайта и отображается в выдаче поисковой системы яндекс между позицией сайта и адресом страницы.

Для чего нужен Favicon?

Ну во – первых для того, чтобы сделать сайт запоминающимся в глазах пользователя. Например, добавил пользователь ваш интернет – ресурс в закладки, а потом захотел его там найти, заметил фавиконку, тут же нашел и совершил переход. Просто и удобно. Хотя, конечно, если человеку будет нужна информация именно с вашего сайта, то он все равно его посетит, ну а если пользователь не нашел ваш сайт в своих закладках только потому, что попросту не заметил? Опять же, запоминающийся Favicon сделает свое дело и обратит на себя внимание, приведя на Ваш интернет – ресурс еще одного посетителя, комментатора и постоянного читателя. Кстати, в поисковой выдаче пользователь тоже ориетируется по фавиконкам, отдавая предпочтение более приятной глазу картинке . А почему? А потому, что маленькая картинка радует глаз случайного посетителя и сообщает постоянному читателю о том, что на знакомом им блоге появилась новая, интересная и полезная информация.

Как создать Favicon?

С пользой фавикона мы разобрались, теперь стоит разобраться с тем, как создать Favicon. Вообще Favicon – изображение сохраненное в формате ICO и имеющее следующие размеры 16×16, 32×32, 48×48 пикселей. Я рекомендую выбрать размер поменьше, 16×16 или 32×32, так оно будет иметь меньший вес, быстрее подгружаться в браузер, а следовательно и быстрее бросаться в глаза пользователю.  Большая фавиконка лучше запоминается, так что лучше выбрать размер 32×32. К примеру на том же Блоге о Drupal очень запоминающаяся фавиконка, на что можно обратить внимание.

Создать фавикон можно несколькими способами: воспользоваться специализированным интернет – сервисом или старым добрым фотошопом. Воспользуемся быстрым способом – откроем интернет сервис для создания favicon, загрузим изображение, и нажмем Download Favicon Package все, наша фавиконка полностью готова

 

Как установить Favicon на сайт ( блог)?

Иконку мы создали, теперь пора задуматься над вопросом о том, как установть Favicon на наш wordpress  блог. А тут все очень просто! Нам нужно закинуть наш favicon в корневую папку блога и настроить правильную загрузку фавиконки на сайте. Для этого заходим в редактор нашего блога, открываем файлик header.php и находим строку примерно такого содержания

<link rel=”shortcut icon” href=”<?php bloginfo (‘url’); ?>/favicon.ico” />

Ориентируемся на слово Favicon. Именно эта строчка и отвечает за загрузку нашего favicon, именно по этому коду и находит фавиконку Яндекс. Так как мы знаем как формируется путь к файлу favicon.ico, то редактируем строку до такого вида

<link rel=”shortcut icon” href=http://steepbend.ru/favicon.ico” /> (Не забудьте проставить адрес своего блога!)

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

Итог

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

Спасибо за добавление этой статьи в:

Комментариев: 4

    • Ольга Ladyemansipe
    • Июль 29 2011 в 17:35

    Да, полезная штука, только я еще не разобралась как делать их самой на прозрачном фоне:)

    Ответить

    Tramp
    Июль 31 2011 в 9:39

    Рекомендую посетить сервис favicon.ru, там все описано очень простым и понятным языком.

    Ответить

    • Юрий
    • Июль 31 2011 в 7:56

    Это сделал сразу, ибо яндекс эти иконки публикует у себя при выводе в поисковике Вашего сайта :)

    Ответить

    Tramp
    Июль 31 2011 в 9:40

    Правильно сделали)

    Ответить

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

  • rss
  • rss
  • rss
  • rss