На рисунке ниже у каждого результата поиска есть карточка с логотипом сайта в верхнем правом углу. Это на Chrome для Android.
Некоторые исследования привели меня к убеждению, что это favicon для веб-сайта, и я включил его в свой HTML-код, используя генератор favicon . Я включил только аспект значка тега заголовка в мою текущую index.html, которая была развернута.
<!--Link address bar icon file for any browser-->
<link rel="shortcut icon" href="./images/favicons/favicon.ico">
<link rel="icon" sizes="16x16 32x32 64x64" href="./images/favicons/favicon.ico">
<link rel="icon" type="image/png" sizes="196x196" href="./images/favicons/favicon-192.png">
<link rel="icon" type="image/png" sizes="160x160" href="./images/favicons/favicon-160.png">
<link rel="icon" type="image/png" sizes="96x96" href="./images/favicons/favicon-96.png">
<link rel="icon" type="image/png" sizes="64x64" href="./images/favicons/favicon-64.png">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicons/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicons/favicon-16.png">
<link rel="apple-touch-icon" href="./images/favicons/favicon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="./images/favicons/favicon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="./images/favicons/favicon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="./images/favicons/favicon-144.png">
<link rel="apple-touch-icon" sizes="60x60" href="./images/favicons/favicon-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="./images/favicons/favicon-120.png">
<link rel="apple-touch-icon" sizes="76x76" href="./images/favicons/favicon-76.png">
<link rel="apple-touch-icon" sizes="152x152" href="./images/favicons/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./images/favicons/favicon-180.png">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="./images/favicons/favicon-144.png">
<meta name="msapplication-config" content="./images/favicons/browserconfig.xml">
Моя текущая служба развертывания Netlify . Моя проблема в том, что, хотя я и сделал это, веб-сайт появляется в результатах поиска, но не в логотипе. Как сделать так, чтобы логотип сайта отображался в результатах поиска?