Главная » Blogger » Фавикон на Блоггер
Фавикон на Блоггер
Сегодня получила письмо от Яндекс. Вебмастер с советом установить значок сайта побольше или в формате SVG.
В Яндексе прописано, что иконка должна быть квадратной формы, размером 120×120, 32×32 или 16×16 пикселей, формата SVG, ICO, GIF, JPEG, PNG, BMP, без анимации.
Предпочтительный формат — SVG.
В Google советуют использовать фавиконы квадратной формы, размером, кратным 48 пикселям: 48x48, 96x96, 144x144, не желательно использовать размер 16×16, поддерживаются все форматы
Предпочтительней SVG.
Устанавливаем фавикон на Блоггер
Я решила проверить, а можно ли на Блоггер установить такого размера иконку, примет ли он её.

Сперва поменяла картинку иконки на подходящий размер - 120 px, который нужен Яндексу. Меняем на сайте - https://perfecto-web.com/ru/devtools/favicon-generator.html

Блоггер установил иконку на 120px, но, при этом, автоматически уменьшил значок до 16px. Значит, поставить большой значок таким способом не получится.
Какие нужны фавиконы для разных экранов
Для устройств Apple
57×57 iPhone 6 и ниже
60×60 iPhone 7
72×72 iPad 6 и ниже
76×76 iPad 7
114×114 iPhone 6 и ниже
120×120 iPhone 7, экран Retina
144×144 iPad 6 и ниже, экран Retina
152×152 iPad 7, экран Retina
180×180 iPhone 8 и выше, экран 6 Plus
Для устройств на Windows
Закладки в Edge и плитка в Пуск (маленький) 70×70
Плитка в Пуск (средний) 150×150
Плитка в Пуск (широкий) 310×150
Плитка в Пуск (крупный) 310×310
Другое
Для закладок браузеров 16×16
Для закладок на панели задач 32×32
Для ярлыков на рабочем столе 96×96

Как установить фавикон в шаблон
Яндекс пишет о том, как добавить на сайт значок такую информацию:

<link rel="mask-icon" href="адрес расположения иконки" color="#990000">
Яндекс изменения не увидел. Видимо и такой вариант для Блоггер не подходит.
Читайте информацию о фавиконках:
https://yandex.ru/support/webmaster/search-results/create-favicon.html
Информация из интернета
В сети нашла информацию, что на сайте https://www.favicon-generator.org/ можно сгенерировать нужный для сайта код и проверить, каких значков не хватает.
Коды с этих сайтов у меня не встали в шаблоне, показывалась ошибка.
Как посмотреть свой фавикон
Узнать виден ли значок можно по ссылкам ниже, где вместо mysite.ru нужно подставить домен своего сайта:
в Яндекс - http://favicon.yandex.net/favicon/mysite.ru
в Google - http://www.google.com/s2/favicons?domain=mysite.ru.
Из статьи понятно, что ни один из данных вариантов установки иконки на Блоггер не подходит. Буду искать другие способы, о чём обязательно отпишусь.
Комментарии со спамом удаляются.