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

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

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

 

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

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

Інструкція

1. Підготуйте файл зображення значка сайту. Завантажте готовий значок, скориставшись однією з галерей безкоштовних іконок для сайту, наприклад, http://www.favicon.co.uk/gallery.php, або створіть свій. Розмірність зображення значка має бути 16x16 пікселів. Глибина кольору зображення - 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. Перевірте результат. Відкрийте у браузері яку-небудь сторінку сайту. Переконайтеся, що значок відображається в інтерфейсі браузеру (у адресному рядку, при додаванні сторінки в закладки). Якщо значок не відображається, відновите сторінку кілька разів або скиньте кеш браузеру і відновіть сторінку знову.

 


Надрукувати  

Схожі матеріали