【Q&A】Twitterにブログを連携させた時にWordPressで設定したアイキャッチ画像が反映されない！どうしたらいいの？

2016

01/21

Published

2016.01.21

/ 松原 潤一

　　

\ この記事を共有 /

B!

リンクをコピーする

【Q&A】Twitterにブログを連携させた時にWordPressで設定...

松原 潤一

B!

リンクをコピーする

質問＆回答コンテンツです！

今日の質問はこれ！『川田さん』という方から質問をいただいたものです。（だいぶ遅くなってすみません）

ツイッターにWPの記事を投稿した時に、タイトルの上に写真や絵が載せららません。影絵みたいになのしか出てこないんです。

グーグルで調べプラグインしたりして試みたのですがダメでしたぁ。やり方を教えて頂ければ幸いです。

そうそう、アイキャッチ画像に設定した画像じゃなくて、なぜか本文中に入れた画像の一番初めの画像が出てきたりしますよね。

という事で、今回は「WordPressで書いた記事をTwitterに公開した時に、設定したアイキャッチ画像を正しく反映させる方法」を解説します！

これは、もしかしたらWordPressのテーマなどの仕様によって違うかもしれないので、今の僕の条件を前提に説明しますね！

僕はこんな条件でWordPressブログを運営しています

• サーバー：エックスサーバー
• ドメイン：お名前ドットコム
• WordPressテーマ：Hummingbird（ハミングバード）
• JetPackというプラグインの「パブリサイズ」という機能を使って、Wordpressに書いた記事を公開するときに、同時にTwitterに連動するように設定している
• All in One SEO packというプラグインで、OG imageの設定をしている

参考：『ブログを公開するたびに絶対やってほしい３つの手順！4つのSNSとうまく連携させよう』

こんな感じで運用しています。

では、詳しくこんな設定をしているよ！という事を下に書きますね。

準備編：「All in One SEO Pack」のSocial Metaの設定はこうしている！

↓　WordPressの左側のメニューの「All in One SEO」から、「Social Meta」をクリックします。

↓ 「Image Settings」の中の、Select OG:Image Sourceは「アイキャッチ画像」を設定しています。

↓　ちなみに、「Twitter Settings」はこのような感じにしています。

• Default Twitter Card　⇒　Summary Large Image
• Twitter Site　⇒　＠アカウント
• Show Twitter Author　⇒　チェック
• Twitter Domain　⇒　twitter.com/アカウント

公開前の設定編：アイキャッチ画像をしっかりと設定しよう！

記事を書いて「公開」ボタンを押す前に必ず設定しているのが以下の2点。

1. アイキャッチ画像を設定
2. Social Imageを、Twitterに出したい画像にチェック。

１．アイキャッチ画像を設定します。

一度ここで「下書きとして保存」をクリックしておきます。

２．Social Imageを指定する

↓次に、本文の一番下のほうにある「All in One SEO Pack」という部分を見て下さい。この下にある「Social Settings」をクリックしましょう。

↓スマホでは見にくいと思うので、拡大するとこんな感じになっています。

↓そうすると、こんな風に画面が切り替わるので、Twitterに反映させたいImage画像を選択してあげて下さい。

これを選択して、公開前にもう一回念のために「下書きとして保存」をクリックしてください。そうすると上手く反映された！っていう情報も頂きました。（ありがとうございます金城さん）

まとめ

僕もどっちかというと、技術的に強い訳じゃないですが、こんな風にしたらうまく反映されています。

上手くいかなかったら、上手くいっている人の設定・やり方を真似する！これでいいと思います。技術系に強くならなくても、理由が分からなくても、できればいいや！って時もたまには必要かもしれないですね（笑）

もっとこうした方が上手くいくよ！っていうのがあれば、是非教えてください。

ではでは