У меня возникли проблемы с реализацией Like Description для одного из моих проектов, которые я разрабатываю на своем локальном компьютере. Моя проблема заключалась в том, что я могу получить только заголовок и URL-адрес в описании «Нравится», и в нем отсутствовали изображение и текст. Я создал пустую страницу только с кнопкой «Мне нравится», загрузил ее на общедоступный сервер и заметил, что не могу обновить содержимое внутри описания «Нравится».
Например, если вы перейдете на мою тестовую страницу ниже и нажмете кнопку «Мне нравится» в Facebook, вы увидите описание описания «Нравится» как «Описание страницы, ожидается вывод». Однако, если вы просмотрите исходный код страницы, вы увидите, что я установил описание с тегом Meta OG как <meta property="og:description" content="This is a new page description"/>
. Текущий тег описания — это то, что я впервые использовал при создании этой страницы.
Итак, мой вопрос: почему я не могу обновить описание лайка? Кэширует ли Facebook это где-то на своем сервере? Если да, то знаете ли вы, как долго он хранится в кэше? Кроме того, будет ли это работать, если я проверю на своем локальном компьютере?
http://www.sfu.ca/~jca41/stuph/test.html а>
<head>
<meta property="og:url" content="http://www.sfu.ca/~jca41/stuph/test.html"/>
<meta property="og:image" content="http://www.placehold.it/320x200/">
<meta property="og:description" content="This is a new page description"/>
<meta property="og:title" content="Site title"/>
<meta property="og:type" content="game"/>
<meta property="og:site_name" content="Site name"/>
<meta property="fb:admins" content="690014395"/>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.sfu.ca/~jca41/stuph/test.html" data-send="true" data-width="450" data-show-faces="false"></div>
</body>