Как бесплатно и самому сделать фавикон на Тильде + Видео

Как сделать фавикон на Тильде

В этой статье мы поговорим о том, как самому и бесплатно сделать фавикон на Тильде. Для чего нужно в обязательном порядке загружать favicon к себе на лендинг в Tilda. Как он влияет на SEO продвижение и поведенческие факторы посетителей сайта. Также я расскажу, с каких источников можно бесплатно скачать его и установить его в Тильду.

Что это такое

Фавикон (на анг. favicon) – маленький значок страницы или веб-сайта. В основном его можно увидеть в адресной строке любого браузера перед названием сайта. Также favicon отображается в историях посещения, в закладках и других элементах интерфейса.

В Тильде он имеет минимальный размер 32х32 пикселя. А форматы поддерживает только PNG, JPEG и ICO. Дизайн рекомендую делать под логотип вашего проекте. Так лендинг будет смотреться органично.

Для чего нужен favicon

На первый взгляд может показаться, что фавикон – это всего лишь картинка, и кроме визуала она не несет в себе никакой пользы. Но это далеко не так. Он играет важную роль в бизнеса и даже блога. Перечислю основные причины.

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

SEO оптимизация. Один из критериев правильного SEO продвижения – это наличие favicon на вашем сайте. Да, пусть это незначительно влияет на успех. Но это требует минимальное количество времени и совершенно бесплатно. 

Презентабельный и профессиональный вид лендинга. Наличие фавикона придаст законченный визуальный образ проекту. Внимание к деталям положительно скажется на пользователях. Они будут чувствовать ваше внимание и заботу.

Улучшенная навигация. Когда пользователь вводит поисковый запрос в интернете, ему открывается множество вкладок. Фавикон поможет быстро и безошибочно найти ваш сайт. Если, конечно же, иконка будет уникальной 🙂. То же правило отлично работает и с закладками, и открытыми вкладками в браузере.

Из выше перечисленного рекомендую вам позаботиться о своем проекте и добавить в него favicon. К тому же это совершенно бесплатно и не требует много времени.

Откуда бесплатно взять фавикон

Icons8.com – популярный инструмент для скачивания иконок в свой проект. Но мало кто знает, что в нем вы можете скачать и favicon абсолютно бесплатно. Выберите любое изображение → поменяйте формат → галочками отметьте нужный размер → кнопка «Скачать».

Icons8

Freepik.com – один из моих популярных сервисов по подбору изображений для сайтов и лендингов. Можно найти все что угодно: картинки, видео, PSD, векторы и т.д. Использовать сервис максимально просто. Переходите по ссылке → выбираете иконку для себя → скачиваете нужный размер.

Freepik

Canva – графический редактор с широким набором инструментов. Подойдет вам, если вы желаете создать фавикон самостоятельно, а не скачивать готовый. В России по-прежнему можно пользоваться с помощью VPN и даже оплатить платную версию (при необходимости).

На главной странице есть поиск по шаблонам. Прописываем favicon logo. Вам открывается множество готовых вариантов картинок. Вам лишь нужно выбрать любой и настроить его под свой проект.

Шаблоны Canva

Как загрузить в Тильду

Подробная инструкция с изображениями, как установить фавикон на ваш лендинг в Тильде.

Мои сайты
  • Переходим в «Настройки сайта» → раздел «Еще» → нажимаем на слово «Здесь».
Раздел Еще

Это необходимо, чтобы загрузить картинку в формате Png и Jpeg, а также установить иконку для темной темы. В этом разделе вы сможете дополнительно загрузить иконку, которая будет отображаться как приложении на телефоне. Поддерживает как в Apple, так и Android.

Если нажать на кнопку «Загрузить файл» из раздела «Еще» вы сможете загрузить фавикон только в формате ico.

Загружаем фавикон

После добавления фавикона обязательно нажмите «Сохранить» и переопубликуйте все страницы вашего лендинга.

Другие статьи WebSetting о том, как самостоятельно настроить Тильду, без привлечения разработчиков.

Оцените статью
Добавить комментарий