У меня есть приложение angularJS, на котором есть страница с новостными статьями, и статьями можно поделиться с помощью средства обмена на Facebook, открытого в новом окне (например, http://www.facebook.com/sharer.php?u=https://..................).. У меня есть все необходимые теги og для получения заголовка страницы, описания и миниатюру, но все же полученный пост в сюжетной линии не имеет предоставленного мною эскиза (он просто содержит изображение-заполнитель по умолчанию для миниатюры). Теги og добавляются на страницу асинхронно, что приводит к задержке в несколько миллисекунд перед тегами на самом деле появляются.
Я добавил больше связанных с изображением тегов, которые считаются необязательными, например og: image: width, og: image: height, og: image: type и og: image: alt, но проблема все еще существует. Я даже пытался подождать целый день с надеждой, что после того, как facebook сбросит кеш, я увижу нормальное изображение.
<meta property="og:title" content="........................">
<meta property="og:description" content="........................">
<meta property="og:type" content="article">
<meta property="og:image" content="https://.........................jpg">
<meta property="og:url" content="https://........................">
<meta name="description" content="........................">
<meta property="og:site_name" content="........................">
<meta property="og:locale" content="bg-BG">
<meta property="og:image:alt" content="........................">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="700">
<meta property="og:image:type" content="image/jpeg">
Я намеренно заменил текст точками для примера. Все вышеупомянутые теги были динамически сгенерированы кодом javascript, который является частью пользовательского сервиса AngularJS, который внедряет их. Когда я использую инструмент проверки браузера, я четко вижу все эти теги, но opengraph Facebook, кажется, не видит их, и это четко указано в результатах, которые я получаю от их инструмента отладки. Инструмент отладки говорит, что мне не хватает таких тегов, как og: url, og: type, og: title и og: image, хотя в действительности они существуют.