Оптимизация сайтов
info@micukov.ru
NEW! SEO Консультации

Поддержка сайта

Анализ интернет магазина

Продвижение сайтов

План продвижения сайта

Контакты
info@Micukov.RU

Фавикон для сайта - установка и настройка

Фавикон – происходит от английского слова «Favorites Icon», что, безусловно, в дословном переводе означает «значок для избранных», а на самом деле это знак web страниц или web сайта. Отображается он в браузере перед URL строкой сайта, а также рядом с закладками в виде небольшой картинки, как правило, размерам 16х16.  История его развития начинается с 1999 года, когда компания Microsoft впервые запустила свой браузер Internet Explorer 5, который мог поддерживать фавикон. Он располагался в корневом каталоге сайта и браузер самостоятельно его определял и взаимодействовал.  Но значок использовался только в тот момент, когда страница добавлялась в закладки. Данная технология уже устарела и поэтому, сегодня любой пользователь может видеть значок, не добавляя страницу в свои закладки.

Каким он должен быть.

Фавикон для сайта - установка и настройка
Фавикон для сайта – это своего рода его визитная карточка, именно поэтому его необходимо выполнять в таком же стиле что и сам web-сайт.  Чем больше у них будет общих черт, тем лучше для вас. Если вы решите самостоятельно создать фавикон, то используйте одинаковую цветовую гамму, а также элементы дизайна, чтобы они гармонировали вместе. Основная функция фавикона заключается в том, чтобы он сочетался с самим сайтом.

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

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

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

Создаем фавикон

Куда более интересно понять, как создается данная картинка и как после этого ее вписать в интернет страницу. Существует хороший сервис, где можно сделать  фавикон онлайн, он так и называется http://favicon.ru . Там все происходит весьма быстро, загрузили картинку, выбрали необходимое поле, и сайт сам сгенерирует результат. Вам остается только нажать на «Скачать» и установить его на свой сайт. Но в принципе вы можете сделать фавикон и самостоятельно.

Установить фавикон можно несколькими способами, о них мы сейчас с вами и поговорим. Самый простой способ это просто положить картинку в корень сайта. После этого браузеры должны сами суметь определить, что у вас есть файл favicon.ico и начать с ним работать. Как правило, данный способ работает в 95% случаях. Второй способ установки будет необходим в двух случаях:

  1. Вы хотите разные картинки для различных страниц сайта
  2. Категорически не хотите в корне сайта располагать файлы с названием favicon.ico

Для осуществления данных пожеланий вам будет необходимо расположить следующий мета тег: 

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

<link href="/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />, где

 

rel – необходим для того чтобы на него реагировали браузеры, параметр «shortcut icon» для Internet Explorer, а «icon» для всех остальных обозревателей.

href – тег использующий относительный и абсолютный адрес к необходимой вам картинке.

               Для файла подойдут форматы PNG и GIF, размеры картинки должны быть 16х16 или 32х32, а также иметь 8-ми или 24-х битовую глубину цвета. Стоит учитывать, что атрибут type должен содержать MIME-тип формата. Также если используется описание для Internet Explorer, то необходимо в MIME типе  формата указывать vnd.microsoft.icon, так как для него формат  x-icon с 2003 года считается устаревшим. Важно помнить и еще одну деталь, значок не будет отображаться, если его Content-type, который будет возвращаться web сервером, полностью не соответствует html коду на странице.

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

  • Google Chrome – ICO, PNG, GIF, JPEG, SVG.
  • Internet Explorer – ICO.
  • Firefox - ICO, PNG, GIF, Анимированный GIF, JPEG, APNG.
  • Opera - ICO, PNG, GIF, Анимированный GIF, JPEG, APNG, SVG.
  • Safari - ICO, PNG, GIF, JPEG.

               Для любого сайта фавикон будет приятным дополнением, благодаря которому можно его узнавать в любое время. Сайт может существовать без фавикона, но некоторого шарма ему будет не хватать. Представьте только автомобили марки Mercedes или Audi без их значка, вроде бы и та же машина, но чего-то ей не хватает. Так и сайтом, он обязательно должен иметь фавикон и тем самым выделяться на общем фоне. Вся установка и создание не займет у вас более 5 минут, но зато он сможет запомниться вашим посетителям на долгие годы.

Анализ интернет магазина

SEO Консультации

План продвижения сайта



Качественный дизайн при создании сайтов в вологде.


Facebook Twitter Вконтакте Google +1
Услуги
SEO Консультации
План продвижения сайта
Создание сайтов
Продвижение сайтов
Контекстная реклама
Поддержка сайта
Сайт в аренду
Материалы
Статьи
Обзоры
Аналитика
Прочее
ЧАВО
Скидки
Акции
О себе
Контакты
Семинары
Отзывы
Способы оплаты Пресса обо мне
Проекты
AddUrl
Регистр букв
Рейтинг танкистов
Изменение регистра букв
Качественный дизайн при создании сайтов в вологде.