Украшаем наш сайт — создаем для него иконку

Украшаем наш сайт — создаем для него иконку

Как сделать и установить фавикон

Фавикон — значок вашего ресурса (веб сайта), который показывается в адресной строке браузера, экспресс-панели, закладками в поисковой выдаче Яндекса или других поисковиках.

Иными словами это иконка, которая выделяет каждый сайт от других. Вот именно это я и хотел подметить, что значок выделяет вас среди других конкурентов. Поэтому возможно посетитель нажмет на тот сайт, где красивая иконочка :) В этом я уже убедился на протяжении многих лет и на своем опыте.

Итак, как сделать фавикон?

1) Сделать фавикон очень даже просто. Для этого мы можем воспользоваться сервисом http://www.favicon.c/. Иначе говоря, генератором для получения иконок.

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

Когда вы по фантазируете с данным генератором, то сохраните (скачайте) ваше творение в формате ico. Обычно файл называют favicon.ico, хотя название не имеет никакого значение, главное, чтобы формат был либо ico, либо png. Но в данной статье я бы хотел акцентироваться именно на формате иконок.

2) Мы можем найти картинки и на этом же сервисе трансформировать в нужный размер и нужный формат (обычно это необходимо для авторских блогов, которые собираются в качестве фавикона использовать собственную фотографию)

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

→ http://www.favicon.c/?action=icon_list&order_by_rating=1

→ http://www.favicon.co.uk/gallery.php

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

Уже, имея при себе иконку для нашего ресурса у нас, встает вопрос о ее размещение.

Рассмотрим еще раз, что нам нужно было сделать и что предстоит:

Нам нужно получить иконку в формате favicon.ico, размером 16х16

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

Размещаем нужный код в header.php

Итак, как же загрузить нашу аватарку? 😉

Если у вас сайт под управлением CMS, таких как Joomla или WordPress, то залить файл нужно по пути (т.е. корневая папка)

/domains/ваш сайт/

Затем сохраняем ее там и переходим в админку данного CMS, а именно в редактор нашего шаблона

Затем находим header.php и вставляем вот это код после тэга <head> и до тега <meta> — очень важно вставить перед этим тегом, иначе ничего не получится!!!

<link rel=»icon» href=»http://ваш сайт/favicon.ico» type=»image/x-icon»>

<link rel=»shortcut icon» href=»http://ваш сайт/favicon.ico» type=»image/x-icon»>

Теперь подробней о путях, которые я прописал. Значит, я уже говорил, что мы собираемся разместить наш фавикон в корневой директории, а значит и путь у нас получился такой

“href=http://ваш сайт/favicon.ico”

После того, как разобрались с кодом, просто обновите страницу. Как правило, фавикон должен проявиться в адресной строке браузера, либо слева от сайта экспресс-панели. Если же значок не появился, то вам нужно найти данный фавикон вот таким способом http://ваш сайт/favicons.ico

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

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

1. Неправильно прописан путь к фавикону

2. Не почищен кэш браузера (так как из-за кэша браузер показывает старые данные, в т. ч. старый фавикон)

3. Допустили ошибки при вставке кода в header.php – будьте внимательны!

Почему мой фавикон не виден в поисковом роботе (поисковой выдаче)

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

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

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

Оставьте мне собщение