Здравствуете дорогие мои читатели!

Как установить фавикон на сайт? Как раз сегодня об этом и пойдет речь в этом посте! Для тех, кто не знает что это такое, поясняю. Это маленькое изображение, которое отображается с левой стороны вкладки в браузере, а также при выдаче запросов Яндекс рядом с каждой ссылкой (при ее наличии). Ну и какой смысл от этой фавикона, подумают некоторые из вас? Лично я вижу смысл в ее установке. Какой? Фавикон, также как и логотип является вашим брендом в сети.

как установить фавикон на сайт

Она играет не маловажную роль в продвижении сайта. Но каким образом?

У человека, заходившего на ваш ресурс, сам того не замечая, сразу же откладывается в голове маленькое изображение, которое он увидел во вкладке. Допустим, он набрал запрос «как построить баню», пролистав несколько страниц он натыкается на вас. Изучив пару статей, он решил, что ваш ресурс качественный и на нем есть ценная информация, с которой можно будет ознакомиться чуть позже. Спустя несколько дней он снова решил заглянуть к вам на сайт, но вот беда... он не помнит, по какой ссылке находил вас. Но пролистав пару страниц, он увидит ту самую вашу иконку. Вот вам и дополнительный трафик. Так что, без всяких сомнений фавикон — нужная вещь! Ставьте, не пожалеете!

Как установить фавикон на сайт

Давайте рассмотрим с вами два варианта ее установки. При помощи фавикон-генератора и при помощи обычного файлообменника.

1. Как установить фавикон при помощи фавикон-генератора

Давайте перейдем вот сюда. Перед вами открывается окно, где вы с легкостью сможете нарисовать себе простенький рисунок, который и будет являться вашей иконкой. Для наглядности я сделал не сложную фавикон для своего ресурса (кликните для увеличения изображения).

фавикон

У меня на это ушло буквально десять минут. Ничего сложного здесь нет. Причем вы сразу же можете наблюдать, как будет отображаться ваше маленькое изображение во вкладке браузера:

фавикон 2

Если вы хотите нарисовать что-то подобное, то все что вам нужно сделать — это выбрать цвет в палитре цветов и закрасить квадратики в виде рисунка или надписи. Каждый квадратик = 1 пикселю (px). Удерживайте левую кнопку мыши для рисования, правая — работает как стерка. После того как фавикон нарисована, нажмите кнопку «Download Favicon» и сохраните изображение на вашем ПК.

Если вам неохота возится с рисованием или вы просто не знаете, что нарисовать, то вот вам в помощь ресурс на котором вы с легкостью сможете подобрать для себя, что-то подходящее. Здесь все очень просто. Выбираете понравившуюся вам иконку. Нажимаете на расширение «ico» и сохраняете ее у себя на ПК.

Как вставить фавикон на сайт

Здесь тоже делается все очень просто. Заходите в папку с темой вашего блога: ваш хостинг/httpdocs или public_html (в зависимости от хостинга)/wp-content/themes и находите файлик favicon.ico. Вот его-то вам и нужно будет заменить на тот, который у вас получился. Удаляем стандартную иконку и загружаем нашу новоиспеченную. Только учтите один момент, что название вашей новой фавикон должно отличаться от стандартного, например, обзовите ее «favicon1.ico», в противном случае она у вас останется прежней. Теперь переходим в файл header.php (wp-content/themes/header.php) и ищем вот такую строчку:

фавикон 3

Она у вас может немного отличаться от моей, поэтому вам нужно найти строку, в которой присутствует надпись «favicon.ico» и изменить название на «favicon1.ico». Обновляем страницу, все готово. Вот как без особого труда добавить фавикон.

2. Как установить фавикон при помощи файлообменника

Здесь все намного проще, нежели в первом варианте. Заходим на любой файлообменник. Допустим вот на этот . Здесь без всяких заморочек нажимаем обзор. Выбираем любую картинку или фотографию с вашего ПК, которую вы хотите видеть в виде иконки. Единственное, что хочу вам посоветовать, выбирайте изображение как можно квадратных форм, иначе оно будет отображаться с небольшим искажением. И нажимаем кнопку «Отправить».

как добавить фавикон

После обработки изображения оно должно появиться в верхней левой части. Далее копируем прямую ссылку.

изображение фавикон

Вставляем ее вот в этот код, вместо «прямая ссылка с файлообменника»

<link href='прямая ссылка с файлообменника' rel='icon' type='image.расширение изображение'/>

И еще один момент, не забудьте вместо «расширение изображения» указать тоже расширение, в котором сохранено ваше изображение.

Теперь вам нужно вставить этот код в файл вашего блога header.php. Если у вас блог на wordpress, переходим в административную панель/Внешний вид/Редактор/Заголовок (header.php). Открываем его и можно вставить вместо нашей строчки с фавикон, про которую я рассказывал в первом варианте, а можно просто ничего не меняя и не удаляя, вставить наш код перед закрывающимся тэгом </head>. Перезагружаем страницу. Все, вместо стандартной иконки темы блога во вкладке расположилась наша фавикон.

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

Теперь вы тоже знаете как установить фавикон на сайт или блог. На этом у меня на сегодня все. Всем пока.

Как вам статья? Советую подписаться на обновления блога, ведь дальше будет еще интересней! А как вы устанавливаете фавикон? Жду ваших комментариев!

С уважением, Николай Коротков