Отправляет email-рассылки с помощью сервиса Sendsay

Блог для новичков

  Все выпуски  

Блог для новичков Как сделать favicon для блога


Если Вы не в курсе, favicon – это небольшое изображение (иконка), которое отображается на вкладке браузера, рядом с заголовком блога.

пример отображения favicon

кликните для увеличения

Также favicon отображается рядом с заголовком страницы блога в выдаче поисковых систем.

кликните для увеличения

Влияет это на количество переходов на блог или нет, я не проверял. Но в интернете есть мнения о том, что наличие favicon привлекает внимание и тем самым способствует большему количеству переходов на блог с поисковых систем.

Сделать favicon можно несколькими способами, я поделюсь с вами самым простым, немного не стандартным и быстрым.

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

Далее:

  • Заходим на сайтhttp://www.chami.com/html-kit/services/favicon/
  • Нажимаем на кнопку «Выберитефайл» и указываем на файл с изображением на вашем компьютере;
  • Нажимаем кнопку «Generate Favicon.ico». Прямо на сайте мы видим образец того, как будет выглядеть favicon после добавления на блог. Если что-то не нравиться, можно загрузить другое изображение и переделать файл на выходе;
  • Скачиваем полученный архив по ссылке «Download FavIcon Package»;

В архиве у нас три файла:

  • animated_favicon1.gif – аниминированный файл, изображение несколько раз поворачивается в горизонтальной плоскости;
  • favicon.ico – файл иконки;
  • ReadMe.txt – инструкции по установке и благодарности от создателей сайта;

Теперь установим иконку на блог, для этого:

  1. Определяемся, какую иконку будем устанавливать, статическую или анимированную;
  2. Переходим в раздел «Медиафайлы» на панели управления блогом и загружаем файл иконки;
  3. Копируем ссылку на файл иконки;
  4. Открываем блокнотом файл ReadMe.txt из скачанного ранее архива с иконками и во тором пункте файла вставляем ссылку как показано на рисунке ниже. Ссылку вставляйте свою; добавляем favicon
  5. Копируем две строчки кода со вставленной ссылкой и переходим в подраздел «Редактор», раздела «Внешний вид» панели управления блогом. В правой колонке находим пункт «Заголовок (header.php)» и кликаем по нему мышкой; вставляем иконку на блог
  6. В средней колонке находим тег (</head>) и перед ним вставляем ранее скопированные две строчки кода со ссылкой на файл иконки. Нажимаем кнопку сохранить и перейдя на блог, смотрим результат. вставляем код иконки

Если иконка не появилась, еще раз проверте правильность ссылки на файл иконки, и правильность вставки кода на страницу header.php На мой взгляд это двольно простой способ создания и установки favicon на блог, не требующий никаких специальных знаний.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru


В избранное