Новости

Як зробити іконку близько сайту? Про фавіконки (файл favicon.ico) або іконках сайту

  1. Як зробити фавіконки для сайту
  2. Що таке фавіконки (іконка сайту, піктограма сайту)?
  3. Куди завантажити готовий файл favicon.ico

Як зробити фавіконки для сайту

Ми дивимося на сайти в пошукових системах і бачимо зліва витончені картинки з символікою сайтів.

Що таке фавіконки (іконка сайту, піктограма сайту)?


Це картинка розміром 16х16 пікселів, яка характерна для більшості професійно зроблених сайтів. В інтернет - браузерах іконка сайту показується в адресному рядку і в папці Вибране (звідси і назва Favorite Icon), поруч з назвою сайту. Найчастіше в якості фавіконки використовується логотип сайту. Іконка сайту - відмінна риса грамотних сайтів. Вона надає йому індивідуальність. Крім того, при пошуку необхідного сайту іконка дозволяє прискорити процес, оскільки виділяє ваш сайт в виданому пошукачем списку. Потрібно тільки налаштувати параметри пошуку.
В Яндексі, наприклад, це робиться так: вибрати посилання "настройка" у верхній частині сторінки (www.yandex.ru/setup/index.html?rnd=1157334667, в меню "Результати пошуку" вибрати "налаштування пошуку", а там знайти пункт "графіка" і відзначити галочку "показувати піктограми сайтів".
Використання іконки дозволить затримати увагу користувача на засланні на ваш сайт, тому-то зазвичай для іконки беруть міні-логотип компанії. Піктограма підвищує популярність сайту, якщо вона відображає, звичайно, його зміст, а також якісно зроблена.



Для створення або редагування іконки підійде будь-який редактор іконок. Можна також використовувати плагін до Фотошопу Icon Factory, який дозволяє створювати фавіконки з уже готових картинок. Назва готового файлу повинна бути favicon.ico і ніяким іншим.
Самое логічне і просте пояснення установки плагіна для фотошопа "покроково" для створення формату малюнків .ico ви знайдете у Влада Мержевіч на сторінці htmlbook
Однак, у багатьох випадках не вдається провести вкладення плагіна в папку фотошопа, наприклад при використанні пакету програм Adobe CS5 виникають іноді труднощі. В такому випадку (та й у багатьох інших) рекомендуємо простенький наступний спосіб. Малюєте картинку в фотошопі з розмірами 16х16px і зберігаєте її як gif зображення. Після цього переходите на сторінку: http://www.codenet.ru/services/png-to-ico/index.php - це он-лайн перетворення файлів в формат ico. Завантажуєте туди вашу картинку і отримуєте на виході потрібний вам файл, який розміщуєте в потрібному вам місці.
Про те, як це зробити - трохи нижче.

Куди завантажити готовий файл favicon.ico


Готовий файл favicon.ico необхідно завантажити в той каталог на сервері, де лежить індексний файл вашого сайту. Якщо це не допомогло (пошукові боти повинні знаходити його за замовчуванням), або index.html лежить не в кореневому каталозі, то додайте рядок <LINK REL = "SHORTCUT ICON" href = "/ your path / favicon.ico"> в індексний файл між тегами <head> і </ head>.
Крім того, якщо ви вважаєте, що користувач може занести в "Вибране" не тільки кореневої URL вашого сайту, то скопіюйте файл favicon.ico в усі директорії сайту.
Приклад запису для робота між тегами <head> і </ head>:
<Link rel = "icon" href = "/ favicon.ico" type = "image / x-icon">
<Link rel = "shortcut icon" href = "http://www.sitename.com/dirname/favicon.ico" type = "image / x-icon">
Піктограма сайту - це стильно, це його обличчя вже в пошуковій видачі. Крім того, при відсутності favicon.ico в корені вашого сайту кожен новий візит на сторінку сайту обертається новим рядком в error.log:
[Sun Aug 05 15:55:55 20 **] [error] [client 87.0.0.2] File does not exist: /home/localhost/www/favicon.ico
Це відбувається тому, що браузер в будь-якому випадку запрошувати іконку сайту. Чи не хочете возиться з іконками? Рішення просте - створіть в корені сайту файл favicon.ico з нульовим розміром.

І наостанок - якщо ви виконали всі рекомендовані процедури, але при заході в пошукач не виявили іконку сайту у видачі - не засмучуйтеся. Справа в тому, що оновлення кешу у пошукачів, зокрема, Яндекса, процес тривалий, тому процес появи піктограмки може зайняти кілька днів, а іноді і місяців.
Хочете прискорити її появу попросив Яндекс врахувати ваше "нововведення" - для цього завантажте адресу вашої фавіконки в addурілку за адресою:
http://yadd.ru/ (адреса ви повинні записати абсолютний у вигляді: Http: //www.ваше-доменное-імя.ru/favicon.ico).

Переглянути відразу результати вашої роботи ви зможете, якщо введете адресу сайту в пошуковий рядок таких браузерів, як Mozilla або Opera, після завантаження сайту в віконечку зліва від пошукового рядка з'явиться фавіконки. Якщо у вас ще залишилися питання - почитайте FAQ тут: http://favicon.ru/faq/. (А можете намалювати фавіконки самі швидко в он-лайн-редакторі: http://favicon.ru (Удачі).

Що таке фавіконки (іконка сайту, піктограма сайту)?
Html?
Чи не хочете возиться з іконками?

Уважаемые партнеры, если Вас заинтересовала наша продукция, мы готовы с Вами сотрудничать. Вам необходимо заполнить эту форму и отправить нам. Наши менеджеры в оперативном режиме обработают Вашу заявку, свяжутся с Вами и ответят на все интересующее Вас вопросы.

Или позвоните нам по телефонам: (048) 823-25-64

Организация (обязательно) *

Адрес доставки

Объем

Как с вами связаться:

Имя

Телефон (обязательно) *

Мобильный телефон

Ваш E-Mail

Дополнительная информация: