>OGPとは?SNSでシェアされるサムネイル画像の設定方法2020-07-18TwitterSharePocketHatenaLINEURLコピーWordPressのブログ記事をTwitter、Facebookでシェアした時のサムネイル画像を大きく見せる方法を「OGP」と言います。圧倒的にソーシャルメディアのタイムラインで目を引くのでブログに多くの流入が見込めるものです。Protocolの略でソーシャルメディアでシェアをしたときに最適化させるための方法で、画像やタイトル、記事の概要を大きく表示させます。タイムラインで目を引き、リンク先の内容が一目てつかめます。クリックエリアが大きくなるのでスマホでもGoodです。投稿画面にURLをコピペする)に、このような表示になるようにする設定です。・ドメインURL(KAORI-CREATIVE.COMとある所)が表示されています。何かの記事シェアで見た事ありますよね。タイトル付きで見栄えも良いし、目を引くでしょ?サムネイル画像がこのように小さく表示される場合もありますが、画像自体の横幅が足りない、またはきちんとした設定がされてない場合にこういう小さいサムネイルになるようです。画像がないよりはいいけれど、やっぱり大きいサイズのほうがインパクトは大きく目をひきます。OGPの設定方法ブログ側とFacebook側を関連づける設定をします。ニュースフィードに表示させるのに最適なサイズがあり、それに合わせて画像を用意するためです。基本的には「同じサイズの画像」を記事に付けるようにしてください。SEO」を使う例を説明します。Unit」をご使用の場合は、機能がすでに入っていますので、そのプラグインを使ってください。ハリウッド式の声帯の筋トレで「声をつくらず、自信をつくる」プラウドボイスメイクの金丸明日香さん。明日香さんはWordPressでブログサイトを運営されていますが、OGP設定をしていませんでした。そのため、ワークショップの案内ページをFacebookでシェアするとこのように特定のお客さまの顔写真がサムネイルとして表示されてしまっていたのです!このお客さまは案内ページに掲載されている体験者のお一人ですが、なぜかその方の写真が出てしまうのです。画像がないタイトルだけ表示されたり、表示が不安定になるのです。記事タイトルと画像の不一致は、届けるパワーを下げてしまいます。かおり「WordPressは運営しているけどOPG未設定」の方は、この記事を見ながら設定してみてください。FacebookでアドミンIDとアプリケーションIDを取得するWordPressとFacebookを連携をさせるための情報として、FacebookのアドミンIDか、FacebookのアプリケーションIDのどちらかが必要です。具体的な説明はこちらの記事を参照してください。アドミンIDとアプリケーションID取得方法WordPressにアプリIDを登録!-まずはプラグインをインストールここではプラグインを使ってFacebookとWordPressをつなげます。SEO」を使いましょう。※すでにWordPressをお持ちの方前提です。SEO」を入力します。インストールしてプラグインを有効化します。SEOのメニュー内「機能管理」をクリック。画面右の「Socialメディア」を「Activate(有効化する)」を押します。先ほどの「機能管理」の上に「ソーシャルメディア」のメニューが追加され、先ほどのグレーの画像アイコンがブルーに変わり、有効化されたことが分ります。「ソーシャルメディア」メニューをクリック。スクロールしてゆくと「画像設定」というコーナーがあります。そこではOGP用の画像をどうするか選択します。ここではアイキャッチ画像と選択します。記事ごとにアイキャッチに登録した画像をシェア時のサムネイルに表示させることになります。上から3項目めの「デフォルトのOG:image」は、アイキャッチ画像を設定していなかったときに表示させる画像を指定します。私は必ず記事には画像を用意しますので、私の場合ここは空欄です。スクロールすると「Facebook設定」がありますので、こちらに先ほど取得した15桁の数字を入力します。IDだけで問題なく表示されていますので、どちらか一つで問題ありません。その下をスクロールすると「Twitter設定」もありますので、使っている方は入力しておくとよいでしょう。ページの最下部にある「設定を更新」を押してください。これを押さないと設定が反映されませんのでご注意。SEO」には他にも大切な設定ができますが、ここではOGP設定に関する方法のみです。これでWordPressとFacebookを連携させることができました。これはご自分のWordPressサイト全体の設定が完了です。あとはシェア時に表示される画像でもあり記事の始めに表示されるイメージ画像=アイキャッチ画像を用意しましょう。アイキャッチ画像をまずは用意します。サイズはFacebookの開発者向けページでは次のように説明されています。630ピクセル以上の画像を使用します。315ピクセルの画像を使用してください。画像の最大サイズは8MBです。developersお使いのWordPressのテーマによってはアイキャッチの横幅は大きめのものがありますので、その横幅に対して同じ比率がキレイになるでしょう。縦525ピクセル>にしています。縦315ピクセル>の画像を用意しました。記事の編集画面を開き、右下の「アイキャッチ画像を設定」をクリックし、画像をアップロードし、「アイキャッチ画像を設定」を押すと設定されます。※この画像は明日香さんの記事ではなくこの記事の編集画面です。アイキャッチ画像を指定した後は「下書きを更新」または一度公開した記事の編集であれば「公開」ボタンを押します。SEOの記事別の設定エリアがあります。「画像」の中でアイキャッチ画像を選択します。※アイキャッチを正しく登録し、記事を更新しないとここに表示されません。※この画像は、明日香さんの記事ではなく私のこの記事の編集画面です。これで記事の設定はOKです!デバッガーで正しく表示されるか確認・修正する実際にシェア投稿してみると古い画像のキャッシュが残っていたり、記事を公開した直後は上手く表示されない場合がありますので、最後に必ずデバッガーで表示を確認してください。デバッガーとはプログラムの欠陥や不具合を探して修正する作業をするソフトウエア。作業自体はカンタンです。URLを入力という欄に、シェアしたいブログ記事のURLをコピペします。右の「デバッグ」ボタンをクリック。いう欄を見るとやはりお客さまの顔が出ている状態のままです。Again」のボタンを何度か押してみてください。3〜4回目でようやく正しく表示されました!これでFacebookに投稿しても大丈夫な状態になりました。毎月、このアイキャッチ画像を変更する場合は、差し替えた新しい画像に常時が入れ変わるまでしっかりデバッガーをかけてください。イメージ画像が表示されるのでバナー無しで安心してシェアできますし、さらにお申し込みが増えますね!まとめ一度OGP設定をすれば、あとは記事ごとに以下を行うだけです。SEOの「ソーシャル」タブの画像でそれの画像を選択。デバッガーで確認/調整アイキャッチ画像を用意することが面倒くさいと感じる方もいると思いますが、画像があることでその下に続く文字を読みやすくすること(ブログ画面)、そしてニュースフィードでは目を引くという効果があります。ブロガーさんなどは必ずやっている設定ですのでせっかくのブログ記事を読んでもらうためには、ぜひやっておきたいですね。集客ブログサイト、ワードプレス、ランディングページ、ツール...集客から販売まで、ネットビジネスで必要なスキルや知識を学べるメール講座です。今すぐ受け取るTwitterSharePocketHatenaLINEURLコピー1ランディングページの作り方|ステップで解説【初心者向け】この記事では、初心者の方向けにランディングページについて解説しています。...2ワードプレス集客のコツ!抑えておきたい11個のやるべきリストこの記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。ワードプレス初心者なんだけど、どんなプラグインをいれたらいいの?たくさんありすぎて、何を選べばいいのか全然分からない。...4【2021年】目的別ワードプレスのおすすめ無料テーマ9選!ワードプレスの中でテーマは非常に重要です。サイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。画像の作り方authorこちらも読まれています2019/11/24なぜ今の仕事をしているの?あなたの「なぜ」で物語性と世界観を伝えようあなたは今の仕事をなぜやっているのでしょうか。そのことをブログやソーシャルメディアで公開していますか。していなかったら言葉にアウトプットしましょう。ご自身のストーリーがあるはずです。その人が通過してきた体験と直結しています。自撮り(顔出し)は、ビジネスのためにソーシャルメディア活用しようと思った時、はじめにぶつかる悩み。ふつうは戸惑いますよね。その必要はまったくないと考えます。私は、作業に没頭する時期は身なりを構っていられず(笑)、高頻度での自撮りはUPしません。匿名でいっさい顔出しもせず、長年ご活躍されている方もいます。あなたのビジネスの価値を上げるものであるべきです。今は多くの起業家の方がFacebookをやっています。日常の当たり障りないことを書いている投稿もたくさん見受けられます。なんのためにFacebookをするのか、原点に立ち戻りましょう。コミュニケーションをとる事が大事です。Facebookをやっているのですから。「いいね!」数が仕事に直結するならいいんですけどね。その数にこだわって数をアピールすることはナンセンスです。いろんな人に申請して「お友達」を増やすことは大切ですよね。あなたの投稿を見てもらう人がいなければ始まりませんから。...2019/11/24Facebookカバーの滲み:4倍サイズで解決するか検証してみた先日、Facebookカバーの滲みを軽減させる頃合いについて書きました。「4倍のサイズだとキレイになるのではないか」というお題が投げかけられました。その4倍はどこから来たのかというと、ブログ記事をFacebookにシェアする際、記事タイトルと一緒に画像を表示させる技術「OGP」の画像をキレイに見せる推奨が4倍と言われているためです。デザイナー淺古凪紗さんの個別相談ご感想SNSやブログをがんばっても成果につなげらないと感じる方へ。ランディングページを使った『伝えるしくみ』の作り方の無料動画レッスンを公開します。おすすめの記事1ランディングページの作り方|ステップで解説【初心者向け】この記事では、初心者の方向けにランディングページについて解説しています。...2ワードプレス集客のコツ!抑えておきたい11個のやるべきリストこの記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。ワードプレス初心者なんだけど、どんなプラグインをいれたらいいの?たくさんありすぎて、何を選べばいいのか全然分からない。...4【2021年】目的別ワードプレスのおすすめ無料テーマ9選!ワードプレスの中でテーマは非常に重要です。サイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。【2023年】Facebookページの適正カバー画像サイズはこちら!2023/2/2HPリニューアルで濃いお客様が来るように。売上げも連続して大台に!2022/7/6適切な指導。他塾では身につきにくい異次元レベルに引き上げられた2022/7/5高額講座や教材をさんざん買った。【2023年】Facebookページの適正カバー画像サイズはこちら!著作権フリー画像の正しい探し方-違法にならないためのライセンス知識Facebookの埋もれた過去投稿をスマホでサクッと探す方法ワードプレスで作られたサイトかどうか見分ける方法3つ100文字のFacebookの自己紹介欄の書き方って?1ランディングページの作り方|ステップで解説【初心者向け】この記事では、初心者の方向けにランディングページについて解説しています。...2ワードプレス集客のコツ!抑えておきたい11個のやるべきリストこの記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。ワードプレス初心者なんだけど、どんなプラグインをいれたらいいの?たくさんありすぎて、何を選べばいいのか全然分からない。...4【2021年】目的別ワードプレスのおすすめ無料テーマ9選!ワードプレスの中でテーマは非常に重要です。サイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。