PR

【Cocoon】ブログをツイッターと連携する具体的な手順

Cocoonツイッター連携 Cocoon

本記事ではブログとツイッターを連携することを次のこととしています。

  1. twitterであなたの記事URLを入力するとアイキャッチ画像のリンクが出てくる
  2. 記事上部や下部のSNSシェアのボタンが有効になる
  3. 記事上部や下部のSNSフォローボタンが有効になる
  4. twitterのプロフィールからあなたのブログに飛べるようになる

※自動で記事更新をつぶやくことは今回含みません。これのやり方については記事後半にてざっくり解説と参考リンクを貼りますのでそちらをご覧ください。

また、ブログ記事やサイドバーにツイートを埋め込む方法は別記事にて説明しています。そちらを求めている方は下のリンクからどうぞ。
参考記事【Cocoon】Twitter(ツイッター)埋め込みは秒でできる

本記事では、WordPressテーマCocoonを使っている方向けにツイッターとブログの連携方法をお伝えしていきます。

画像見ながらマネするだけ、10分もあればできます

お手軽簡単にツイッターとの連携ができますので、ぜひ見ていってください。

スポンサーリンク

WordPressブログとTwitterを連携するためにやること

 ワードプレスブログとツイッターを連携するためにやることはWordPressの画面で4つ、ツイッターの画面で1つです。

合計たったの5ステップです

まずはワードプレスの設定から説明しますので、あなたもワードプレスの編集画面を開きながら読み進めてください。

プロフィール設定

まずはワードプレスのプロフィール設定をします。編集画面からユーザー→プロフィールと進みましょう

ユーザー→プロフィール

そしたらスクロールしていくと、ページの中盤にTwitter URLを入力するところが出てきます。そこにあなたのツイッターのプロフィール画面のURLを貼り付けます。

ちょっと面倒ですがツイッター開きましょう
ツイッターのプロフィール画面
TwitterURLに貼り付け

そしたら一番下までスクロールしてプロフィールを更新を押しましょう。

プロフィールを更新

これで1ステップ終了です。ツイッター以外のSNSも共有したければこのプロフィール画面でそれぞれURLを貼ってください。

Cocoon設定のOGP

続いてコクーン設定に移ります。ワードプレスの編集画面からCocoon設定→OGPと進んでください。

Cocoon設定→OGP

そしたら、

  • OGP設定OGP有効化OGPタグの挿入にチェック
  • Twitterカード設定
    • Twitterカード有効化Twitterカードタグの挿入にチェック
    • Twitterカードタイプのどちらかを選択。おすすめは大きな画像のサマリー
OGP設定
おおきな画像のサマリーはこんな感じです
ふつうのサマリーは画像が正方形で横長にリンクが出ます

さらに下にスクロールして、ホームイメージのところの画像がコクーンの画像だった場合、あなたのブログ用の画像を準備して変えることをおすすめします。

ホームイメージが最初のままだとツイッターでトップページをシェアした時にこの画像になります
Cocoon公式画像
あなたのブログ用の画像を準備して選択から画像をアップロードしましょう
最後に変更をまとめて保存を忘れずに
ホームイメージ設定
ここを設定しておくとトップページを紹介していただいたときにこんな感じになる

OGP設定終了です。次にいきましょう

Cocoon設定のSNSシェア

続いて、Cocoon設定→SNSシェアを選択ください。

Cocoon設定→SNSシェア
SNSシェアで設定するところ
  1. トップシェアボタン
    • ページの上部に表示するシェアボタンの設定
  2. ボトムシェアボタン
    • ページの下部に表示するシェアボタンの設定
  3. ツイート設定

基本的には「トップシェアボタンの表示」と「ボトムシェアボタンの表示」をチェックすれば、あとはあなたのお好みでの設定になります。

私の設定状況をスクショしてありますので、参考に見てみてください。

