ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

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

.

Всем привет!
Сегодня поговорим о созданий иконки сайта и установке ее на WordPress.Иконка – это специальный,уникальный значок сайта или блога, который отображается во всех современных браузерах пользователей интернета. Данный инструмент получил название favicon.
Картинка вашего сайта или блога,в браузере отображается в адресной строке,перед адресом страницы.Иконку вашего сайта в браузере можно увидеть во вкладках и рядом с закладками,а также в поисковиках напротив цифры,указывающей место расположения вашего ресурса.Иконка сайта это лицо вашего интернет продукта,поэтому иметь картинку должен каждый достойный проект.Вот как отображаются данные иконки в браузерах(помечены красным цветом):
bezyimyannyiy34
Если же у сайта нет иконки,то в качестве картинки будет отображаться значок браузера(помечен синим цветом),что не очень привлекательно!
Давайте не будем откладывать дело и прям сейчас создадим нашу иконку для сайта!
Создать иконку можно несколькими способами:
Самостоятельно нарисовать в специальных программах;
Создать картинку в специальных сервисах;
Скачать готовую картинку;
Если вы хорошо владеете программой Photoshop или подобными программами,то для вас вполне подойдет первый вариант и ту я вам не учитель.Но к сожалению эта программа платная и доступна не всем.Поэтому рассмотрим другие варианты.
Существует множество он-лайн сервисов,где можно создать картинку для сайта за несколько минут.вот ссылки на данные ресурсы:


http://www.iconempire.com/iconcraft/
http://www.aha-soft.com/rus/iconstudio/
http://download.cnet.com/IconMagic/3000—2195_4-10294737.html


также много других вариантов,вы легко сможете найти самостоятельно,так как эта функция довольно востребована и ежегодно появляються все новые и новые сервисы,бесплатного создания иконок сайта.
Пожалуй самым простым способом является третий вариант.Просто скачиваем готовую картинку сайта.Для этого заходите сюда:
Iconsearch
В появившемся окне нужно прописать тематику сайта и сервис выдаст вам более тысячи результатов.Иконки красивые и качественные.
Какой формат и размер картинки нам подходит?
Общепринятым форматом для иконок является ICO,но если с установкой картинки возникнут проблемы,то можно смело скачивать всеми любимый PNG.Минусом картинки PNG является тог,что она не будет отображаться в браузере Internet Explorer.Идеальным размером будет 16×16 или же 32×32 пикселя.Но в браузере будет отображаться все равно только первый вариант.
В сервисе,ссылка на который расположена выше выбираем в правом верхнем углу необходимый размер и скачиваем картинку нужного формата.Отлично первая часть работы выполнена,осталось только закинуть нашу иконку на сайт и сделать ее видимой для браузеров.
Для этого переименуйте вашу картинку на favicon.ico или же favicon.png,в зависимости от выбранного ранее формата.Закидываем данную иконку в корневую папку нашего сайта при помощи FTP клиента.Для этого используйте программу FileZilla или же панель управления хостингом.Корневой папкой в большинстве случаев является publik_html или же название вашего сайта.
Теперь нам необходимо прописать специальный код,который будет показывать браузеру,куда ему обращаться.Для этого заходим в панели управления WordPress,в раздел внешний вид,далее редактор и окрываем файл header.php.Здесь между тегами

<head> и </head>

,необходимо вставить следующий код:

<link rel="SHORTCUT ICON" href="/favicon.ico"type="image/x-icon">

Обратите внимание на правильное прописание формата ico или png.
Данный код будет выводить вашу иконку во всех браузерах.Таким образом мы теперь знаем как создавать и добавлять иконки на свой сайт.таким же методом добавляют иконки на сайты написанные на чистом html и css.
После проведенной операций не ожидайте,что ваша картинка будет отображаться в браузерах моментально.Дождитесь пока пойсковые роботы проведут индексацию.Робот яндекса которые индексирует иконки robots favicon один из самых медленных,поэтому индексаций ждать придеться довольно долго.Всем спасибо.
БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

1 комментарий Как создать и установить иконку сайта

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

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