Open Graph Object Debugger看到帶有Wordpress網站的標簽（og：image）不存在

Question

我將元數據添加到我正在處理的Wordpress網站的header.php文件中。 我想確定將URL放入其中后Facebook中顯示的內容。

我創建了帶有公司徽標的圖像，並將其放在圖像標簽中，如下所示：| meta property =“ og：image” content =“ https://www.nextlevelcbd.net/nextlevelcbd-logo-facebook.png” | ...它只是在網站的根文件夾中。

調試器說它也看到了這個標簽：| meta property =“ og：image” content =“ https://s0.wp.com/i/blank.jpg” | ...該標記根本不在header.php文件中。

確實，在該位置有一個小的方形白色圖像（blank.jpg）。 那只是最奇怪的事情。 我永遠都不會使用該圖像。 您可以在這里看到我的： https : //www.nextlevelcbd.net/nextlevelcbd-logo-facebook.png ...並且調試器可以看到兩者，但不會使用我的。

有誰知道這怎么可能以及如何解決？

這是調試器： https : //developers.facebook.com/tools/debug/og/object/這是站點URL： http : //nextlevelcbd.net/

Answer 1

您可以通過在function.php文件中添加og標簽來做到這一點，我們解決了相同的問題，並通過

添加此代碼

add_action('wp_head', 'fc_opengraph');
function fc_opengraph() {

  if( is_single() || is_page() ) {

$post_id = get_queried_object_id();

$url = get_permalink($post_id);
$title = get_the_title($post_id);
$site_name = get_bloginfo('name');

$description = wp_trim_words( get_post_field('post_content', $post_id), 25 );

$image = get_the_post_thumbnail_url($post_id);
if( !empty( get_post_meta($post_id, 'og_image', true) ) ) $image = get_post_meta($post_id, 'og_image', true);

$locale = get_locale();

echo '<meta property="og:locale" content="' . esc_attr($locale) . '" />';
echo '<meta property="og:type" content="article" />';
echo '<meta property="og:title" content="' . esc_attr($title) . ' | ' . esc_attr($site_name) . '" />';
echo '<meta property="og:description" content="' . esc_attr($description) . '" />';
echo '<meta property="og:url" content="' . esc_url($url) . '" />';
echo '<meta property="og:site_name" content="' . esc_attr($site_name) . '" />';

if($image) echo '<meta property="og:image" content="' . esc_url($image) . '" />';

// Twitter Card
echo '<meta name="twitter:card" content="summary_large_image" />';
echo '<meta name="twitter:site" content="@francecarlucci" />';
echo '<meta name="twitter:creator" content="@francecarlucci" />';

  }

}

您還可以在https://socialdebug.com/上查看og標簽的網站狀態