[Фича 12] Устанавливаем favicon на сайт

Всем привет! Ловите небольшой урок по установке фавикона на сайт. Мы уже доделываем второй сайт, а фавиконы так и не ставили.

Что такое favicon и как его поставить - в данном уроке. Изучаем.

Что такое фавикон?

Это совсем не страшное слово. Фавикон - это небольшой значок веб-сайта. Он отображается в поисковике перед названием сайта.

Загружается он в формате Ico. И так, приступим.

Идём в настройки tilda

Открываем настройки сайта, ищем вкладку "SEO".

Там ищем пункт "Редактирование иконок (favicon)"

Нажимаем редактировать.

Видим, что мы можем залить аж три фавикона:

1) Обычный фавикон в формате .ico - будет отображаться в браузерах (32 на 32 пикселя)

2) PNG фавикон - 152 на 152 пикселя - будет отображаться в качестве иконки safari (когда мы добавляем сайт на рабочий стол в качестве закладки)

3) PNG фавикон - 270 на 270 пикселей - для отображения в плитках на windows 10.

КОНВЕРТИРОВАТЬ ФАВИКОН В ФОРМАТ .ICO можно тут: http://www.xiconeditor.com

Добавляем фавиконы.

Я конвертирую фавикон в Ico, предварительно подготовив его в фотошопе под разные размеры.

Фавикон загрузился.

Последний шаг - переопубликуем все страницы, чтобы фавикон начал отображаться.

Готово! Вы успешно установили фавикон.