Як поміняти favicon
прочитали: 107
Іконка сайту, або favicon, - важлива деталь, яка здатна виділити ваш сайт в результатах видачі пошукових систем, та й просто надати сайту індивідуальність. Браузер відображає favicon в адресному рядку безпосередньо перед адресою сторінки.
1
Виберіть картинку для майбутньої піктограми. В ідеалі вона повинна бути максимально схематичною, з мінімумом деталей (не забудьте про крихітному розмірі іконки). У будь-якому графічному редакторі ображати і зменшіть файл з картинкою до розмірів 16 на 16 або 32 на 32 пікселів.
2
Відкрийте один з онлайн-генераторів favicon - наприклад, favicon.ru або favicon.cc. Завантажте в нього свою картинку і скачайте готову іконку. Можна також завантажити на свій комп`ютер програму-генератор - наприклад, Icon Magic, Icon Craft, "студія іконок" і тому подібні додатки. Зверніть увагу, що новостворений файл повинен називатися саме favicon.ico - без будь-яких доповнень, цифр і так далі.
3
Зайдіть в панель управління свого сайту. Перейдіть до кореневого каталогу сайту. На сайтах ucoz шлях буде виглядати так: вкладка Загальне / Головна сторінка / Файловий менеджер. на сайтах "Вордпресс" потрібна папка називається public_html. для "Joomla!" CMS-каталог за замовчуванням - папка images. На якій би платформі ні розташовувався ваш сайт, кореневим каталогом для нього є той, в якому зберігаються файли favicon.ico і robots.txt.
4
Замініть файл favicon.ico в кореневій папці на новий створений вами. Для цього видаліть старий файл і завантажте новий. У деяких файлових менеджерах файл з такою ж назвою автоматично замінює старий. Перевірте зміну іконки, відкривши свій сайт в новій вкладці.
5
Після заміни файлу браузери будуть відображати нову іконку. Однак якщо для вас важливо відображення іконки у видачі пошукових систем, можна перестрахуватися. Для цього вкажіть спеціальному роботу "Яндекса" шлях до новоствореного файлу favicon. В html-коді сторінок свого сайту необхідно прописати наступний код (без пробілів) lt; link rel ="shortcut icon" href ="/favicon.ico" type ="image / x-icon" gt; або lt; link rel ="icon" href ="/favicon.ico" type ="image / x-icon" gt ;. Даний код прописується між тегами lt; head gt; і lt; / head gt ;.
6
Якщо після заміни файлу favicon.ico браузер як і раніше відображає стару іконку (зазвичай це попередньо встановлена іконка платформи), спробуйте почистити кеш браузера. Або просто відкрийте сайт через інший браузер.