从 wordpress 分享文章时,Facebook 不显示缩略图或标题
Facebook not showing thumbnail nor title when sharing an article from wordpress
最近两天,我们遇到了 link 的问题:当我们想在 facebook 上分享 link 时,它无法识别它(它没有显示缩略图和标题) 。
facebook 的调试器(显示以下错误:"URL requested a HTTP redirect, but it could not be followed."
对于 URL "http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" it gives the canonical URL "http://www.ozap.tv/SleUZ/decouvrez-nouveau-teaser-du-galaxy-s6/" 这意味着它添加了 SIeUZ
对于其他一些调试器显示错误:"Could not resolve the hostname into a valid IP address." 而规范 URL 是正确的。
我们前两天发的文章没问题。
编辑了一些代码后问题出现了。
我们正在尝试猜测问题的原因,我们想知道它是否与 DNS、代码或主机服务器有关
任何帮助
亲切
不确定这是否是导致错误的原因,但在您的代码中,您有重复的 og 元数据标签。
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.6.3 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Découvrez le nouveau teaser du Galaxy S6 !"/>
<link rel="canonical" href="http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Découvrez le nouveau teaser du Galaxy S6 !" />
<meta property="og:description" content="Découvrez le nouveau teaser du Galaxy S6 !" />
<meta property="og:url" content="http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" />
<meta property="og:site_name" content="Ozap" />
<meta property="article:section" content="Actualités" />
<meta property="article:published_time" content="2015-02-19T09:31:40+00:00" />
<meta property="og:image" content="http://www.ozap.tv/wp-content/uploads/2015/02/next-galaxy-charging.jpg" />
<meta property="og:image" content="http://images.frandroid.com/wp-content/uploads/2015/02/s6-puissance-teaser-630x232.png" />
<!-- / Yoast WordPress SEO plugin. -->
和
<meta property="og:site_name" content="Ozap" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" />
<meta property="og:title" content="Découvrez le nouveau teaser du Galaxy S6 !" />
<meta property="og:description" content="La vague de teasing orchestrée la semaine dernière par Samsung évoquait les capacités photo du futur Galaxy (S6) dont l’annonce est prévue au prochain Mobile World Congress. Cette semaine, le Coréen c" />
<meta property="og:image" content="http://www.ozap.tv/wp-content/uploads/2015/02/next-galaxy-charging.jpg" />
这可能会使 Facebook 感到困惑,因为这是 Facebook 从中获取信息的地方。
*编辑
我发现的另一个奇怪的事情是以下重定向:
已检查 link:http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/
重定向类型:302 找到
重定向至:http://www.ozap.tv/QYWSZ/decouvrez-nouveau-teaser-du-galaxy-s6/
我查看了 wordpress 中的代码
第一段代码由Yoast SEO插件编写
第二个是文件中的一个函数写的function.php
现在我已经禁用了 Yoast SEO 插件,我可以在使用调试器工具后分享文章。我输入文章的 URL 然后点击 "Fetch new scrape information"。
禁用Yoast SEO后,重定向问题似乎解决了。
Facebook 的缓存有问题吗?
我又回到那个问题了。我需要有 Yoast SEO 插件,我也需要使用 facebook 小部件,所以我必须以不同的方式解决这个问题。我想知道我是否从文件 "function.php" 中删除了我正在谈论的功能,如果我再次安装这些小部件和插件,我会再次遇到同样的问题(复制 ogtags)
function dp_fb_ogtags(){
$site_name = esc_attr(get_option('blogname'));
$type = is_front_page() ? 'website' : 'article';
$url = get_permalink();
$title = wp_title( '|', false, 'right' );
$desc = dp_get_doc_desc();
$image = '';
$admins = '';
// Get image
if (is_singular()) {
global $post;
// Get image by feature image
$image = dp_thumb_url('large', false, $post->ID);
// Get image from post attachments
if(empty($image) && $images = get_children('post_type=attachment&post_mime_type=image&post_parent='.$post->ID))
if (is_array($images) && !empty($images))
$image = wp_get_attachment_thumb_url(current($images)->ID);
// Get first image from post content
if(empty($image) && preg_match('/<img[^>]*src=([\'"])(.*?)\1/i', $post->post_content, $matches))
$image = $matches[2];
}
// Generate meta tags
$nl = "\n";
$tags = '';
$tags .= '<meta property="og:site_name" content="'.$site_name.'" />'.$nl;
$tags .= '<meta property="og:type" content="'.$type.'" />'.$nl;
$tags .= '<meta property="og:url" content="'.$url.'" />'.$nl;
if($title)
$tags .= '<meta property="og:title" content="'.$title.'" />'.$nl;
if($desc)
$tags .= '<meta property="og:description" content="'. esc_attr($desc).'" />'.$nl;
if($image)
$tags .= '<meta property="og:image" content="'.$image.'" />'.$nl;
if($admins)
$tags .= '<meta property="fb:admins" content="'.esc_attr($admins).'" />'.$nl;
echo $tags;//*/
}
最近两天,我们遇到了 link 的问题:当我们想在 facebook 上分享 link 时,它无法识别它(它没有显示缩略图和标题) 。 facebook 的调试器(显示以下错误:"URL requested a HTTP redirect, but it could not be followed." 对于 URL "http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" it gives the canonical URL "http://www.ozap.tv/SleUZ/decouvrez-nouveau-teaser-du-galaxy-s6/" 这意味着它添加了 SIeUZ
对于其他一些调试器显示错误:"Could not resolve the hostname into a valid IP address." 而规范 URL 是正确的。
我们前两天发的文章没问题。
编辑了一些代码后问题出现了。
我们正在尝试猜测问题的原因,我们想知道它是否与 DNS、代码或主机服务器有关
任何帮助
亲切
不确定这是否是导致错误的原因,但在您的代码中,您有重复的 og 元数据标签。
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.6.3 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Découvrez le nouveau teaser du Galaxy S6 !"/>
<link rel="canonical" href="http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Découvrez le nouveau teaser du Galaxy S6 !" />
<meta property="og:description" content="Découvrez le nouveau teaser du Galaxy S6 !" />
<meta property="og:url" content="http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" />
<meta property="og:site_name" content="Ozap" />
<meta property="article:section" content="Actualités" />
<meta property="article:published_time" content="2015-02-19T09:31:40+00:00" />
<meta property="og:image" content="http://www.ozap.tv/wp-content/uploads/2015/02/next-galaxy-charging.jpg" />
<meta property="og:image" content="http://images.frandroid.com/wp-content/uploads/2015/02/s6-puissance-teaser-630x232.png" />
<!-- / Yoast WordPress SEO plugin. -->
和
<meta property="og:site_name" content="Ozap" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/" />
<meta property="og:title" content="Découvrez le nouveau teaser du Galaxy S6 !" />
<meta property="og:description" content="La vague de teasing orchestrée la semaine dernière par Samsung évoquait les capacités photo du futur Galaxy (S6) dont l’annonce est prévue au prochain Mobile World Congress. Cette semaine, le Coréen c" />
<meta property="og:image" content="http://www.ozap.tv/wp-content/uploads/2015/02/next-galaxy-charging.jpg" />
这可能会使 Facebook 感到困惑,因为这是 Facebook 从中获取信息的地方。
*编辑
我发现的另一个奇怪的事情是以下重定向:
已检查 link:http://www.ozap.tv/decouvrez-nouveau-teaser-du-galaxy-s6/
重定向类型:302 找到 重定向至:http://www.ozap.tv/QYWSZ/decouvrez-nouveau-teaser-du-galaxy-s6/
我查看了 wordpress 中的代码
第一段代码由Yoast SEO插件编写
第二个是文件中的一个函数写的function.php
现在我已经禁用了 Yoast SEO 插件,我可以在使用调试器工具后分享文章。我输入文章的 URL 然后点击 "Fetch new scrape information"。 禁用Yoast SEO后,重定向问题似乎解决了。
Facebook 的缓存有问题吗?
我又回到那个问题了。我需要有 Yoast SEO 插件,我也需要使用 facebook 小部件,所以我必须以不同的方式解决这个问题。我想知道我是否从文件 "function.php" 中删除了我正在谈论的功能,如果我再次安装这些小部件和插件,我会再次遇到同样的问题(复制 ogtags)
function dp_fb_ogtags(){
$site_name = esc_attr(get_option('blogname'));
$type = is_front_page() ? 'website' : 'article';
$url = get_permalink();
$title = wp_title( '|', false, 'right' );
$desc = dp_get_doc_desc();
$image = '';
$admins = '';
// Get image
if (is_singular()) {
global $post;
// Get image by feature image
$image = dp_thumb_url('large', false, $post->ID);
// Get image from post attachments
if(empty($image) && $images = get_children('post_type=attachment&post_mime_type=image&post_parent='.$post->ID))
if (is_array($images) && !empty($images))
$image = wp_get_attachment_thumb_url(current($images)->ID);
// Get first image from post content
if(empty($image) && preg_match('/<img[^>]*src=([\'"])(.*?)\1/i', $post->post_content, $matches))
$image = $matches[2];
}
// Generate meta tags
$nl = "\n";
$tags = '';
$tags .= '<meta property="og:site_name" content="'.$site_name.'" />'.$nl;
$tags .= '<meta property="og:type" content="'.$type.'" />'.$nl;
$tags .= '<meta property="og:url" content="'.$url.'" />'.$nl;
if($title)
$tags .= '<meta property="og:title" content="'.$title.'" />'.$nl;
if($desc)
$tags .= '<meta property="og:description" content="'. esc_attr($desc).'" />'.$nl;
if($image)
$tags .= '<meta property="og:image" content="'.$image.'" />'.$nl;
if($admins)
$tags .= '<meta property="fb:admins" content="'.esc_attr($admins).'" />'.$nl;
echo $tags;//*/
}