Перейти к содержимому

17 февраля, 2012



Как создать Фавикон (Favicon.ico) для сайта — сервисы с бесплатными фавиконами

делаем фавикон для своего сайта

Доброго дня читатели SeoVast. Сегодня в уроке мы поговорим о том что такое фавикон (Favicon) и для чего он нужен и самое главное как сделать фавикон для своего сайта.

Создать favicon (иконку) для сайта

Favicon.ico (Фавикон) — (от англ. FAVorites ICON, означающего — иконка для «Избранного»)

Так называются закладки в браузере Internet Explorer (отсюда взялось название), Favicon вы можете видеть в адресной строке браузеров, перед URL адресом открытой страницы и в закладках браузеров, перед названием закладки, а так же в поисковой выдаче сайтов.

favicon-ico

При использовании фавикона ваш сайт приобретает индивидуальность и гораздо лучше запоминается (Ведь при виде логотипа Яндекс или Google все сразу понимают чей это фавикон).

Мы с вами рассматривали при размещении блоков от Google Adsense карту кликов сайта, те части страницы на которые больше обращает внимание человек при посещении сайта. Вернемся теперь к карте кликов, но уже в поисковой выдаче:

Карта-кликов-поисковой-выдачи

Как можно видеть — даже маленькое изображение акцентирует внимание на себя, а сайты с  более высокими позициями  поисковый выдачи отходят на второй план.

Как легко сделать Favicon (Фавикон)

Самый простой путь для того, что бы сделать иконку для своего сайта — использовать уже готовое изображение.

Переходим на сайт Favicon.ru и нажимаем кнопку  «Выберите файл» — находим у себя на компьютере картинку, которая по вашему мнению более подходит к вашему сайту. Жмем «Создать фавикон».

На следующей странице будет показано изображение с нашим Фавиконом, если оно вас не удовлетворяет, то можно его редактировать или обрезать. В случае положительного результата жмем «Скачать Favicon».

Редактировать Фавикон

_______________________________________________________________

Готовые иконки не хранятся на сервере — обязательно скачивайте их на компьютер!

________________________________________________________________

Теперь нам нужно установить Favicon (Фавикон) на свой сайт. Для этого закачиваем готовый значок (Будьте внимательны он должен иметь название — favicon.ico) в основную, корневую папку сайта (public_html — если ваш хостинг TimeWeb).

Переходим в редактор тем своего сайта и открываем файл Header.php и  прописываете в этом файле следующий код (главное условие: код должен быть после тега <head> и до </head>):

	&lt;link href=&quot;http://ваш сайт/favicon.ico&quot; rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; /&gt;
	&lt;link href=&quot;http://ваш сайт/favicon.ico&quot; rel=&quot;icon&quot; type=&quot;image/x-icon&quot; /&gt;
Слова «ваш сайт» заменяем на имя вашего домена точка ру!!! Сохраняете файл.
Теперь обновляем главную страницу сайта и смотрим результат, Favicon уже должен отображаться.

Скачать Favicon (Фавикон)

Возможно, что на вашем компьютере не найдется подходящей картинки к вашему сайту, как тогда быть? А все очень просто — можно воспользоваться готовыми  иконками для сайта. Таких сервисов достаточно много, вот некоторые из них:
iconj

  • На данный момент 95 страниц, на каждой по 30 фавиконок.
  • (Всего иконок 2 850)
  • Можно скачать два формата иконок(.GIF .ICO).
  • Можно взять html-коды иконок.

favicon

  • (Всего иконок 123.543)
  • Иконки даны двух размеров.
  • Есть анимированные иконки.

siteicon

  • На данный момент 57 страниц, на каждой по 35 фавиконок.
  • (Всего иконок 1 995)
  • Каждая иконка даётся трёх размеров (16×16,32×32,64×64).
  • Нет анимированных иконок.

thefavicongallery

  • На данный момент 2 страницы, на каждой по 256 фавиконок.
  • (Всего иконок 512)
  • Есть анимированные иконки.

favicon.co

  • На данный момент 31 страница с favicon, на каждой странице по 144 фавиконки.
  • (Всего иконок 4 464)

favicon-gallery

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

Так же читайте:



Также вы можете просмотреть Все записи блога

Узнайте больше из Оптимизация и продвижение



Узнавайте О Новых Статьях По Почте


Поделитесь своими мыслями. Оставить комментарий.

(required)
(required)

Внимание: HTML не допускается. Ваш адрес электронной почты никогда не будет опубликован.