Facebook分享未显示正确的信息

时间:2017-12-18 19:51:12

标签: html share facebook-opengraph meta-tags

我最近在我网站上的所有艺术作品上添加了一个分享按钮,以便观看该作品的人可以轻松地在Facebook上分享。共享按钮的工作原理是FB链接确实将用户带到正确的图稿(网址是正确的)。但是,链接中的图像始终是徽标横幅中心的一个丑陋的剪辑(网站上每个页面上的相同图像),我页面上的og:xxx元标记似乎对自定义链接完全没有影响正如Facebook声称的那样。这是我的一个页面的主要部分:

<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml" xmlns:og="https://ogp.me/ns#"     xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<link rel="stylesheet" type="text/css" href="stitzart.css" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="art, acrylic, flip, pour, artwork, colorful, dirty cup" />
<meta name="description" content="Hilda Stitz Art Gallery featuring dirty cup pours in acrylic." />
<meta property="og:url" content="http://www.stitzweb.com/art/art.php?id=18" />
<meta property="og:type" content="article" />
<meta property="og:title" content="StitzArt - #033" />
<meta property="og:description" content="Little Planet" />
<meta property="og:image" content="http://www.stitzweb.com/art/images/share018.png" />
<title>StitzArt - Hilda Stitz Artwork</title>
</head>

并在该页面上的分享按钮拉出此对话框: Facebook Share Dialog (with incorrect information)

如何使共享对话框中的图片,标题和说明与元数据中的内容相匹配?我整天都在搜索,我几乎放弃了。该功能适用​​于共享,但如果人们在点击链接之前可以看到艺术品的预览,那将会更好。提前感谢您提供的任何帮助。

0 个答案:

没有答案