已添加OG标签,Facebook帖子预览仍不显示标题问题咨询
嘿,我来帮你排查下这个问题——毕竟做社交分享的时候,OG标签不生效真的挺闹心的,我自己也踩过不少这类坑😉
下面是几个最可能的原因,你可以逐一排查:
OG标签格式写错了
敲黑板!Facebook只认带property属性的OG标签,如果你写成了<meta name="og:title" ...>,那肯定识别不了。正确的格式应该是:<meta property="og:title" content="你的页面标题内容">另外还要注意,
content里不能是空值,也别用JS动态生成这个标签——Facebook的爬虫不会等JS执行完再抓取,只会读初始HTML里的内容。Facebook缓存了旧数据
这绝对是最常见的情况!Facebook会缓存它爬过的页面信息,哪怕你刚改完OG标签,它可能还在用之前缓存的旧版本。
解决办法很简单:用Facebook的官方链接调试工具,输入你的链接重新抓取一次,就能强制刷新缓存,看到最新的预览效果了。页面不让爬虫访问
检查下你的页面是不是需要登录才能打开?Facebook的爬虫是匿名访问的,如果页面有登录墙、权限限制,爬虫根本爬不到OG标签,自然没法显示预览。
另外如果页面加载速度太慢,爬虫超时也会抓取失败,你可以测试下页面的加载速度,优化下服务器响应或者资源加载。OG标签位置不对
OG标签必须放在HTML的<head>标签里,而且最好放在<title>标签之后、任何<body>内容之前。要是你把它放到<body>里或者位置太靠后,爬虫可能还没读到就停止抓取了。标题里有特殊字符或编码问题
如果og:title的content里有非UTF-8编码的特殊字符,或者奇怪的转义字符,可能会导致Facebook解析失败。检查下标题内容的编码是不是UTF-8,有没有乱码或者异常字符。
内容的提问来源于stack exchange,提问作者Roi

