WordPressで投稿した記事をFacebookでシェアしたとき、間違った画像が表示されたことはありませんか？特に、投稿のために素晴らしい画像を選択した場合、これはイライラすることがあります。多くのサイトオーナーがこの問題に直面しており、その解決方法は必ずしも明確ではありません。
Facebookが間違ったサムネイルを表示すると、潜在的な読者にとってあなたの投稿が魅力的でなくなる可能性があります。これでは、あなたのリンクをクリックしたり、コンテンツをシェアしたりする人が減ってしまうかもしれません。だからこそ、Facebookがあなたの投稿に正しい画像を表示するようにすることが重要なのです。
WPBeginnerのチームはFacebookへの投稿を定期的に行っており、何百万人ものWordPressユーザーをこのような問題の解決に導いてきました。私たちは、ソーシャルメディアでの共有が、見栄えが良く、コンテンツを正確に表現することがいかに重要かを理解しています。
このガイドでは、FacebookがあなたのWordPress投稿に常に正しいサムネイルを表示し、ソーシャルメディアでの共有をより効果的にする方法をご紹介します。
なぜFacebookはサムネイル画像を拾わないのか？
Facebookの投稿で間違ったサムネイルが表示されたり、正しいサムネイルが正しく表示されない理由はたくさんあります。最も一般的な理由のひとつは、og:Imageタグに複数の画像が設定されており、アイキャッチ画像が他の画像よりも小さいことです。
FacebookはOpen Graphタグを使用しており、All In One SEO (AIOSEO)やYoast SEOのような多くのWordPressプラグインは、サムネイルの欠落を防ぐためにWordPressサイトに自動的にタグを追加します。
その他の原因としては、キャッシュプラグイン、CDNの競合、サムネイル画像のオープングラフメタタグの欠落などがあります。
デバッグ・ツールを使っても具体的なエラー・メッセージが表示されないので、何が問題の原因なのかを推測するのは本当に難しい。
とはいえ、Facebookのサムネイルが正しくない問題を解決する方法をいくつか見てみましょう：
動画チュートリアル
文章での説明がお好きな方は、このまま読み進めてください。
AIOSEOでFacebookのサムネイルを選ぶ
あなたが望むサムネイルを表示する一つの方法は、無料のAIOSEOプラグインを使用することです。これは市場で最高のWordPress SEOプラグインで、検索エンジンやソーシャルメディアサイト向けにコンテンツを簡単に最適化することができます。
AIOSEOの無料版でこれを行う方法をご紹介します。より多くのSEO機能をアンロックし、WordPressサイトへのトラフィックを増やしたい場合は、AIOSEO Proをチェックする必要があります。詳しくはAIOSEOのレビューをご覧ください。
まず、AIOSEOをインストールして有効化する必要があります。WordPressプラグインのインストール方法はこちらをご覧ください。
プラグインをインストールした後、投稿時にFacebookのサムネイルを簡単に変更することができます。投稿エディターの下にあるAIOSEO設定メタ情報までスクロールダウンし、「ソーシャル」タブをクリックするだけです。
ページを少し進むと、「Image Source」のドロップダウンがあり、Facebook用のサムネイル画像を選択することができます。
例えば、あなたのアイキャッチ画像を使用したり、代わりにカスタマイザーをアップロードすることができます。
Facebookのサムネイル画像を追加したら、投稿を更新する必要があります。ほとんどの場合、これで問題が解決します。
Facebookでシェアされた投稿はこんな感じです：
プロからのアドバイス：これがうまくいかない場合は、WordPressのキャッシュをクリアし、この投稿で後述するFacebookデバッグツールで投稿をリフレッシュしたことを確認してください。
Yoast SEOプラグインでFacebookのサムネイルを選ぶ
Yoast SEOプラグインには、各投稿やページにカスタムFacebookサムネイルを追加する機能も付いている。
Yoast SEOプラグインをインストールして有効化するだけです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化した後は、好きな投稿に投稿サムネイルを設定しよう。
投稿日：投稿エディターの下にあるYoast SEOのメタ情報ボックスまでスクロールダウンし、ソーシャルタブをクリックします。そこに、Facebook用のサムネイル画像をアップロードするボタンがあります。
ブログの始め方」投稿のFacebookのサムネイルはこんな感じです：
Facebookデバッグ・ツールを使ってキャッシュをクリアする
正しいサムネイルを追加したにもかかわらず、Facebookが正しいサムネイルを表示しない場合、問題はキャッシュに関連しています。
まず、WordPressのページキャッシュをクリアする必要があります。
その後、デバッグツールを使ってFacebookのキャッシュをリセットする必要がある。
Facebookデバッグツールは、Facebookのサムネイル問題をトラブルシューティングする最も簡単な方法です。WordPress投稿のURLをコピー＆ペーストして、Facebookデバッガツールに貼り付けるだけです。
その後、’Scrape Again’ボタンをクリックすると、Facebookが投稿サムネイルを更新します。場合によっては、「Scrape Again」ボタンを2回クリックする必要があります。
WordPressでソーシャルメディアを活用するためのエキスパートガイド
この投稿がWordPressでFacebookのサムネイルが正しくない問題を解決するのにお役に立てば幸いです。WordPressのソーシャルメディア利用に関する他のガイドもご覧ください：
- WordPressソーシャルメディア・チートシート（更新版）
- WordPressにソーシャルメディアのフィードを追加する方法（ステップバイステップ）
- BufferでWordPressのソーシャルメディア投稿をスケジュールする方法
- WordPressのサイドバーにソーシャルメディアのアイコンを追加する方法
- WordPressのメニューにソーシャルメディアのアイコンを追加する方法（簡単な方法）
- WordPressでソーシャルメディアのフォロワー数を表示する方法
- プロフィールページに投稿者のTwitterとFacebookを表示する方法
- WordPressのベスト・ソーシャルメディア・プラグイン
- WordPressユーザーに最適なソーシャルメディア・モニタリング・ツール
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
I also encountered a similar problem once and the solution was to remove mixed content where part of the site was http and part was https. Then the previews on Facebook were also displayed incorrectly.
Sam
Brilliant advise, worked straight away, thank you!!!
WPBeginner Support
Glad our guide was helpful!
管理者
Blue
Hello I’m quite confused. I can’t find the Social Meta feature. I go to feature manager, and all it does is tell me I need the Pro version. Did they put all features behind a paywall?
WPBeginner Support
You would want to check in the individual posts at the bottom as that would be where you find this feature.
管理者
Becka
I did all these things. Still doesn’t work. I can set the preferred image on all pages except my homepage. It always shows up as my site icon. Maybe I should dump AIOSEO and use a different one?
WPBeginner Support
For specifically your homepage you can find where to edit that under All in One SEO > Search Appearance. We would still recommend All in One SEO
管理者
Chanin
Hi, I’m using Yeost SEO. I’ve been doing all the steps from adding the picture specific in the Yeost Facebook setting to Facebook debugging. The thumbnail still shows the logo of my website instead of the image and descriptions.
WPBeginner Support
The most common issue you would want to check would be that your site’s cache has cleared.
管理者
Jill Hasty
My problem is not being able to set it…my problem is that I want it to default to using the feature image in my social media posts. It used to do that but now something has changed and it doesn’t do it anymore.
We’re often posting from sea via email so manually setting the image is not an option.
WPBeginner Support
If it is not using the featured image by default then you would likely want to check with the support for your SEO plugin to see if there is an issue with the plugin itself. You should also have the option to select the featured image as an image already uploaded to your site’s media library without needing to upload it again.
管理者
Meghan Short
Hi, so I’m having a problem when sharing just my URL on Facebook. I was hoping it would show my header or logo image but it’s sharing my last blog upload image. Is there a way to fix that??
WPBeginner Support
In the general SEO settings for the plugin you are using, you should be able to set the image for your main site.
管理者
Pam Molnar
Thank you so much for this article! I was so annoyed that I couldn’t get it to work right but your directions were simple and worked perfectly! Now on to check out more of your posts.
WPBeginner Support
Glad our guide was helpful
管理者
Josephine Koumettou
Thank you so much for the detailed article! I tried the debugger and the All-In-One SEO suggestion but neither works
The weird thing is that when I share my blog post on my personal Facebook profile the thumbnail shows just fine, but when I share on my Facebook page (i.e. my business FB page), I keep getting my site’s logo instead of the post photo… Any ideas? Thank you so much
WPBeginner Support
Sadly, you may need to run the debug tool on the link to force Facebook to clear their cache of that specific post.
管理者
Olidur Rahman
Recently im facing this message when i start to write a blog post “The editor has encountered an unexpected error”
Please suggest me any solution about this topic…
WPBeginner Support
You would want to start by going through the recommendations in our article below:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
Khizerulla Khan
Hi, I am a beginner and I want to know how would I add a option for customer’s like login with Google, login with Facebook and all these extra logging in options other then signing up and doing lengthy process. Please help me
WPBeginner Support
For what it sounds like you’re wanting, you would want to take a look at our article below:
https://www.wpbeginner.com/plugins/how-to-add-login-with-facebook-in-wordpress/
管理者
Ellen Baker Dubois
Hey thanks guys! The FB debugging tool worked!
WPBeginner Support
Glad our recommendation could help
管理者
Kayla
I have Wordpress but on Facebook my url thumbnail is my old picture and description. Where on Wordpress can you change this? Facebook it’s old however if I send my url over message it’s my new logo but no description I have tried Yost it didn’t work for me what can I do?? I have also debuted Facebook
WPBeginner Support
Have you used the debug tool? It sounds like Facebook make have cached the wrong image and needs to clear the cache.
管理者
Abdurraheem
Please my link has not been displaying Thumbnail on WhatsApp but working fine on Facebook. I actually changed my theme recently and would like to know if there is anything I can do to ensure the thumbnail starts displaying on WhatsApp.
WPBeginner Support
If you have Yoast’s plugin active then you would want to reach out to the plugin’s support and let them know the image is not displaying.
管理者
Cathy
I bet I have a new one for you. I have a relatively new site (5 posts) and any post I try to share to Facebook brings up a preview for a CNN article. I have no idea why. If you click on it, it does take you to my post but the preview will always show the same CNN post.
I have tried the debugger with no luck. I disabled all my plugins and then tried it again thinking maybe a plugin was making my site wonky but no luck.
Any ideas?
WPBeginner Support
Have you tried manually setting an image using an SEO plugin like Yoast and then running the debugger?
管理者
Cathy
Yes, but it still redirects to the CNN post.
WPBeginner Support
If it is redirecting to CNN and you didn’t write about it you may want to check with your host that there aren’t any redirects set up in your htaccess and you may want to try the theme checker plugin in step 4 of our article here: https://www.wpbeginner.com/beginners-guide/beginners-step-step-guide-fixing-hacked-wordpress-site/
MA
I’m wondering if I should upload the actual size of the Facebook image 1200 x 630 px to my blog or scale it down on my laptop to the right size for my blog content container and then upload it to my blog? What’s best?
Thanks!
WPBeginner Support
We would normally recommend adding the best image for your theme to your site
管理者
MA
So for Facebook scale the images down to a 1.91 to 1 ratio (to match my blog container width) and when someone shares it on my blog post it should still come out Ok on Facebook even though it’s not 1200 x 628? Facebook should just zoom it up right?
WPBeginner Support
Facebook should try to adjust and if not, most SEO plugins have an option to upload an image specifically for Facebook or other sharing platforms for those to use.
Hope
mar 1st, 2019
– Facebook post:
in ‘insights’ choose Posts, select the post to edit, Upper right hand 3 dots click, choose ‘refresh share attachment’. this restored the wp image that was just a grey block. great.
WPBeginner Support
Thanks for sharing what solved the issue for you
管理者
Paige Knight
Is there any updated advise on this? I use SEO Yoast Premium and have set the correct photo for the Facebook link preview but Facebook is still choosing the incorrect photo that is completely irrelevant to the post.
Carlos Alzate
Thanks soooo much!!! Dude, you are great! Greetings from Colombia
Rosio
So sadly my blog was set up under All in One Seo not Yoast. When I tell All in One which image to display as a thumbnail in the social meta section, Facebook shows the default image instead. Any help with the All In One Seo Plugin is greatly appreciated.
Ellen Dubois
This solved my problem!! I used Fb debugger and copied the URL for the photo it said it could not find. Then went to my dashboard and double clicked the photo and inserted the alternate title copied from the debugger! Et voila! Thanks guys!
Claude Gelinas
There seems to be an incompatibility between WordPress’ Photon image caching engine and Facebook.
If the go:image meta tag points to your server and the images are served through Photo, that’s where Facebook is incapable of retrieving the images.
Google Plus never has that sort of problem.
In my view, the problem comes from Facebook.
Vera Schäfer
Thank you so much! I was having a hard time trying to force Facebook Debugger to show my image, as I always do but today it simply wasn’t happening. I use Yoast for years but never occurred to me to follow setting instructions like you helped me today.
Gideon
thanks to you people this issues has been giving me a sleepless night after reading this post and i follow the procedure everything was like a dream…. thanks
Tliffany Clarkson
Is there a way to fix this problem without having to manually use the facebook debugger for every single post? I have hundreds of posts and all are showing the wrong pic. Help would be greatly appreciated!
WPBeginner Support
Hi Tiffany,
The best way to do this is still using the Yoast SEO plugin’s social tab to manually set Facebook thumbnail when you are writing the article.
管理者
Kyle Andrew
This worked perfectly for me and I didn’t even know that Yoast, which I have installed on my site could do this. After using the facebook debug tool to ‘force a refresh’ everything is good to go! Thank you very much.
Zadock
I have tried all the methods for but all is in vain. My problem with Facebook thumbnail started 24 hours ago and right now am confused
Mrs Ismail
Dear author, i followed all the steps but none of these worked for me. In my case when I click on what facebook crawler see on your page. The new window open with nothing in it. I’m using a Wordpress SEO plugin and I also set featured image in Yoast SEO. but not worked. Please help. It’s very important for me.
Arrunadayy
I am facing an issue that any image which I share any link be it Facebook, Twitter, LinkedIn it does not pick any image at all. I am not able to understand why it happens and what could be the solution. If you have any solution, please help me out.
Roy Ghosh
How to solve this incorrect thumbnail issue for WhatsApp sharing
Amit Bajaj
Hi
I have recently started facing a weird problem while posting on my Facebook Page. Earlier, when posting a link from my website, I was able to change the image that Facebook automatically pulled from that respective website link.
The earlier process was like this:
1. Put link on a new facebook post
2. FB automatically pulls the featured image from my wordpress post
3. I uploaded a new image
4. Removed the featured image
5. Published the post with an image of my choice.
Now, everything is going fine except step no.4. I am no longer able to remove the automatically pulled featured image. So instead of a single, large image I am getting stuck with a two image carousel.
I have 2 FB pages and this problem is only happening on one of the pages.
Can anyone guide me as to how this problem can be overcome??
Thank you in advance..
Daniel
I have the same issue! I can neither upload new images nor remove featured images – does anyone have a solution?
Kind regards
Dana
I am having the same problem. There are 2 default pictures, I upload another one which I want to appear, but in a few seconds my uploaded picture disappears. Does anyone have a solution? Facebook debugger did not solve anything.
Khalid
I am facing same problem too since 5 or 6 days on my all pages. Now we can’t change the post title and description too. I search a lot on internet about it, but i can’t find anything about it even it’s not mentioned in facebook help section. I think facebook have applied some changes. If you find any solution please let me know.
Mobius Prolix
I’ve not heard of a ACTUAL fix yet. Just a bunch of crap telling you to fix Facebooks problems. Works for some and doesn’t for the rest. For now, we are in the incompetent hands of Facebook Staff.
Kristin
Same problem happening for us!
Yolanda
I’m hoping someone might be able to help me. I am having real trouble sharing to Facebook (but only in my last 2 posts). When I share it does not show a title or an image.
I went to Facbook Debugger and this is the result:
This is my article:
i tried the fixes above in Yoast – but it doesn’t help. Any ideas what I can do based on the feedback form Facebook? THANK YOU.
Matthew
If you are having weird issues like this, a lot of times it could be that multiple plugins OR the theme you are using are conflicting with each other in trying to establish og: (open graph) tags.
I had a very similar issue and it was my theme. I had to disable it’s OG stuff and then yoast worked perfectly.
taylor
I’m also having this issue, and use Yoast and WP. However, I think it is actually a Facebook issue; Facebook allows me to upload another photo to use, and I can use the second photo if I want to set up a post with carousel images, but I can’t deselect the auto-pulled photo and use only the uploaded photo. I have found that by manually adding in on yoast the specific photo I want used on facebook to the article itself, this works — but only this method works for me now. What a pain!
Nathan
Yoast worked for me as well.
Awesome article!
Edward
You idea worked perfectly for me. Thanks
Abdur-razzaq
Thumbnails are not coming up when i want to share post on Facebook. It shows an empty box with no image. Kindly help out please, am confused and frustrated already. You can check it out at Thank You
Chrissy
So I just downloaded the Yoast plugin for a client and it looks like they have removed the open graph feature from their free plugin – which is a shame! You can add pictures on specific pages and posts, but you used to be able to add a specific image for the home page.
WPBeginner Support
Hi Chrissy,
You can still do that. Please see our how to install and setup Yoast SEO plugin article. Check out Step 3, which shows how to enable advanced settings pages. After that, follow step 8 to add a specific image for the homepage.
管理者
Tony
FANTASTIC! This is what I was also looking for. The ONE tab that isn’t activated. Really appreciate the articles and Step 3 and 8 suggestion!
Amanda
This a great article, helped me a lot with this issue regarding the thumbnails within facebook, moreover the plugin SEO Wordpress by Yoast include very usefull tools to improve the content in the blog.
Thank you so much!
Nicole
Oh thank you SO MUCH for this. I recently deactivated the “Publicize” setting in my Jetpack plugin because it was causing issues on the landing page for my newly-launched eBook (plus Publicize hadn’t been working properly for weeks, so I didn’t think I needed it). But then when I went to share my latest post today on Facebook I came up against this issue. I can only assume it’s because no more Publicize. But your Yoast tip worked perfectly for me. Thank you!
Sharon Stiles
Facebook doesn’t like small images. I think the minimum it will show automatically is 200 x 200 pixels but it prefers larger ones. This is a problem I regularly have because I usually use smaller pictures to keep load times down.
Katie
This is a great article. Thank you so much. Tried various debugging methods to fix my image problems. Yoast SEO has been the only method that has worked.
UgoChukwu
My issue is not really with facebook, or my site, but I myself. As I was developing my site and creating some test posts, I used one particular image as thumbnail, some are without feature image, in that case, it will take the one I used as default image in All In One SEO plugin. Now am done with production, Make some necessary changes on the image, but the firts one has already been registered on facebook cache that further sharing of those posts will call up the old image.
I have been able to debug some posts and pages on facebook using debug tool, but the posts and pages are too much for me to be debuging them one by one.
Is there a way I can debug the whole site at once?
Jessica Lauren Vine
You’re amazing. Thanks so much for the help! Got it sorted.
Aziz
When I share my website like wpbeginner.com on my facebook wall, not showing any thumbnail and description. any tutorial for fix this issues? Thanks
Jose
Great stuff! Thank you for that
Avishai
Hello everyone,
I have a problem sharing my posts on facebook from my wordpress site.
When I share it to facebook I get some wierd Japaneese picture.
I’ve checked solutions online but none of them worked for me. here is a list of what i’ve done:
deactivated all the plugins to see that there is no conflict
downloaded the following plugins (downloaded and activated one at a time of course):
Facebook Thumb Fixer
ultimate-social-media-plus
mashsharer
open-graph-protocol-framework
wp-facebook-open-graph-protocol
facebook Plugin
simple-facebook-og-image
Facebook Open Graph, Google+ and Twitter Card Tags
All in one SEO
Yoast Seo (Enabled the facebook button)
*removed cache from the browser
*tried the facebook developer including fetching again.
* tried to paste the link directly to facebook
* tried to put feature image (there are pictures also in the media library)
* tried to share a brand new post, same results
*Uploaded the picture with their desired dimentions of 1200*630
Again and again im getting the message that og:image og:title and are missing
Please help if you can, i dont know what to do anymore.
WPBeginner Support
Hi Avishai,
Try deactivating and deleting all plugins. Delete all themes and then download a fresh copy of Twenty Sixteen or Twenty Seventeen default theme. Upload the default theme to your site. Use Facebook developer tools to see if you are still getting the Japanese title and image.
Thoroughly check your WordPress folders and files to see if there is any suspicious file.
管理者
Patricia Johnson
I truly appreciate this information. I couldn’t figure out what was going on..
Jacqi
I’m having a problem I cant resolve. When I share my post to social media, the text all shows up with no problem but my thumbnail picture never shows up. I dont even get a wrong picture or a gray box where a picture should be. I only get the text. Ive tried adding open graph plugins, Ive tried debugging on facebook which grabs everything except the picture, Ive tried loading a picture into the SEO plugin to fall back on, Ive spent hours google searching for solutions. Everything on my sight appears to work fine except this one thing and nothing Ive tried works. Help!
Jacob
For the last three days I am having trouble with sharing my new posts on FB. The thumb image refuses to show up and I cannot figure out why – mostly because I am a newbie!. However, I am able to share older posts correctly eg and not the a new post
Spent most of the last three days reading through all the existing information on this subject but I am yet to find a fix.
Would appreciate any good suggestions to solve this. Thanks.
Jacob
For the last few days I have been unable to share my new posts on FB with the thumbnail image. However, I am able to share some of my older posts correctly. I have tried just about everything but there is no remedy. Any tips on what could be wrong? I am using the Yoast Plugin.
Thanks.
Cathy
this worked for me BUT i have one more question…
if i am only changing the TITLE of my thumbnail, I do not have a different url and i just need the title to change…since i don’t have a url i can’t put it into the facebook bugfix thing and i can’t get it to change…
Ritesh Shenoy
Worked like a charm !
Cormael
Explicitly Tell Facebook To Use Thumbnail of Your Choice → now we are talking, working like a charm, thank you ♥ Wordpress SEO rocks!