Wordpress. favicon в виде головы робота

Question

На некоторых страницах фавикон выглядит так:

В консоли нахожу прямую ссылку из uploads, перехожу по ней и фавикон тот, который нужен. Парадокс. То есть ссылку

<link rel="icon" type="image/png" href="https:/MYSITE/wp-content/uploads/2019/12/favicon.ico">

открывает правильно, иконка верная. В чём может быть причина?

Answer 1

В Chrome есть проблема - если внутри тега <head></head> есть html-код (которого по правилам там быть не должно), и этот код выше, чем <link rel="icon"..., то иконку сайта вы не увидите. Вот простейший пример html-файла, где иконка не отображается.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <div>
        Some div.
    </div>
    <link rel="icon" href="http://test.test/cropped-admin-favicon-192x192.png" sizes="192x192" />
</head>
<body>

</body>
</html>

А вот тот же самый файл, который отобразит иконку:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="icon" href="http://test.test/cropped-admin-favicon-192x192.png" sizes="192x192" />
    <div>
        Some div.
    </div>
</head>
<body>

</body>
</html>

Пример проверен на последней версии Chrome.

TLDR

Вам надо вашу иконку поднять выше в теге <head></head>. Как это сделать - нельзя сказать, не увидев вашего кода.
Где-то ещё выводится другая иконка link rel="icon" с головой робота, найдите её в коде страницы, и запретите её вывод. Возможно, выводит голову робота ваша тема.

БЛОГ НА HUSL

Wordpress. favicon в виде головы робота

Ответы (1 шт):