・WordPressのロゴ

・cocoonのロゴ

など

が表示される事があります。

この記事ではTwitter投稿時に自身で設定した画像が表示される方法をご紹介します。

※WordPressの無料テーマcocoonを利用中の方向けの内容です。

cocoonのロゴが表示された状態の例

このようにURLをツイートに記載して投稿するとcocoonのロゴが表示されます。

このロゴを自分で設定したものが投稿されるようにWordPressを設定する方法をご紹介します。

OGPの設定方法

OGPとは

OGP（Open Graph protocol）※オージーピーと読みます。は、

FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです

トップページのODPを設定する手順

0,WordPressにログイン

1,左メニューの「cocoon設定」をクリック

2,真ん中上部にある「OGP」をクリック

3,下にスクロールして任意の画像を選択

4,「変更をまとめて保存」をクリック

これでトップページのOGPの設定は完了です。

記事ページのOGP設定する手順

0,WordPressにログイン

1,投稿の新規投稿をクリック（いつもの記事投稿画面をひらいてください）

2,記事投稿画面の下にスクロールし右メニューのSNS画像の「選択」から任意の画像を設定

これで完了です。

記事ページのSNS画像の設定注意点

上記で記事ページの手順をご覧頂いた通り、

・記事「毎」にSNS画像の設定が必要となります。

・固定ページも記事ページと同様必要に応じでSNS画像の設定が必要です。

・過去に投稿した記事もSNS画像の設定ができます。

・WordPressをご利用中方

・Twitterの投稿を自サイトの記事に埋め込みたい（掲載したい方）

–この記事でわかること–

・WordPressで書いた記事に自分や他人のツイートを掲載する方法がわかります。

※コピペだけの簡単な掲載方法を実際のキャプチャ画像を使い解説します。

ツイートの掲載例

ブログ今で16記事なんですけど、サイトマップとお問い合わせフォーム・プライバシーポリシーいれてなかったのに今さら気づきました（笑）🤭Googleアドセンスの要件らしいし頑張ってページ作成しました！あとこの方のサイト参考にさせてもらいました！わかりやすいです✨👍https://t.co/gBXF7hvMVL

— yoshiken (@yoshiken4000) September 19, 2020

上記は

@yoshiken4000 さん がTwitter上に投稿したツイートを転載した例です。

このようにツイートを記事上に掲載する方法をご紹介します。

ツイートを記事に掲載（転載）する手順

転載したいツイートのコードをコピーする

0,Twitterにログイン

1,掲載（転載）した投稿ツイートの右上の「マーク」をクリックする

2,「ツイートを埋め込む」をクリックする

3,「publish.twitter.com」に遷移します（自動で）

4,右上にある「コードをコピー」をクリック

WordPressの記事ページにコピーしたコードを貼る

0,WordPressにログイン

1,記事ページの「＋」マークをクリック

2,「カスタムHTML」をクリック

3,「publish.twitter.com」でコピーしたTwitterのコードを貼り付け

4,貼り付けると上記の画像のようになります。

5,プレビューをクリックしてツイートが表示されたら貼り付け成功です！

その他

ツイートを記事に掲載するなら、ご自身のツイートを自サイトの右メニュー等にも表示させませんか？

検索エンジンからあなたのサイトに流入した新規ユーザーにも運用中のSNSを知ってもらいファンになってもらいたい場合は是非併せて設定しましょう！