WordPress と Twitter を連携させよう

先日姫路の音楽プロダクション「GIFT」様のサイトを制作させていただきました。

僕もこのええやん姫路を立ち上げる頃にいじったきりすっかり忘れかけていたのでメモがてらに記事を更新してみたいと思います。

まぁあとは、僕が何ができるかみなさんに知られていないというのはよろしくないとの意見もいただいたので。

僕の制作させていただいたサイトはこちら

[kanren postid=“10020”]

こちらのサイトに実際に設定する過程を残しております。今回は、WordPressTwitterの連携方法です。

WordPressの記事をTwitterでシェアする時に「@◯◯◯さんから」という表示は設定していないと以下のようになります。

WordPress と Twitter を連携させるためにやるべき3つのコト

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]こういう画面になりますよね!でも何かいけないんですか?[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]特に問題はないですね(笑)ただ、「@」があるとTwitterのタイムラインに表示されるんですよ。タイムラインに表示されるということは、どのくらいシェアされたかがわかります![/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]リプライと同じということですね![/voice]

[aside type=“normal”]特定のユーザー名(@◯◯◯)から始まるツイートをリプライといいます。そのユーザー宛のツイートということになります。リプライを送った側と、送られ た側の両方をフォローしているユーザーのタイムラインには表示されますが、どちらか片方だけのフォローしている第三者のタイムラインには表示されません。[/aside]

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]細かいことなんですがこういったところもちゃんと設定しておいた方が1人でも多くの方に読んでもらえるようになるのでやっておきましょう![/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]たしかに!1人でも多くの方に知ってもらわないといけないですもんね!どうやればいいのか教えて下さい♪[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]それでは説明していきますね!まず、これだけはやっておくべきなんです。

これらの設定ができて、はじめてWordPressTwitter が連携できる状態になっているといえるでしょう!

[/voice]

[aside type=“normal”]まず、読み進める前にサイト用のTwitterのアカウントを作っておきましょう![/aside]

WordPressTwitter の連携(Twitter カードの設定)

Twitterカード

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]WordPressTwitter を連携させるために最初にやることが Twitter カードの設定です。Twitter カードというのは、あなたの記事(コンテンツ)がツイートされた時にTwitter上で表示されるタイトル・画像・ディスクリプション(タイトル下の説明文)を意図した内容で設定できる機能のことなんです。[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]上の画像がそうなんですね!そのままだとどうなるんですか?[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]そのままだとURLだけですごく寂しくなります。こちらのサイトは、まだその設定をしていないので設定しながら説明しますね!今の状態だとこういう感じになります。[/voice]

Twitterカード設定

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]めちゃくちゃ寂しいですね![/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]そうなんですよ!このシェアした記事(コンテンツ)が例え良い物でも、クリックしようなんて思いにくいですよね!やっぱり、1人でも多くの方に見てもらわないとダメだと思います。[/voice]

TwitterWordPressに連携していきましょう

TwitterをWordPressに連携

Twitterカード設定

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]サイト上の右側にあるアイコンをクリックすると下図のようにメニューが表示されるので「プロフィールを表示」をクリックしてみましょう[/voice]

Twitterプロフィールを表示をクリック

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]プロフィールを表示を押したら下図の画面に変わります[/voice]

Twitterプロフィールを編集

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]そのまま、「プロフィールを編集」を押してみましょう[/voice]

Twitterカード設定ホームページを入力

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]この赤枠の中に連携させたいWordPressのサイトのURLを入力します[/voice]

Twitterカード設定変更を保存

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]そしてその後に変更を保存します。

これで TwitterからWordPressのサイトにリンクが付くので。Google は「この Twitterの管理者とWordPressのサイト管理者が同じ人物」という認識をしてくれるんです!Twitter で行う設定はこれで大丈夫です[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]ここまでは簡単にできました![/voice]

WordPressTwitterに連携しよう

[aside type=“normal”]ここからはWordPressプラグインのAll in One SEO Pack をすでに導入済みの前提で進めて行きます。すでにこの記事の内容通りに設定を済ませている方は、ここは読み飛ばしていただければと思います。[/aside]

All in One SEO Pack の Social Meta 機能の有効化

All in One SEO Pack の Social Meta 機能の有効化

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]ここからなんか難しそうな予感がするんですが・・・[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]手順通りに進めれば問題ないはずですから安心してください!

それでは、まず管理画面にログインする→左メニューの「All in One SEO → Feature Manager」の順にクリックする→「ソーシャルメディア」をクリックして有効化してみましょう[/voice]

「All in One SEOの「ソーシャルメディア」を有効化しよう。

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]なんとかここもできました![/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]ここでやる設定は

  • 「画像設定」
  • Twitter設定」

の2つだけなので、一つひとつ解説していきますね![/voice]

画像設定

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]「[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]簡単ですね![/voice]

Twitter設定の設定

Twitter Settings の設定

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]画像を目立たせたいので「要約の大きい画像」を使用しました。Twitterサイトには@以降のID、Twitterドメインにも同じく@以降のIDを入力しましょう。上記の画像は「http://twitter.com/◯◯◯」の間違いです。@以降のIDと同じはずですみません。[/voice]

ユーザーにもTwitterアドレスを設定する

ユーザーにTwitterアドレス追加

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]このWordPressのユーザーの設定にもTwitterのアドレス(例:http://twitter.com/あなたのID)を入力していきます[/voice]

[voice icon=“http://himeji.link/wp-content/uploads/2016/03/524a1f6a09934ac7964ae29df9b83451-300x300-e1467589780891.jpg” name=“藍(あい)” type=“l”]場所はどこですか?[/voice]

Twitterアドレス追加

[voice icon=“http://himeji.link/wp-content/uploads/2016/01/12243040_793618904097596_5870430215337734575_n-e1467646394742.jpg” name=“なべちゃん” type=“r”]ユーザー→編集→Twitter という項目にいくのでそこにTwitterのアドレス(例:http://twitter.com/あなたのID)を入力していきましょう。そして入力が終わったら、プロフィールを更新を選択し保存します。今回は、WordPress と Twitter を連携させるためにやるべき3つのコト

という記事を元に作業を進めていきました。[/voice]

まとめ

WordPressで集客をお考えの方はぜひご相談ください。

地元の人にしかわからない情報を集めています! facebookページなどでも募集しております♪

姫路から日本を盛り上げる! 姫路で活動するシンガーソングライター藍が挑戦してます! 一緒に盛り上げませんか?

見たよって方はこちらのクリックお願いします♪

↓↓↓↓↓ にほんブログ村 地域生活(街) 関西ブログ 姫路情報へ にほんブログ村 ええやん姫路の最新情報をお友達登録で受け取ろう♪ 友だち追加数