Всем привет.

Подскажите, откуда Firefox подгружает иконки для топ сайтов в новой вкладке? Есть какая-нибудь информация для владельцев сайтов по настройке фона и иконки своего сайта в топ сайтах?

Заранее признателен всем за подсказку.

здра.
смею предположить, что сначала смотрится схема (микроразметка) страницы, а если там нет изображений, то делается скриншот.
например, /uploads/gusev.png явно указан, как og:image для сайта gusev-online.ru (правой кнопкой по странице - свойства).
так что внедряйте микроразметку.

Это мой сайт, и там действительно есть мегатег og:image, Однако у меня есть и другие сайты где этот мегатег не указан, но указаны другие  мегатэги с логотипом, например для Apple, Android и т.п., Firefox там тоже подгружает, но непонятно какой конкретно из десятка предложенных для разных устройств.

Так хотелось бы узнать, есть какой-то приоритет, откуда конкретно браузер берёт логотип, и можно ли для Firefox прописать отдельно какой-либо мегатег с логотипом.

да всего 2 активно используемые разметки - OG и shema.org
какие у вас варианты-то?
тупо для главной страницы пишете схемы или обе или OG и будет вам счастье.
тем более, что это и для поисковиков нужно делать.

Вы ошибаетесь.
Например сайт guspoliteh.ru, там нет ни того ни другого. Но есть следующие мегатеги с логотипами, и логотип прекрасно прогружается. Да и shema.org никак не может быть реализован для этих целей.

<meta name="msapplication-config" content="/touch-icons/browserconfig.xml" />
<link rel="yandex-tableau-widget" href="/touch-icons/ya-manifest.json" />
<link rel="apple-touch-icon" sizes="57x57" href="/touch-icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="76x76" href="/touch-icons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="120x120" href="/touch-icons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/touch-icons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/touch-icons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/touch-icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/touch-icons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/touch-icons/android-chrome-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/touch-icons/android-chrome-192x192.png" sizes="192x192">
<link rel="manifest" href="/touch-icons/manifest.json">
<link rel="shortcut icon" href="/touch-icons/favicon.ico">

Да мне это в принципе не так важно откуда они сейчас подгружают логотип. Хочется узнать можно ли для браузера Firefox настроить это отдельно. Как Например поддержка Яндекс браузера выложила документацию по настройке сайта (https://tech.yandex.ru/browser/tableau/ … t-docpage/). То есть для Яндекс браузера я могу отдельно настроить отображение сайта в их табло как хочу.