まぐまぐ!メルマガ画像をフェイスブックに大画像でシェア

スポンサーリンク

まぐまぐ!のメルマガをフェイスブックでシェアする時に、画像を自分のメルマガ用に変えて大きな画像でシェアしたいなと思う時があります。

フェイスブックのタイムラインに流れる場合に、アイキャッチの画像はとても大事です。

表紙画像を変えていない場合、まぐまぐ!のメルマガをフェイスブックでシェアしようとすると、まぐまぐ!のデフォルト表紙画像が表示されます。

スポンサーリンク

まぐまぐ!のデフォルト表紙画像
一日一読_小さな成長メルマガ
フェイスブックでシェアしようとすると、まぐまぐ!のデフォルト表紙画像がそのまま表示される。
Facebook_and_s115_jp

iPhoneからシェアする場合はこんな感じ。
IMG_0464

これを、表紙画像を変えて。
画像が縮んで表示されるところは、少し気にはなりますが、
実際のメルマガの表示:一日一読 小さな成長メルマガ
一日一読_小さな成長メルマガ

フェイスブックにシェアしようとする時には変更した画像が表示されて
Facebook
iPhoneからシェアしようとする時にはこんなふうに見えて
IMG_0465

実際にタイムラインにシェアした時は、このように
s115_jp

大きく目立って画像が表示されるように設定を変えてみましょう。

まぐまぐ!のメルマガ表紙画像の変更

さっそく、まぐまぐ!のメルマガ表紙画像を変更したいところですが、その前に、フェイスブックのシェアボタンを押してみて、まぐまぐ!のデフォルト画像が表示されることをご自身でもチェックしておきましょう。

事前にチェックしておくと、この後の画像反映がどんな感じでされていくかがイメージしやすくなります。

シェアボタンを押して、まぐまぐ!のデフォルト画像が出てくることを確認したら、まぐまぐ!の「メルマガ基本情報の変更」ページへ行って画像を変更していきましょう。

表紙画像の変更

おなじみのメルマガを発行するページの下のほうに「メルマガ基本情報の変更」というところがあります。

メルマガの配送・管理_-_まぐまぐ!マイページ

「メルマガ基本情報の変更」の中に入るとメルマガの表紙画像を変える項目があるので、表示したい画像をアップします。

1200×630ピクセル以上をアップ

アップする画像は、500KBまでで、できれば1200×630ピクセル以上の大きさの画像を用意しましょう。

Facebook Content Sharing Best Practicesによると、フェイスブックでは、1200×630ピクセル以上の大きさの画像を推奨しています(2015年7月1日現在)。

600×315ピクセルより小さいと、タイムラインの表示画像が小さくなります。

また、下限は200×200ピクセルですので、アップする画像の大きさには注意が必要です。

1600×1200ピクセルでもアップできた

まぐまぐ!の設定画面には、「70×100ピクセル 500KBまで」と書かれていますが、試してみたところ、500KBよりも大きいファイルはアップできませんでしたが、サイズは1600×1200ピクセルでもアップすることができました。

ただし、メルマガの表紙画像は、最初に紹介したイメージ画像のように縮められて表示されますのでご注意を

アップしたら、「メルマガ基本情報の変更」を最後まで進めて、変更を完了させましょう。

スポンサーリンク

1日待つ

まぐまぐ!の設定変更は1日1回なので、1日待ちます。

翌日になって、個別ページの表紙画像が変わっているのが確認できたら、ここで、一度、フェイスブックのシェアボタンを押してみましょう。

そうすると、まだ、まぐまぐ!のデフォルトの表紙画像のままだと思います。

シェアする画像の変更

いよいよフェイスブックでシェアする時の画像を変更していきます。

フェイスブックは、画像をキャッシュしているので、キャッシュをクリアして、画像を更新してあげる必要があります。

キャッシュをクリアしにいく前に、自身のメルマガの個別ページのURLをコピーしておきます。

私のメルマガ「一日一読 小さな成長メルマガ」の場合、個別ページのURLは、http://www.mag2.com/m/M0087613.htmlなので、このURLをコピーして、

フェイスブックのDebugger(英語)へ行きます。

先ほどのコピーしたURLを枠の中でペーストして、Debugボタンを押します。
Debugger

そうすると、画面が切り替わって、そのまま下までいくと、見覚えのあるまぐまぐ!のデフォルト画像が表示されていると思います。

Object_Debugger

上に戻って、「Fetch new scrape information」を1回押します。

Object_Debugger

もう一度、下へ行ってみると、「og:image」のイメージが変わっているはずです。

Object_Debugger

上へ戻って、もう1回「Fetch new scrape information」を押して、
Object_Debugger

下へ行くと、

きました!

「When shared, this is what will be included」にシェアした時のイメージが表示されましたね。

Object_Debugger

もし、うまく画像が表示されない場合は、おそらく画像が小さいんだと思います。

先ほどのフェイスブックのDebugger(英語)ページでエラーメッセージをチェックしてみてください。

シェアしてみる

実際に、シェアボタンを押してみます。

PCからだとこのように
Facebook

iPhoneからだと
IMG_0465
このように、無事画像が反映しています。

実際のフェイスブックタイムライン

実際にフェイスブックでシェアしてみると、ちゃんと大きな画像で、タイムラインに表示してくれました。
画像が大きいと目立ちますね。
s115_jp
私のFacebookページへ行ってもらって見ていただくと、大きな画像でタイムラインに表示されているのが分かると思います。

小さな画像の記事よりも、すごくいい感じで表示されています。

ぜひ、まぐまぐ!でメルマガを配信されている方は、フェイスブックへシェアする時の表示画像を大きく目立つようにして、メルマガの読者数アップに役立ててくださいね。

メルマガ購読・解除
 

スポンサーリンク