Як змінити значок сайту

Як змінити значок сайту

У видачі пошукових систем, поруч із заголовком сниппета, а також у різних елементах інтерфейсу браузера, таких як адресна рядок, вкладки, список закладок, нерідко можна побачити невелику картинку. Вона називається Favicon і сприймається як значок сайту. Раніше це зображення використовувалося тільки в Internet Explorer. Сьогодні Favicon підтримується всіма браузерами і служить засобом індивідуалізації web-ресурсу. При створенні нового сайту більшість web-майстрів відразу ж встановлюють унікальний Favicon, так як змінити значок сайту не складає особливих труднощів.

Вам знадобиться

Сучасний браузер. Програма FTP-клієнт, або файловий менеджер з підтримкою з’єднання по протоколу FTP. Права на редагування коду сторінок, шаблонів або файлів тем оформлення web-сайту. Опціонально — графічний редактор з можливістю збереження зображень у форматі PNG, GIF або ICO.

Інструкція

  1. Підготуйте файл зображення значка сайту. Завантажте готовий значок, скориставшись однією з галерей безкоштовних іконок для сайту, наприклад, http://www.favicon.co.uk/gallery.php, або створіть свій. Розмірність зображення значка мусить бути 16×16 пікселів. Глибина кольору зображення — 8 або 24 біти. Для створення значка можна скористатися графічним редактором загального призначення, таких як Photoshop або GIMP, або спеціалізованим онлайн-редактором, наприклад, http://www.favicon.cc. Збережіть значок сайту в тимчасовий каталог на жорсткому диску.
  2. Завантажте файл значка на web-сайт. З’єднайтесь з сервером сайту по протоколу FTP. Використовуйте FTP-клієнт, або файловий менеджер. Скопіюйте файл зображення в кореневий каталог сайту, або в каталог, призначений для зберігання графічних елементів дизайну. Якщо зображення значка представлено у форматі ICO, має сенс розміщувати його саме в кореневому каталозі сайту під ім’ям favicon.ico. У рідкісних випадках після завантаження по FTP може знадобитися зміна прав на доступ до файлу таким чином, щоб стало можливим його читання через web.
  3. Відредагуйте код сторінок, шаблони або файли тем оформлення web-сайту. Проведіть редагування елементів сайту таким чином, щоб в коді web-сторінок, що віддаються сервером, в елементі HEAD містилися рядки виду:

    <link rel=»icon» type=»image/png» href=»адрес_ізображенія» />

    <link rel=»shortcut icon» type=»image/png» href=»адрес_ізображенія» />

    для зображення у форматі PNG,

    <link rel=»icon» type=»image/gif» href=»адрес_ізображенія» />

    <link rel=»shortcut icon» type=»image/gif» href=»адрес_ізображенія» />

    для зображення у форматі GIF,

    <link rel=»icon» type=»image/vnd.microsoft.icon» href=»адрес_ізображенія» />

    <link rel=»shortcut icon» type=»image/vnd.microsoft.icon» href=»адрес_ізображенія» />

    для зображення у форматі ICO. Тут значенням маркера адрес_ізображенія повинна бути рядок URL, по якому зображення значка доступно через web. Збережіть результати редагування.
  4. Перевірте результат. Відкрийте в браузері якусь сторінку сайту. Переконайтеся, що значок відображається в інтерфейсі браузера (в адресному рядку, при додаванні сторінки в закладки). Якщо значок не відображається, оновіть сторінку кілька разів або скиньте кеш браузера та оновити сторінку знову.

Зверніть увагу

З обережністю ставитеся до використання містять анімацію файлів GIF в якості значка сайту. Подібні зображення можуть відображатися некоректно деякими браузерами.

Корисні поради

Якщо значок представлений у форматі ICO, можна помістити його в кореневий каталог сайту під ім’ям favicon.ico і не додавати інформацію про нього в елемент HEAD web-сторінок. Браузери автоматично запитують файл favicon.ico з кореневого каталогу сайту для його відображення.