Favicon для сайта онлайн
Favicon (от англ. Favorites icon — «значок для избранного») — значок сайта или конкретной страницы. Не важен для SEO, но позволяет выделиться в выдаче Яндекса, на вкладках открытых страниц и в закладках браузера пользователя.
Как пользоваться сервисом для создания favicon?
- Нажмите «Выбрать изображение с компьютера» и загрузите картинку в форматах jpg, jpeg, png или gif. Подберите квадратное изображение без мелких деталей.
- Нажмите «Создать Favicon»;
- Сервис покажет пример того, как будет выглядеть ваш favicon. Если результат вас устраивает, скачайте готовый файл. Вы получите файл favicon.ico для сайта, то есть файл с расширением *.ico, его и надо будет использовать в дальнейшем.
Как установить отдельные фавиконы для мобильных устройств
Для разной аудитории сайта нужна поддержка основных браузеров и платформ — Windows Firefox, iOS Safari, Internet Explorer, Android Chrome и других. Для мобильных устройств часто прописывают отдельные иконки с другими размерами. Для этого указывают тип устройства в rel, к примеру, "apple-touch-icon", и атрибут sizes с размером.
Достаточный пакетБудет достаточно одного файла favicon.ico с размерами 48x48.
Этот обеспечит нормальный внешний вид фавиконок на разных платформах. В остальных случаях система масштабирует до нужного размера.
Как установить favicon на сайт
- Сохраните картинку в корневой каталог сайта с именем favicon.ico, чтобы получился адрес вида https://sitename.ru/favicon.ico. Это путь к изображению. Он понадобится, если вы захотите использовать разные фавиконы для разделов сайта, чтобы пользователи лучше ориентировались в разделах ресурса. Если вы используете один favicon для всего сайта, путь к нему указывать не нужно.
- Добавьте ссылку на размещенный файл в HTML-код главной:
<link rel="icon" href="https://sitename.ru/favicon.ico" type="image/x-icon">
Зачем делать favicon?
Никакой функции для SEO он не несет, но его использование позволяет повысить узнаваемость сайта, и, как следствие, показателя CTR.
Узнаваемость сайтаИконки favicon помогают сделать вкладку с вашим сайтом узнаваемой, это важно, когда пользователь одновременно открывает несколько ресурсов. С заметным фавиконом ваш сайт не потеряется среди других открытых вкладок.
ИнформативностьФавикон должен соответствовать цветовой гамме сайта и тематике компании. Вы можете использовать, например, логотип или первую букву названия или простое, но оригинальное графическое изображение, чтобы пользователь, увидев иконку вашего сайта, мог сразу определить, что на вкладке.
Запоминаемость брендаЕсли использовать в качестве фавикона логотип или его узнаваемый фрагмент, пользователи сайта будут часто его видеть и быстрее запомнят.
FAQ
Яндекс — https://favicon.yandex.net/favicon/имя_домена
Google — https://www.google.com/s2/favicons?domain=имя_домена
Инструменты для продвижения
-
Анализ сайта
-
Панель оптимизатора
-
Проверка позиций
-
Аудит сайта аудит
-
Проверка истории ТИЦ
-
Анализ контента страницы
-
Анализ Ципфа
-
Анализ ссылок
-
Сайт глазами поиcкового робота
-
Анализ ТОП выдачи Яндекс и Google
-
Проверка обратных ссылок
-
Массовая проверка доменов
-
Проверка скорости сайта
-
Проверка Яндекс.ИКС
-
Определение CMS сайта
Для веб-мастеров, администраторов сайтов, серверов и сисадминов
-
Проверка скорости интернета
-
Проверка IP
-
Проверка заголовков сервера
-
Проверка состояния сайта
-
Создание превью
-
Генератор мета-тегов Open Graph
-
Проверка мета-тегов Open Graph
-
Whois домена вхуиз
-
DNS параметры домена
-
Создание Favicon
-
Шифрование MD5
-
Проверка порта на доступность
-
Узнать стоимость сайта
-
Генератор UTM-меток
-
Проверка посещаемости
-
Генерация robots.txt
-
Генерация пароля
-
Сайты на одном IP
-
Проверка IP в спам базах
-
Проверка блокировки Роскомнадзором
-
HTML редактор онлайн
-
Проверка SSL сертификата
-
Проверка сайта на вирусы