たまりば

  お薦めショップ/企業/団体 お薦めショップ/企業/団体  八王子市 八王子市

これはお手軽!Facebookでブログをシェアしたときに大きな画像を表示させる方法



先日の記事で、ブログをFacebookにシェアしたときに、
大きな画像が表示されるようにするためには、
ブログにアップする画像のサイズを幅1200px×高さ630pxがにするのが最適だと書きました。

ブログの投稿画像をFacebookに大きく表示させる方法とは
こんばんは。コンテンツマーケティング実践者こぐまです。今日は、ブログとFacebookを連携させてお使いの方に、ちょっとしたひと手間でブログのアクセス数をアップさせられるかもしれない方法をご案内します。




でも、このやり方、少し面倒でしたね。
画像をブログにアップした後で、毎回 
width="480" というHTMLの追加が必要でした。

もっと手軽にできる方法がないかなー?と模索していたところ、
うちの会社の企画制作担当スタッフが、良い方法を教えてくれたので、共有します。
今回ご紹介する方法は、記事投稿ごとに毎回毎回手を加える必要はありません。
たった一度だけ、この設定をしてもらうだけ。


管理画面の左メニューにある「テンプレート」画面で、
「使用中」となっているPCテンプレートの「カスタマイズ」をクリックします。
すると、このような画面が出てきます。



上の画像でもマークをつけている通り、一番上の「スタイルシート」という入力欄の最後に、

.main img{
max-width: 95%;
margin: 0;
}

という3行を追加して、画面下部にある「登録する」をクリックして下さい。

これは、「記事で投稿された画像が大き過ぎて画面からはみ出しちゃう場合は、
自動的に最適なサイズに縮小表示しますよ」という呪文のようなもの。

一回設定しておけば、テンプレートを変更しない限り、有効です。

ということは、今後はブログに画像・写真をアップするときは、
自分のブログの画面幅を意識せず、Facebookの推奨サイズである
幅1200px×高さ630px
に合わせてアップしてあげればOKということですね。

僕は、ここ最近の記事投稿では、幅1200pxを意識して画像をアップしています。
高さ630pxは、あまり意識しなくても、Facebookには大きな画像が載るようです。
たぶん、630px以上であれば大丈夫なのでは。

一般的なデジカメは幅4:高さ3くらいに設定されているはずなので、
幅を1200pxにすれば、高さは900pxほどかと思います。
(スマホはもう少し横長のようですが、一般的なものであれば630px以上はあります)

注意点は、もともとの撮影した写真が、1200px以下の場合は、
いくらこの魔法の呪文を使っても、写真が大きくなることはありませんので、
普段、ブログ用の撮影に使っているデジカメ、スマホなどの撮影サイズをご確認下さい。


Facebookに大きな画像が表示されるように工夫を始めてから1週間ほどですが、
感覚値で「いいね!」は5倍、ブログへのアクセス数も1.5倍くらいにはなっているようです。
(「いいね!」の伸び率が高いのは、Facebook上だけで呼んで頂いている方の割合が高いため)

皆さんも、ぜひチャレンジしてみて下さいねー。
今日の「八王子ブログ村」でも、このお話をさせて頂く予定です。


  • にほんブログ村 ネットブログ ネット広告・ネットマーケティングへ
    「にほんブログ村」のランキングに参加中、クリックで応援して下さい!



    ▼留学生・外国人の社員採用に役立つ「ジェイ・ラインキャリアセンター」コラム [一覧]

    ▼ブログのビジネス活用に役立つ!「たまりば」マーケティングコラム [一覧]
    red_rightビジネスブログ・オウンドメディア運営に最適!ビジネス会員サービスについて
    同じカテゴリー(Facebook活用)の記事画像
    とある地方議員さんのベテラン政治家的ネット情報発信戦略会議
    八王子創業スクールで情報発信の戦略策定のコツをお話
    八王子ハッピーバレンタインの撮影隊に飛び入り参加!まちづくりブロガーの現場を体験
    地域ポータルサイトはFacebookと○○○で上手くいく
    そのブログ、そのSNS、ちゃんと分析・活用してますか?
    ブログの投稿画像をFacebookに大きく表示させる方法とは
    同じカテゴリー(Facebook活用)の記事
     とある地方議員さんのベテラン政治家的ネット情報発信戦略会議 (2017-05-24 08:00)
     八王子創業スクールで情報発信の戦略策定のコツをお話 (2017-03-27 08:00)
     八王子ハッピーバレンタインの撮影隊に飛び入り参加!まちづくりブロガーの現場を体験 (2017-02-15 08:00)
     地域ポータルサイトはFacebookと○○○で上手くいく (2016-10-07 08:00)
     そのブログ、そのSNS、ちゃんと分析・活用してますか? (2016-07-21 23:00)
     ブログの投稿画像をFacebookに大きく表示させる方法とは (2015-08-13 20:30)

     
    上の画像に書かれている文字を入力して下さい
     
    <ご注意>
    書き込まれた内容は公開され、ブログの持ち主だけが削除できます。