Архивы

иконкиПриветствую Вас!

Добавляем иконку favicon.ico на свой сайт. Если вы  только начинаете создавать свой сайт  и не знаете, что это такое, поясняю - это маленькая пиктограмма, которая отображается рядом с URL - адресом  сайта. Favicon.ico облегчает поиск нужного сайта в закладках браузера. При поиске нужного сайта мы ищем  картинку, а не вчитываемся в название. Это очень удобно. Эта же иконка favicon отображается рядом с названием вашего сайта, при поисковой выдаче Яндекса, что придает сайту уникальность, привлекательность, улучшает заметность и восприятие сайта посетителями. Иконка favicon.ico имеет специальный формат. Но об этом чуть позже. А сейчас ищем картинку, которая вам понравится.
Наиболее простой вариант добавления иконки - выбрать ее в Интернете. Для этого задаем в строке поиска – «иконки favicon», и выбираем из большого количества предложенных вариантов понравившуюся вам картинку. Кликаем правой кнопкой мыши и сохраняем на компьютере. Следующим этапом иконку favicon нужно перевести в нужный формат (ico). Для этого я перешла на сайт:__ http://www.html-kit.com/favicon/validator/, хотя есть сайт favicon.ru, но мне больше понравился этот. Здесь предлагается загрузить картинку. Нажимаем на обзор, находим свою картинку на компьютере, нажимая на кнопку и генерируем иконку, а затем сохраняем на своем компьютере (выбираем размер16х16). Таким образом, мы создали свою иконку в нужном формате (ico).
Перед нами следующая задача - добавить иконку на web-сервер, в корневой каталог. У меня сайт на движке WordPress, хостинг «shrinthost.ru», куда я и направляюсь, иду в файловый менеджер, папка «public_html», название моего сайта, добавить файл, загрузить файл, операция успешно завершена.
Теперь необходимо отредактировать header.php (заголовок) вашего сайта. Направляемся в административную панель, внешний вид, редактор, справа находим строчку – заголовок (header.php), добавляем код: <link rel="shortcut icon" href="имя сайта/favicon.ico" type="image/x-icon">   в любом месте между тэгами<head> и </head> .

В моем случае: <link rel="shortcut icon" href="http://biznesofhome.ru/favicon.ico" type="image/x-icon">. Сохраняем изменения, смотрим на строку с вашим URL — адресом, где должна появиться выбранная иконка. Если это произошло, то мы достигли желаемого результата, т.е. добавили иконку на сайт.

Возвращаемся на сайт:__ http://www.html-kit.com/favicon/validator/ , вводим в строку адрес своего сайта и валидатор показывает - правильно ли вы добавили иконку, причем, как оказалось, добавлено сразу 2 изображения: 16 * 16 пикселей, 32 * 32 пикселей.

К сожалению, в поисковой выдаче Яндекс, иконка появится ни сразу. Нужно ждать до 3 недель. Надеюсь, что все у вас получится. Успехов вам!

Ваше имя (обязательно)

Ваш E-Mail (обязательно)

Тема

Сообщение

captcha

 

Статьи по теме:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Ламинин

Выбор пакета здесь

Рубрики
Облако меток