トップシェアボタンの設定
トップシェアボタンの設定
ボトムシェアボタンの設定
ボトムシェアボタンの設定
ツイート設定
ツイート設定
最後は変更をまとめて保存
変更をまとめて保存

以上でSNSシェア設定は終わりです。続いてSNSフォローの設定をしましょう。

Cocoon設定のSNSフォロー

Cocoon設定→SNSフォローと進みましょう。

Cocoon設定→SNSフォロー

フォローボタンの表示のところにチェックを入れたら、あとはお好みでチェックを入れてください。よくわからない場合は下の画像を参考にしてください。

フォローボタンの表示にチェック
最後に変更をまとめて保存を忘れずに

以上でワードプレス側の設定は終了です。次で最後の手順になります。ツイッターのプロフィールページに行ってください。

ツイッターのプロフィールにブログURLを入力

Twitterのプロフィールページを開いたら、プロフィールを編集をクリックorタップ

プロフィールを編集

ウェブサイトのところにあなたのブログURLを入力して保存

ウェブサイトを入力して保存

以上でワードプレスブログとツイッターの連携が完了しました。お疲れさまでした

連携後の具体的なツイッター活用方法

ブログの更新をツイッターでお知らせするのが一般的な活用方法になります。

投稿した記事のツイッターシェアボタンを押すと
ツイッターシェアボタン
ツイッターが開いて、
下のようにタイトルとURLとリンクカードがすでに入力されて呟けるようになっている
リンクカードが出る
場合によって、文字やハッシュタグを追記してツイートしましょう

実際に記事更新のツイートをしたのが下になります。

このようにしてブログ×SNSを進めていきましょう!

シェアボタンから行くのが手っ取り速いけど、実は普通に記事URLをコピーしといてツイッター画面で貼り付けたらリンクカード表示されます

記事投稿時にTwitterでも自動投稿する方法

番外編としてブログ記事を公開したら自動でツイッターで記事投稿のお知らせをする方法をざっくり説明します。

個人的には自動ツイートは必要ないためやっていません。手動でツイートし忘れたこともないですしね。

記事投稿時にTwitterでも自動投稿する方法
  1. Jetpackプラグインを使用する
  2. dlvr.it(デリバーイット)を使用する

2通りありまして、1個目のジェットパックはワードプレスのプラグインです。多機能ですが動作が重くなるので、私は入れてません。

参考記事がありますので、そちらをご確認ください。
外部リンクJetpackでWordPressとSNSを連携!FacebookやTwitterに自動投稿する方法

2個目のデリバーイットはSNSの予約投稿サービスです。こちらも詳しく解説してくださっている記事がありますので、そちらをご覧ください。
外部リンク各種SNSへ自動投稿する事が出来るdlvr.itの設定&使い方

ブログ更新をツイッターで気軽に投稿しよう

本記事では、【Cocoon】ブログをツイッターと連携する具体的な手順

ということで、ブログ×ツイッターのやり方を書いてきました。あなたのブログはツイッターと連携できたでしょうか?

記事更新をツイートすることによってフォロワーさんが記事を読みに来てくれますし、最近はtwitterで悩みを検索する人もいます。

Twitter検索にも引っかかるようになるので、しっかりとブログとツイッターを連携して運用していきたいものですね。

ブログ×ツイッターの関連記事として、ブログ記事やサイドバーにツイートを埋め込む方法を説明した記事があります。そちらもご覧になってみてください。

Cocoonの「困った」を解決する記事

Cocoonの使い方

当ブログで一番読んでいただきたいのはCocoonの使い方の記事です。以下の点を参考書のように体系的にまとめているので、まずはここから読み始めるのをおすすめします。

  • WordPressの初期設定
  • Cocoonのダウンロードとインストール
  • Cocoonの初期設定
  • 記事の書き方
  • カテゴリー・タグ・固定ページの作成
  • 外観・デザインの整え方
  • 収益化

コメント