Как добавить фавикон на лендинг пейдж

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

Фавикон – это картинка, которая отображается во вкладках браузеров и рядом со снипетом в поисковике Яндекс.

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

Как установить favicon на лендинг пейдж

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

Давайте предположим, что у вас уже есть картинка, которую вы хотели бы видеть в качестве иконки своего сайта. Для того, чтобы превратить ее в фавиконку, можно воспользоваться сервисом pr-cy.ru/favicon/

Тут все очень просто. Нажимаем на кнопку “Выбрать изображение с компьютера…”, далее “Создать Favicon” и скачиваем саму иконку. Это будет картинка с именем favicon и расширением ico (favicon.ico). Теперь копируем иконку в корень вашего сайта, а затем открываем index.html (index.php) и между тегами head подключаем иконку к сайту:

<link rel="shortcut icon" href="http://адрес_вашего_сайта/favicon.ico"; type="image/x-icon" />

Теперь обновите несколько раз свою страничку, и фавиконка появится. Если у вас нет готового изображения, вы можете нарисовать и скачать простенькую фавиконку в этом сервисе: favicon.ru.

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

Обратите внимание на то, что мы сделали иконку только в одном разрешении, фавиконки для touch устройств нужно готовить целым набором.

А на сегодня – все. Всем пока. До встречи на smartlanding.biz