Favicon — это иконка сайта, которая отображается в адресной строке браузера во время нахождения на сайте, в закладках, в выдаче яндекса и в других местах. Чтобы у сайта отображалась иконка favicon достаточно разместить файл 16×16 px в корне сайта с названием и расширением favicon.ico, он отобразится если не указан другой фавикон в коде сайта.

Иногда нужно вывести иконки favicon другого сайта, или целого списка сайтов. Это может понадобиться в каталоге, чтобы описание сайта визуально выглядело красивее, в списке друзей сайта, в качестве кнопок для добавления в сервисы социальных закладок и т.д. Можно скопировать иконки нужных сайтов, но это требует времени, если ссылки часто меняются или они выводятся автоматически, то этот способ не подходит. Я нашел отличное решение в одном из шаблонов wordpress, с помощью него можно в автоматическом режиме получить иконку любого сайта с помощью Google.

Вот код вставки favicon этого блога:

<img src="http://www.google.com/s2/favicons?domain_url=http://ihakimov.ru/" border="0">

Ссылку рядом можно добавить, например, таким способом:

<a href="http://ihakimov.ru"><img src="http://www.google.com/s2/favicons?domain_url=http://ihakimov.ru/" border="0"> Ильдар Хакимов</a>

Выглядеть это будет так:

Ильдар Хакимов

Иногда может выводится иконка отличная от той, которая отображается на сайте. Это происходит если в корне сайта лежит одна иконка favicon, а в шаблоне задействована другая, показывается та, что в корне сайта. Если в корне нет favicon выведется иконка земного шара.

Вот пример друзей сайта в боковом меню сайта с выводом иконок с помощью Google:

Похожие записи:

1. Методика создания сайтов для денег
2. Статистика всех сайтов
3. Три типа быстрых сайтов