【Cocoon】投稿した記事をTwitterで呟く方法を解説!

【Cocoon】投稿した記事をTwitterで呟く方法を解説! IT&ブログ
この記事は約7分で読めます。
スポンサーリンク

※当ブログでは、記事内に広告を含む場合があります。

ブログの記事書いて投稿できた!でももっと色んな人に見てもらいたい…

こんな時はSNSを活用しましょう!

というわけで、この記事ではWordPressテーマ「Cocoon」を使っている方が、投稿した記事をTwitterに投稿する手順をお伝えします。

りんね☆
りんね☆

今回はTwitterとの連携を対象としていますが、他のSNSとの連携も同様に行うことができますよ。

この記事はこんな人におススメ!
・Cocoonを使って作成した記事をSNSで公開したい人
・記事を書いているけどPVが増えず困っている人
・余計なプラグイン無しでTwitterと連携したい人
 
今回の記事は自動投稿についての記事ではございません。
ご留意ください。

Twitterとは

Twitterといえば日本でも若い人を中心に人気のあるSNSですね。

1回につき140文字までのテキストや画像を投稿することができ、誰にでも気軽に情報発信できるツールです。
(投稿されたものを「ツイート」という)

りんね☆
りんね☆

非常に小規模なブログを書いて投稿するみたいなイメージを持ってもらうと良いかもしれません。

また、人のツイートを「リツイート」することによって他のユーザーへ次々と拡散することが可能であるため、FacebookやInstagramに比べても拡散性が高い傾向にあります。

さらに、好みのツイートをしてくれるユーザーを一方的に「フォロー」(お気に入り登録のような機能)することもでき、各自の気になる物事や興味でつながることができるため、同じような趣味の人と繋がって情報を収集できることも魅力の1つです。

これらの特徴から、企業がマーケティングに活用する事例も多くあります。

ブロガーにとってもこのTwitterを使って色んな記事を公開することで興味を持ってくれる人が記事を読みに来てくれたり、情報を拡散してくれたり、人気ブロガーになると企業から案件が来たりと大きなメリットがあります。

Twitterとブログを連携させてみよう!

連携させるのに必要な手順はたったの5ステップ。
この記事を見ながら一緒にやってみてくださいね。

プロフィールにSNSのURLを転記する

まずは、WordPressの編集画面から「ユーザー」→「プロフィール」と進んでみると、サイトのURLを記載できる所があります。
ここにURLを書くことでSNSページと関連付けることができます。

TwitterのURLはアカウントのプロフィールからコピペしましょう↓

りんね☆
りんね☆

他にもたくさんのSNSに対応していますので、必要に応じてコピペしてくださいね。

最後に画面の一番下まで移動して、更新ボタンを押すのを忘れないようにしましょう!

Cocoon設定からOGPを設定する

次にCocoon設定からOGP(Open Graph Protcol)を設定しましょう。
このOGPを設定することで、SNS上に投稿記事のURLを公開した際に、事前に設定しておいたタイトルや画像、説明文などが表示されるようになり、見た人がブログ内容を詳しく知ることができます。

まずは、WordPressの編集画面から「Cocoon設定」→「OGP」と進んでみましょう。
そして下画像のように3つの項目をチェックします。

Twitterカードとは、画像付きの記事へのリンク」のことです。

りんね☆
りんね☆

カードタイプはTwitterで表示する画像の大きさの話になりますので、お好みで大丈夫です。

私は見た目がより派手で、目を引くという理由で大き目を選択しています。

その後、さらに下にスクロールしていきます。
すると、ホームイメージには初期状態のままだとCocoonの画像が設定されています。

通常、Twitterのカードは記事に設定されたアイキャッチ画像になります。
しかし、トップページにはアイキャッチ画像はありません。
その為、ここで設定した画像がTwitterカードとなります。

りんね☆
りんね☆

Twitterでトップページをシェアされた時にCocoonの初期画像のままだと、なんだかカッコ悪いですから、オリジナリティを出すためにも変更しちゃいましょう。

というわけで、新しい画像へ更新してみました。

やり方は簡単です。
下画像の「選択」から新しい画像を用意するだけ!

変更したら最後に保存するのは忘れないようにしましょうね。

りんね☆
りんね☆

新しい画像は、Canvaを使って、サイズは幅1200px,高さ630pxで作成しました。

Cocoon設定からSNSシェアを表示する

次に、SNSシェアを変更します。
WordPressの編集画面から「Cocoon設定」→「SNSシェア」と進んでみましょう。

ここで設定するべきポイントは次の3つです。

1.トップシェアボタン(ページの上部に表示するシェアボタンの設定)
2.ボトムシェアボタン(ページの下部に表示するシェアボタンの設定)
3.ツイート設定(Twitter上でのツイート時の動作設定)

トップシェアボタンとボトムシェアボタンを表示したい場合はチェックボタンを入れて、どのSNSに関するシェアボタンを表示するかをチェックして設定します。

りんね☆
りんね☆

それ以外にも設定する項目はありますが、お好みになります。
初期設定でも十分ですが、色々と試してみてピンとくるものを探してみましょう。

ツイート設定では、ツイート時に付属させるメンションだったり、ハッシュタグを設定できます。
私は今のところ全てチェックを外していますが、必要な方は設定してみてくださいね。

