Проблема отражения favicon как в yandex, так и в google

12
V
На сайте с 16.12.2019
Offline
4
1184

Коллеги, приветствую.

Столкнулся с проблемой отражения favicon как в yandex, так и в google

Сайт https://detkampro.ru

Как я только не извращался. И форматы менял с ico на png/jpg, и папки размещения файлов - и в корень кидал, и другие папки, и в robots.txt все allow для папок делал, и все размеры ставил картинок менял.

Причем, яндекс пишет:

"Размер: 16 × 16, 32 × 32 или 120 × 120 пикселей."

А гугл:

"Значок сайта должен быть квадратным и иметь размеры, кратные 48 пикселям, например 48 x 48, 96 x 96, 144 x 144."

Вот как быть? Чую даже если когда либо кто-то из них и найдет иконку, другой не захочет тк разные размеры должны быть

Даже сгенерировал через https://realfavicongenerator.net/ код и файлы.

На сегодняшний день имею:

<link rel="icon" href="/wp-content/favicon/favicon-32x32.png" type="image/png">
<link rel="shortcut icon" href="/wp-content/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="60x60" href="/wp-content/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/wp-content/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/wp-content/favicon/favicon-16x16.png">
<link rel="manifest" href="/wp-content/favicon/site.webmanifest">
<link rel="mask-icon" href="/wp-content/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

robots.txt

Allow: /wp-content/favicon/

Может уже глаз замылен и упускаю что-то главное?

Мучаюсь недели три уже.

GZ
На сайте с 04.12.2019
Offline
22
#1

Я тоже как-то давно мучался с этим,оставь одну строчку

<link rel="icon" href="/wp-content/favicon/favicon.ico" type="image/x-icon">

саму иконку сделай 16x16 и проверь чтобы вверху сразу появилась.Если не появится пропиши полный путь до файла.

V
На сайте с 16.12.2019
Offline
4
#2
GrigoryZapalov:
Я тоже как-то давно мучался с этим,оставь одну строчку
<link rel="icon" href="/wp-content/favicon/favicon.ico" type="image/x-icon">
саму иконку сделай 16x16 и проверь чтобы вверху сразу появилась.Если не появится пропиши полный путь до файла.

так (одна строчка) было изначально сделано, к сожалению не помогло.

Насчет полного пути - попробую.

K0
На сайте с 16.05.2012
Offline
92
#3

Вообще никогда не прописываю в коде фавиконку. И гугл, и яндекс её сами находят.

Mik Foxi
На сайте с 02.03.2011
Offline
1076
#4

https://www.google.com/s2/favicons?domain=detkampro.ru гугл все знает и видит.

Антибот, антиспам, веб файрвол, защита от накрутки поведенческих: https://antibot.cloud/ + партнерка, до 40$ с продажи.
V
На сайте с 16.12.2019
Offline
4
#5
foxi:
https://www.google.com/s2/favicons?domain=detkampro.ru гугл все знает и видит.

видит, но не отражает https://goo.su/0Df1

[Удален]
#6
kreat0r:
Вообще никогда не прописываю в коде фавиконку. И гугл, и яндекс её сами находят.

Хоть я и прописываю, но с вами согласен.

По умолчанию запрашивают в корневой папке.

Другое дело если нужно другой размер добавить.

Lazy Badger
На сайте с 14.06.2017
Offline
231
#7

Ну если так, поиграем в игру "найди X отличий"

Вот это код для фавикон закэшированной Гуглом страницы Деток (фавикон не показывается)

<link rel="icon" href="/favicon-32x32.png" type="image/x-icon">

<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

Ну и два моих слегка разных варианта (оба исправны)

<link rel="icon" type="image/x-icon" href="/path/to/favicon.png" />

<link rel="apple-touch-icon" sizes="180x180" href="/path/to/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="/path/to/apple-touch-icon.png">

при этом физически там лежит 2 png 32битных - 32*32 и 180*180

<link rel="icon" type="image/png" href="/path/to/favicon.png" />

опять же 32битная PNG размером 512*512

А в маразматичке у меня написана следующая полная инструкция (не для Гугля, а "на все случаи жизни")

1. Собрать бандл из

android-chrome-192x192.png

android-chrome-512x512.png
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
favicon.ico
site.webmanifest

2. Залить на сайт

3. Добавить в <head> стандартный сниппет

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
Производство жести методом непрерывного отжига
GZ
На сайте с 04.12.2019
Offline
22
#8
vovanfz:
так (одна строчка) было изначально сделано, к сожалению не помогло.
Насчет полного пути - попробую.

В вебмастере она появится в течении недели,главное ничего не менять и если ты нажимаешь проверить в вебмастере и он типо проверил и не нашёл это нормально,надо ещё подождать.у меня именно так и было

D.iK.iJ
На сайте с 26.05.2013
Offline
224
#9

Полный путь пропишите с доменом и протоколом!

Раньше для Яндекса помогало.

У меня уже лет 13 вот так оно:

<link rel="icon" href="http://dikij.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://dikij.com/favicon.ico" type="image/x-icon">

Раз работает, не трогаю ))

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

всем спасибо, буду ждать, по результатам отпишусь

12

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