Как установить favicon
Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье мы разобрали, как выводить спецсимволы в HTML. В данной статье я бы хотел рассказать о том, как установить favicon на сайт. Кто не знает, что такое favicon — кратко расскажу. favicon — это картинка, которая выводится на закладке слева от названия вашего браузера. Размер данной картинки обычно 16 на 16 или 32 на 32 пикселя.
Как по мне, так присутствие favicon на сайте обязательно, так как оно придаёт вес вашему сайту в глазах пользователя (поэтому старайтесь сделать её как можно лучше). Конечно, далеко не все люди обращают на это внимание, но всё же. Зато яндекс обращает на это внимание, и в результатах поисках слева выводит favicon. По таким сайтам гораздо приятнее переходить.
На просторах интернета можно встретить огромное количество фавиконок, достаточно набрать запрос "Коллекция favicon". Можно воспользоваться одной из них, но тогда есть шанс, что когда-нибудь вы встретите сайт с такой же картинкой, как у вас.
Также полно различных сервисов, в которых можно нарисовать фавиконку и затем сохранить её себе на компьютер. Если вы немного смыслите в дизайне, то можно попробовать что-то нарисовать.
В данной статье не привожу примеры сервисов, так как для этого достаточно набрать запрос в яндексе. По функционалу все сервисы практически одинаковые.
Профессиональный подход заключается в том, чтобы создать favicon в каком-нибудь графическом редакторе самому или обратившись к дизайнеру. Если у вас нет знакомых дизайнеров, то зайдите на сайт фриланса. Там обязательно кто-нибудь за небольшое вознаграждение сделает вам favicon.
Допустим, что favicon уже у нас готова. Забыл сказать, что расширение должно быть "ico". Для того, чтобы установить favicon.ico к себе на сайт необходимо добавить следующую строку между тегами <head>..</head>:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
В данном случае подразумевается, что favicon находится в корне нашего сайта (будьте внимательны при указании пути до вашей картинки).
После того, как вы установили её на свой сайт — обновите браузер. Ваша favicon должна появиться на вкладке браузера. Если она не появляется — необходимо очистить кеш браузера. После этого она должна появиться обязательно.
Если вы пользуетесь готовыми движками, то в них обычно есть фавиконы, которые стоят по-умолчанию. Например, в Joomla, есть этот раздражающий значок. Поэтому первым делом, как создали сайт, замените этот favicon на свой или удалите его. Причем лучше сделать поиск по всему сайту, чтобы найти все места, где находится данный фавикон (в Joomla он точно находится не в одном месте).
К чему я это всё говорю:
1) Кто-то говорит, что, с точки зрения безопасности лучше убрать стандартный фавикон. Как по мне, так это вообще ерунда, достаточно открыть исходный код и практически сразу станет понятно, на чем сделан сайт (по крайней мере кому нужно — тому точно станет понятно).
2) На мой взгляд, главная причина. Если вы вовремя не замените стандартную favicon, и яндекс за это время успеет проиндексировать сайт, то в результатах поиска ваш сайт будет висеть с этой режущей глаз картинкой. Сайт может быть классным, но вот эта картинка может всё испортить, и человек не перейдёт по ссылке(хотя опять же, далеко не все в курсе всей этой "кухни").
У меня был случай, когда я не успел поменять favicon на сайте, а сайт быстро проиндексировался. Затем я поменял картинку, и она (в результатах поиска) начала выводиться только через месяц. Так что будьте внимательны.
В данной статье вы узнали, как установить favicon на сайт.
На связи был Алексей Гулынин, оставляйте свои комментарии, увидимся в следующих статьях.
