- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ
Экспертная оценка Адмитад
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Как правильно подключить несколько favicon.ico для сайта?
Есть следующая проблема:
Для корректной индексации иконки Яндексом нужна однослойная иконка 16x16 (такой ответ дал саппорт)
Но такая иконка 16x16 не красиво отображается на устройствах с Retina дисплеями - MacbookPro, здесь необходима иконка 32x32. Еще есть иконки 48x48, которые используются при добавлении ярлыка сайта на рабочий стол Windows.
Делал последовательное подключение так:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon32.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/favicon48.ico" type="image/vnd.microsoft.icon">
При таком расположении нужная иконка прекрасно отображается на Retina, но это не понравилось Яндексу. Они сообщили, что используют последнюю иконку из списка и сказали перенести <link rel="icon" href="/favicon.ico" type="image/x-icon"> в конец списка, вот так:
<link rel="icon" href="/favicon32.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/favicon48.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
Теперь Яндекс все устраивает, а вот Retina устройства нет, т.к. используется теперь тоже 16x16.
Кто-нибудь заморачивался этой проблемой или только я такой педант и всем пофиг?
Интересует правильный рецепт.
Кто-нибудь заморачивался этой проблемой или только я такой педант и всем пофиг?
Интересует правильный рецепт.
Один файл .ico может содержать несколько разрешений одновременно.
Скомпонуйте ваши иконки в 1 с помощью спецредакторов (я пользую IconUtils), браузеры будут хавать формат, который им лучше всего подходит.
PS: да, разрешения в файле должны идти от большего к меньшему.
Один файл .ico может содержать несколько разрешений одновременно.
Скомпонуйте ваши иконки в 1 с помощью спецредакторов (я пользую IconUtils), браузеры будут хавать формат, который им лучше всего подходит.
PS: да, разрешения в файле должны идти от большего к меньшему.
Я знаю об этом, у меня все было скомпановано и браузеры прекрасно хавали, но я же написал выше, что многослойная иконка не понравилась Яндексу. В ходе переписки они сказали оставить только 1 слой с 1 иконкой 16x16. Как теперь подключить 32x32 и 48x48 не понятно.
Ditmar, к сожалению нет retina устройств для проверки, но не поможет ли переименование иконки 32x32 в "favicon@2x.ico"
Как пример с http://getbootstrap.com/
что многослойная иконка не понравилась Яндексу.
Приношу извинения, невнимательно прочитал.
Тогда я бы сделал отдачу отдельной иконки для робота YandexFavicons
(менять в заголовке страницы или правилом в .htaccess это уж как по фэншую больше нравится).
Тогда я бы сделал отдачу отдельной иконки для робота YandexFavicons
Поддерживаю. Сделать одну многослойную иконку, а яндексу отдавать другую по еге запросу.
.htaccess:
RewriteRule ^favicon.ico$ /favicon-16.ico [L]
Как пример с http://getbootstrap.com/
Это совсем другое и это у нас сделано ) это иконки для избранного и экрана домой для iPad и iPhone.под iOS 7 кстати надо уже другие размеры делать.
---------- Добавлено 02.10.2013 в 23:45 ----------
Приношу извинения, невнимательно прочитал.
Тогда я бы сделал отдачу отдельной иконки для робота YandexFavicons
(менять в заголовке страницы или правилом в .htaccess это уж как по фэншую больше нравится).
Спасибо, то, что нужно
---------- Добавлено 02.10.2013 в 23:45 ----------
Поддерживаю. Сделать одну многослойную иконку, а яндексу отдавать другую по еге запросу.
.htaccess:
Благодарю за решение
---------- Добавлено 02.10.2013 в 23:46 ----------
Коллеги, спасибо за помощь в решении проблемы
У меня иконки в .png, прописанные в <link> яндекс, конечно же, проигнорировал. Но favicon.ico в корне сайта, не прописанную в HTML, взял. Так что можно и не клоачить :)
Еще есть иконки 48x48,
"Иконок" 1024x1024 нет пока?
Ayavryk, :) таких "иконок" пока нет. Но технологии развиваются. PPI в дисплеях только увеличивается. Так что не за горами)