Favicon для сайта на iWeb | Интернет интересности и полезности

Favicon для сайта на iWeb

Доброго времени суток, дорогие друзья! Сегодня поговорим о том, как добавить favicon для сайта, созданного в редакторе Apple iWeb.

Что такое favicon и зачем ее добавлять на сайт

Рейтинг@Mail.ru

Favicon (сокр. англ. favorites icon) — это маленькая иконка, размером 16х16 px., которую вы обычно видете в строке браузера до url-адреса, посещаемой вами веб страницы. Наличие такой иконки не является обязательным и, в общем случае, она нужна лишь для того, чтобы пользователи смогли лучше запомнить ваш сайт и однозначно «выделить» его среди других интернет ресурсов в сети. Присутствие или отсутствие этой иконки в названии сайта, никаким образом не влияет на его ранжирование в выдаче поисковых систем и, вообще, никак не сказывается на качестве интернет ресурса: просто, исторически сложилось так, что в современном сайтостроении применение favicon стало стандартом де-факто.

Добавляем favicon на свой сайт

К сожалению, разработчики из Apple «забыли» предусмотреть возможность добавления favicon на сайт, разрабатываемый в редакторе iWeb (видимо, предполагалось, что все сайты, создаваемые в этом редакторе, будут размещаться на Mobileme, а там, как известно, в качестве favicon выступает, всем знакомый, логотип компании Apple), поэтому нам самим придется искать выход из этого «щекотливого» положения.

На самом деле, сделать это очень просто: достаточно создать иконку своего сайта в графическом редакторе (если он поддерживает функцию сохранения файлов с расширением «ico») и положить ее в корневую папку своего сайта, предварительно добавив несколько строчек в исходный код страниц вашего интернет ресурса. Также, иконку сайта можно создать, воспользовавшись специальными интернет ресурсами: как правило, они позволяют загрузить любую картинку, преобразовать ее в нужный формат, отредактировать и сохранить полученный файл на ваш компьютер. Вот несколько сайтов, где, за считанные минуты, Вы сможете создать favicon для вашего сайта: www.favicon.cc или www.favicon.htmlkit.com/favicon — на самом деле, таких ресурсов огромное количество и Вы всегда можете выбрать любой, исходя из своих предпочтений. Важно лишь, чтобы, в итоге, Вы получили логотип сайта с названием favicon.ico и размером 16x16px.

Предположим, что с задачей создания иконки Вы справились и получили заветный файл: теперь необходимо поместить фавикон на хостинг в корневую папку вашего сайта. Сделать это можно с помощью любого ftp-клиента (как осуществить это, например, с помощью клиента FileZilla, Вы можете посмотреть в одном из предыдущих материалов этого ресурса). Помещаем иконку в корень сайта: в принципе, для большинства веб-браузеров этого будет вполне достаточно и ваш favicon начнет отображаться в адресных строках браузеров перед url ваших страниц (бывают исключения: например, в моем случае, Safari категорически отказывался показывать favicon). Для того, чтобы фавиконка отображалась во всех интернет обозревателях, необходимо внести некоторые изменения в исходный код страниц вашего сайта.

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

1. Перед закрывающим тегом </head> html-кода всех страниц вашего сайта вставляем следующую строку:

<link rel=»shortcut icon» href=»/favicon.ico» />

 

Сделать это можно в любом текстовом редакторе, поддерживающем работу с исходным html-кодом веб-страниц (предполагается, что Вы воспользовались рекомендациями упомянутого выше материала и предварительно опубликовали свой сайт в локальную папку на компьютере, туда же необходимо поместить и файл favicon.ico ). Пользоваться ручным редактированием кода имеет смысл, только лишь в случае, если ваш сайт содержит всего несколько страничек. Для достаточно «больших» сайтов лучше использовать второй метод.

2. Скачиваем, устанавливаем и запускаем программу iWeb SEO Tool (помните, мы с помощью нее уже создавали теги заголовков на своем сайте?). Нажимаем кнопку «Open Website» и добавляем свой сайт, предварительно опубликованный в локальную папку. С помощью кнопки «Select…» выбираем файл favicon.ico, который также должен находиться в этой локальной папке. Если теперь нажать кнопку «Apply to Entire Site», программа iWeb SEO Tool сама добавит необходимую строчку на все страницы вашего сайта.

 

После этого «заливаем» свой сайт на хостинг: теперь все посетители вашего ресурса смогут увидеть фавикон в адресной строке своего браузера. Через некоторое время, этот логотип появится и в результатах выдачи поисковых систем, рядом со ссылками на ваш ресурс.