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

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

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

Первое, что нужно сделать - это создать изображение размером 16х16 или 32х32px и сохранить его с под именем favicon. Сделать картинку можно как в любом текстовом редакторе, так и на специализированных сайта по созданию фавиконок. Сейчас можно пойти несколькими путями: самому рисовать иконку в одном из сервисов или в графическом редакторе или сделать фавиконку из уже готового изображения. Давайте предположим, что у вас уже есть картинка, которую вы хотели бы видеть в качестве иконки своего сайта. Для того, чтобы превратить ее в фавиконку, можно воспользоваться сервисом pr-cy.ru/favicon/ как добавить 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. Надеюсь, у вас не возникло никаких проблем с добавлением фавикон на лендинг пейдж. Если возникнут вопросы, то задавайте их, пожалуйста, в комментариях. А на сегодня – все. Всем пока. До встречи на smartlanding.biz

Понравилась статья? Не хотите пропустить следующие материалы о самостоятельном создании и раскрутке landing page?

Подпиcывайтесь на обновления!

Комментарии: 2

  1. 1вс.рф

    Шаблоны сайтов

    • dimadv7

      Хорошо, в скором времени заведу рубрику, в которой буду выкладывать psd и html шаблоны лендинг пейдж!

Добавить комментарий