Миниатюра ссылки на Facebook

При размещении ссылки на веб-сайт в Facebook (Google+ и остальные тоже учитываются) вам предоставляется эскиз или выбор эскизов на выбор. Это теги из HTML.

Я всегда считал хорошей практикой сделать мой логотип фоновым изображением внутри тега h1 с помощью CSS. Я делаю тег h1 ссылкой на домашнюю страницу и скрываю текст заголовка чем-то вроде {text-indent: -9999px}, оставляя прекрасный семантический заголовок HTML. Вот ссылка на мой сайт, если вы хотите посмотреть: http://tempertemper.net

Проблема в том, что, поскольку это фоновое изображение, его упускают из виду.

Было бы неплохо опубликовать настраиваемый в верхней части HTML только для этой цели и скрыть его сбоку страницы? Не знаю, кажется немного запутанным. Я мог бы просто поместить тег внутри h1, но логотип будет неправильной формы, поскольку он предназначен для определенной цели.

Может быть, для этой цели есть метатег, или, может быть, есть метод, заставляющий FB вытаскивать конкретное изображение, которое обычно не загружается? Есть ли у кого-нибудь идеи или полезные советы по этому поводу?

9
задан gsamaras 12 August 2017 в 09:23
поделиться