Яндекс Справка - favicon

M
На сайте с 28.08.2023
Offline
10
914
Помогите разобраться как лучше поступить. Нужно установить favicon на сайт. Перехожу в справку Яндекс https://yandex.ru/support/webmaster/search-results/create-favicon.html
Там написано разместить данную запись

<link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon">

Но при этом type может быть аж 6,

Я так и не понял,  link rel="icon"  нужно шесть раз добавлять с разными форматами, чтобы каждая поисковая система обращалась к своему формату?
Справку гугл https://developers.google.com/search/docs/appearance/favicon-in-search?hl=ru пишет что достаточно

<link rel="icon" href="/path/to/favicon.ico">

даже type указывать не просит, но при этом намекает ещё на четыре разных rel атрибута )) . Минимум 9-ть строк добавлять в favicon? ) А если завтра huawei внедрит новые стандарты favicon - ещё и их минимум 4 добавлять? Как оптимальнее всего поступить, сделать как Гугль просит или сделать все семь вариантов?


Как установить фавиконку - Вебмастер. Справка
Как установить фавиконку - Вебмастер. Справка
  • yandex.ru
Шаг 1. Разместите фавиконку на сайте Шаг 2. Проверьте доступность фавиконки для робота Яндекса Шаг 3. Проверьте отображение фавиконки в выдаче Шаг 1. Разместите фавиконку на сайте Атрибут Описание Возможные значения Для описания кириллического адреса фавиконки используйте Punycode. Например для адреса нужно указать . Атрибут Описание Возможные...
stp2001
На сайте с 12.08.2017
Offline
82
#1

<link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon">

Этого вполне достаточно.

Что? Где? Когда?
FuRReX
На сайте с 04.12.2020
Offline
31
#2
Универсальный код для всех браузеров (16x16 / 32x32) / для .ico файла:
<link rel="icon" href="/favicon.ico" type="image/x-icon">

Для ios устройств (повышает качество иконок на устройствах) / не заменяет универсальный:
<link rel="apple-touch-icon" href="/icons/apple-icon-57.png">
<link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76.png">
<link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180.png">

Для android устройств (повышает качество иконок на устройствах) / не заменяет универсальный:
<link rel="icon" sizes="192x192" href="/icons/icon-192.png">
<link rel="icon" sizes="128x128" href="/icons/icon-128.png">
M
На сайте с 28.08.2023
Offline
10
#3
stp2001 #:

Этого вполне достаточно.

Спасибо, а гугл говорит что этого <link rel="icon" href="/path/to/favicon.ico"> достаточно, кому верить?))
M
На сайте с 28.08.2023
Offline
10
#4
FuRReX #:
Универсальный код для всех браузеров (16x16 / 32x32) / для .ico файла:
<link rel="icon" href="/favicon.ico" type="image/x-icon">

Для ios устройств (повышает качество иконок на устройствах) / не заменяет универсальный:
<link rel="apple-touch-icon" href="/icons/apple-icon-57.png">
<link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76.png">
<link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180.png">

Для android устройств (повышает качество иконок на устройствах) / не заменяет универсальный:
<link rel="icon" sizes="192x192" href="/icons/icon-192.png">
<link rel="icon" sizes="128x128" href="/icons/icon-128.png">
т.е. все 8 вариантов можно на одной странице разместить, и это будет считаться нормой?
FuRReX
На сайте с 04.12.2020
Offline
31
#5
maillist #:
т.е. все 8 вариантов можно на одной странице разместить, и это будет считаться нормой?

Да. В зависимости от тематики сайта и посещаемости. Например, вот код из моего проекта.


<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon">

<link rel="apple-touch-icon" href="{THEME}/images/apple-touch-icon.png">

<link rel="apple-touch-icon" sizes="72x72" href="{THEME}/images/apple-touch-icon-72x72.png">

<link rel="apple-touch-icon" sizes="114x114" href="{THEME}/images/apple-touch-icon-114x114.png">

<link rel="icon" sizes="192x192" href="{THEME}/images/192.png">

FuRReX
На сайте с 04.12.2020
Offline
31
#6
maillist #:
Спасибо, а гугл говорит что этого <link rel="icon" href="/path/to/favicon.ico"> достаточно, кому верить?))

Да, этого достаточно. Дальше речь идёт о презентабельности иконки вашего сайта на мобильных устройствах. Те строчки, что я скинул, полезны, если основная аудитория вашего сайта заходит с мобильных устройств.

В остальном, можно обойтись одной строчкой:  <link rel="icon" href="/favicon.ico" type="image/x-icon">

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#7

Берете любой сайт вроде https://iconifier.net/ и генерируете. Все! )) Правда, я обычно оставляю только одну фавиконку и apple-touch-icon в 144x144.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
fliger
На сайте с 17.09.2015
Offline
107
#8
maillist :
Нужно установить favicon на сайт

К чему вам этот мусор? Добавьте в .htaccess:

Redirect 204 /favicon.ico

и не занимайтесь ерундой.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий