我的 WordPress 特色图片未显示在 Facebook post 和推文中
My WordPress featured image is not showing up on Facebook post and with Tweets
我已经解决了我的一个插件搞乱特色图片的可能性。不工作。
我检查了 FB 调试工具，这是错误消息：
图像内容类型无效
如果 og:image URL，https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png 无法作为图像处理，因为它的内容类型无效。
我试过重新上传相同的图片，但使用不同的类型，如 png 和 jpg，也没有用。
这是详细的部分，我试着看一下 og 标签，但它们都是正确的，没有什么不对的地方。
<!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home -->
<title>Services | Codex Shopper</title>
<meta name="description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
<link rel="canonical" href="https://www.codexshopper.com/services/">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="Services | Codex Shopper">
<meta property="og:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
<meta property="og:url" content="https://www.codexshopper.com/services/">
<meta property="og:site_name" content="Codex Shopper">
<meta property="og:updated_time" content="2020-11-14T04:16:17+00:00">
<meta property="og:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
<meta property="og:image:secure_url" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
<meta property="og:image:alt" content="Free Business Listing">
<meta property="og:image:type" content="image/png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Services | Codex Shopper">
<meta name="twitter:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
<meta name="twitter:site" content="@@Marketerextrao1">
<meta name="twitter:creator" content="@@Marketerextrao1">
<meta name="twitter:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
<script type="application/ld+json" class="rank-math-schema">
我不确定这是否能解决您的问题，但尝试使用 Yoast 插件提供 og:image 没有问题。
在同样的问题中，我被迫更改 Url 名称 (Slug) 使其工作
如果您的元内容是真实的，请注意您的 link 图片会抛出此错误：
https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png
Oops! That page can’t be found.
我修好了！我不得不继续 cPanel -_-，禁用热链接保护。是它搞砸了我的网站。
我已经解决了我的一个插件搞乱特色图片的可能性。不工作。 我检查了 FB 调试工具，这是错误消息：
图像内容类型无效 如果 og:image URL，https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png 无法作为图像处理，因为它的内容类型无效。
我试过重新上传相同的图片，但使用不同的类型，如 png 和 jpg，也没有用。
这是详细的部分，我试着看一下 og 标签，但它们都是正确的，没有什么不对的地方。
<!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home -->
<title>Services | Codex Shopper</title>
<meta name="description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
<link rel="canonical" href="https://www.codexshopper.com/services/">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="Services | Codex Shopper">
<meta property="og:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
<meta property="og:url" content="https://www.codexshopper.com/services/">
<meta property="og:site_name" content="Codex Shopper">
<meta property="og:updated_time" content="2020-11-14T04:16:17+00:00">
<meta property="og:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
<meta property="og:image:secure_url" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
<meta property="og:image:alt" content="Free Business Listing">
<meta property="og:image:type" content="image/png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Services | Codex Shopper">
<meta name="twitter:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
<meta name="twitter:site" content="@@Marketerextrao1">
<meta name="twitter:creator" content="@@Marketerextrao1">
<meta name="twitter:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
<script type="application/ld+json" class="rank-math-schema">
我不确定这是否能解决您的问题，但尝试使用 Yoast 插件提供 og:image 没有问题。
在同样的问题中，我被迫更改 Url 名称 (Slug) 使其工作
如果您的元内容是真实的，请注意您的 link 图片会抛出此错误：
https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png
Oops! That page can’t be found.
我修好了！我不得不继续 cPanel -_-，禁用热链接保护。是它搞砸了我的网站。