メンションとハッシュタグの設定をした時の違いはコチラ↓

メンションとハッシュタグ「りんね☆ブログ」を設定
何もチェックつけていません

Cocoon設定からSNSフォローを設定する

SNSで情報を拡散してもらい、たくさんの人に記事を読んでもらうには、フォローしてもらうことが大切です。

そこで、次にSNSフォローをしてもらうための設定をします。
WordPressの編集画面から「Cocoon設定」→「SNSフォロー」と進みましょう。

下画像のように、「フォローボタンの表示」にチェックを入れて変更を保存したらOKです!

りんね☆
りんね☆

SNSシェアと同様に、他にも設定する項目はありますが、お好みになります。
初期設定でも十分ですが、色々と試してみてピンとくるものを探してみましょう。

ここまで設定すると、記事の最後に下画像のようなボタンが追加されます。

りんね☆
りんね☆

↑画像はボタンカラーを初期設定から「ブランドカラー(白抜き)」に変更している状態です。

TwitterのプロフィールにブログURLを入力

最後にTwitterのプロフィールを編集し、ブログURLを記載して紐づけを行いましょう。

これができると、TwitterのプロフィールからURLがリンクされます。↓

りんね☆
りんね☆

これでツイッターとブログを連携できました。
それでは実際に運用していきましょう。

実際に運用する

さて、ここまでで連携することはできましたので、実際に運用していきます。

活用方法はいたってシンプル。
ブログの記事を更新したら、Twitterでお知らせします。

投稿した記事からTwitterのシェアボタンを押すと、そのままTwitterが開きます。
すると、タイトルとURL、そしてリンクカードがすでに入力されて呟けるようになっています。

自動で投稿することも。。。?

今回の方法では、記事を作成後にシェアボタンなどを使ってツイートする必要があり、少し面倒ではあります。

そこで自動で投稿してくれるプラグインというものが存在します。
ただし、プラグインの入れすぎはサイトの動作が重くなる要因となるため、私は導入しておりません。
必要な方は別途導入してみてくださいね。

この記事ではそれぞれを紹介しませんが、自動投稿に使用されるプラグインには下記のものが挙げられます。

  • Jetpack
  • Social Networks Auto-Poster
  • Blog2Social
  • Revive Old Posts
  • Nelio Content
  • …etc

使い易さや機能、連動できるSNSの種類などを考慮して自分のサイトに合ったプラグインを選んでみてくださいね。

りんね☆
りんね☆

ちなみに私のおススメはJetPackです。多機能なうえに、日本語ですし。

まとめ

今回は、WordPressでCocoonテーマを使っているブログ記事をTwitterと連携させて簡単に呟くための手順を示しました。

皆さんは上手く連携させて記事内容をツイートすることができたでしょうか?

記事投稿をツイートでお知らせすることでフォロワーさんや、フォロワーのフォロワーさんが記事を読みに来てくれます。

今回はTwitterに話を絞って記事を書きましたが、facebookやpinterestなど別のSNSでも同様に設定可能です。
SNSを上手く活用して、たくさんの人と交流を深めることで、より良い記事に仕上げていきましょう。

りんね☆のひとこと

りんね☆
りんね☆

今回紹介したシェアボタンからTwitterを開く方法も良いですが、実は普通に記事URLをコピーして、ツイート時に貼り付けるだけでリンクカードが表示されます。
皆さんにとって、より簡単に思える方法を見つけてもらえれば嬉しいです。

この記事を書いた人↓

人生を楽しむ為に色々と挑戦中!
ブログに日々の成長記録を残していくことで自身の成長を確かめつつ,買ったものを記事にまとめることで、皆さんのお役に立てるような記事を書いていきます!

りんね☆をフォローする
IT&ブログ
スポンサーリンク
シェアする
りんね☆をフォローする

コメント

  1. 林美樹 より:

    ためになる情報ありがとうございます。
    記載された方法でTwitterとブログの紐付けができたのですが、投稿した記事からTwitterにシェアで飛んだ際にコクーンの画像が表示されてしまいます。

    投稿毎の画像に切り替えたいのですが、方法をどうやるか教えていただけないでしょうか?

    • りんね☆ より:

      林 美樹 様
      コメントありがとうございます!
      そしてブログとの紐付けができたとのこと、おめでとうございます!

      さて、投稿した記事から「Twitterにシェア」でリンクを飛ばしたものの、設定したアイキャッチ画像ではなく、標準のCocoon画像が表示されているということですね。

      まず最初に、Cocoon設定を更新したばかりですと、設定の反映が遅れているだけの可能性が考えられます。
      つまり少し待ってからやってみると問題なく投稿できるパターンです。
      この可能性が一番高く、この返信を読む頃には解決しているかと考えているのですが、如何でしょうか?
      無事に解決できることを祈っております。

    • りんね☆ より:

      林 美樹 様

      追記させていただきますね。
      古いデータが残っているだけだと思いますので、少し待っても解決しない場合はキャッシュ(一時的に保存しているサイト情報のデータ)の削除をしてみてください。

      方法ですが、「Cocoon設定」⇒「キャッシュ削除」を選択し、
      次に、ブログカードの「ブログカードキャッシュ削除」を選択するだけです。

      無事に解決できましたら幸いです。

タイトルとURLをコピーしました