WordPress添加OG标签

og标签用于社交分享时第三方网站获取网页基本信息，诸如网页封面图片、网页标题、网页描述等。

Open Graph Protocol（开放图谱协议），简称 OG 协议或 OGP。它是 Facebook 在 2010 年 F8 开发者大会公布的一种网页元信息（Meta Information）标记协议，是一种制定一套Metatags的规格，用来标注你的页面，即这种协议可以让网页成为一个“富媒体对象”。是一种 Meta 标签。作用就是为社交分享而生的 Meta 标签。它是目前社交媒体优化（SMO）的基本操作。

如何为wordpress添加OG标签？

function sk_og_meta() { 
    if(is_single()){
        $og_image = catch_that_image(); //如果是文章页面，把文章中的第一张图片作为og:image
    }
    if(!$og_image){
        $og_image = 'image_url'; //把image_url换成你的默认og:image图片的链接
    }
    ?>
    <meta name="og:title" contect="<?php echo get_the_title(); ?>">
    <meta name="og:image" contect="<?php echo $og_image; ?>">
    <meta name="og:url" contect="<?php echo get_permalink(); ?>">
    <meta name="og:type" contect="article">
    <meta name="og:site_name" contect="你的网站名称">
<?php }
function catch_that_image() {
	global $post, $posts;
	$first_img = '';
	ob_start();
	ob_end_clean();
	$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*/iU', $post->post_content, $matches);
	$first_img = $matches[1][0];
	return $first_img;
}

把上面的代码放入wordpress主题文件夹中的function.php文件最后，然后在主题的head处调用sk_og_meta()即可。如果是文章页，会把把文章中的第一张图片作为og:image，如果不是文章页面或者文章中没有图片，则使用默认图片作为og:image。

比如使用的主题，只要在以上代码块下面添加一行：

add_action( 'neve_head_start_after', 'sk_og_meta' );

Tags：OG协议   SEO   开放内容协议

转载：感谢您对Jerbo个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源Jerbo个人博客”。/web/wordpress/181.html

很赞哦！ ()