Как добавить отображение favicon на страницах поиска для проекта на Nuxt?

Question

[saidanyx]

Подскажите, как добавить отображение favicon на страницах поиска для проекта на Nuxt. Иконка отображается в верхней панели, но в результатах поиска её нет. Добавил иконку более трех недель назад, но она всё еще не отображается. Яндекс Вебмастер также сообщает, что favicon не найден.

Answer 1

[Юрий Кравчук]

Нужно не одну иконку добавлять, а целый набор, например, вот так:

link: [
        { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/images/_/favicon-32x32.png' },
        { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/images/_/favicon-16x16.png' },
        { rel: 'apple-touch-icon', sizes: '180x180', href: '/images/_/favicon-apple-touch-icon.png' },
        { rel: 'manifest', href: '/images/_/site.webmanifest' },
        { rel: 'mask-icon', href: '/images/_/favicon-safari-pinned-tab.svg', color: '#f6f6f6' },
        { rel: 'icon', type: 'image/x-icon', href: '/images/_/favicon.ico' },
      ],

https://realfavicongenerator.net/

Подобным сервисом можно сгенерировать весь набор иконок для своего сайта

Comments

[saidanyx]

Имеет значение в какой папке будут иконки - assets / static / public?

[Юрий Кравчук]

saidanyx, лучше, конечно, static / public

[saidanyx]

Юрий Кравчук, спасибо