記事を更新したらカードを設定してTwitterにも投稿してみよう!

ブログ管理Twitter, WordPress基本設定, ブログ管理, 初心者

Twitter投稿ヘッダー

トリ師匠
トリ師匠
おいぐず夫、お主Twitterのアカウントを持ってるんやったな。ちゃんとブログを更新したらそっちでも周知してるか?

ぐず夫
ぐず夫
しゅうち? なんや恥ずかしめでも受けるんか。
トリ師匠
トリ師匠
…聞いたワシが悪かったわ。
せっかくやから、Twitterに記事を投稿する手順でも確認してみよか。

ということで、今回はTwitterカードを設定し記事を投稿する簡単な流れを確認してみましょう!

Twitterに記事を投稿?

なんでTwitter?

トリ師匠
トリ師匠
せっかくアカウントを持ってるなら、ブログを更新したらTwitterで呟いてみるのもええと思わんか?

ぐず夫
ぐず夫
凡人の思考や。ワシはブログ更新するのだけでも面倒やからどっちでもええわ。
トリ師匠
トリ師匠
より多くの人に読んでもらえるかもしれへんやろが!
ぐず夫
ぐず夫
でもワシ、そもそも10人くらいしかフォロワーおらへんで。
トリ師匠
トリ師匠
(…逆にフォローしてる10人を尊敬やで)
それでもやらんよりやった方がマシじゃ。どこで誰が見てるか分からへんし、やるだけやってみよか!

 

Twitter投稿までの3ステップ!

お手軽スリーステップ

ぐず夫
ぐず夫
で、一体何をすればええんや。難しいならやりたくないで。

トリ師匠
トリ師匠
難しいことあらへんよ。まず前提じゃけど、ウチはLuxeritasてテーマを使ってるで、こっからのステップはLuxeritasが入ってる前提で話するで。入ってへん人は別途作業が必要やから、また今度暇じゃったら説明するわ。
ぐず夫
ぐず夫
(このトリ、自分に従わへんもんを置き去りにしたで…)
まあええわ、さっさと説明し!

ということで、投稿までのステップはこんな感じ!

投稿までの3ステップ! 

① Twitterカードとカードタイプを設定しよう!
② 記事ごとのOGP画像を設定しよう!
③ Card validatorでカード化を確認しよう!

トリ師匠
トリ師匠
そんじゃ一つずつ確認してくで!

① Twitterカードとカードタイプを設定しよう!

ぐず夫
ぐず夫
たかだかTwitterに投稿するんがそんな難しいんか?
トリ師匠
トリ師匠
ただURLのっけるだけなら作業なしでリンク貼っ付けるだけでOKじゃ。でもこの際ならしっかりカードが表示される投稿してみたいじゃろ。
ぐず夫
ぐず夫
か、カード?
トリ師匠
トリ師匠
せや。Twitterには画像と一緒に記事の内容を表示してくれるTwitterカードてのがあっての。例えばこんなの見たことあるじゃろ。
カード例
日経産業新聞(@nikkei_bizdaily)さんカード表示例
ぐず夫
ぐず夫
おー、たまに見るでこーゆーの!
トリ師匠
トリ師匠
ちゃんと設定すれば、ぐず夫のブログ記事もこんな感じで表示されるで。
ぐず夫
ぐず夫
ほう、どうすればええんや?
トリ師匠
トリ師匠
簡単じゃ。Luxeritasの場合は、カスタマイズの「Headタグ」機能のOGP設定を使って、Twitterカードの有効化とカードの種類を決めるだけじゃ。
ぐず夫
ぐず夫
そ、そんなに簡単なんか!?
トリ師匠
トリ師匠
せやで。カードの設定は下にまとめてあるで、そっちを参考にしたってな!

◆Twitterカードの設定はコチラ!

トリ師匠
トリ師匠
これで①の設定はお終いじゃ!

 

② 記事ごとのOGP画像を設定しよう!

トリ師匠
トリ師匠
次はカードに表示される画像の設定じゃな。
ぐず夫
ぐず夫
なんや、画像も変更できるんかいな!
トリ師匠
トリ師匠
せやで、これも方法は簡単じゃ。さっきも単語が出てきたんじゃけど、投稿画面で記事ごとにOGP画像っちゅうのが設定できてな。そこで好きな画像を設定することで、カード上に表示される画像も変わるっちゅう寸法じゃ!
ぐず夫
ぐず夫
…ん? なんや最近そんな話を聞いたような。
トリ師匠
トリ師匠
せやな。OGP画像の設定は記事の投稿基礎の中で説明してるで、下のOGP画像の設定を確認したってな!

◆記事別のOGP画像の設定方法はコチラ!

トリ師匠
トリ師匠
ちなみになんも設定せえへんと①の設定の中で決めたデフォルト画像が表示されるで。以上で②は終了じゃ!

 

③ Card validatorでカード化を確認しよう!

トリ師匠
トリ師匠
最後はちゃんと表示されるかどうかの確認じゃな。
ぐず夫
ぐず夫
ほう。どうやるんや?
トリ師匠
トリ師匠
まずは「Card validator」ちゅうTwitterが提供してるカードの確認ツールみたいなもんで表示具合の確認じゃ。昔はなんや面倒な登録とか色々あったんじゃが、今は自分のブログ記事のURLとTwitterアカウントを用意するだけで使えるで無駄な作業は必要あらへんわ。
ぐず夫
ぐず夫
そうなんや。
トリ師匠
トリ師匠
そしたらまずTwitterで自分のアカウントにログインしてから「Card validator」にアクセスしてみよか。すると下のような画面が表示されるで。
Card validator画面
右上に有効なTwitterアカウントのアイコンが表示されます

トリ師匠
トリ師匠
次は入力欄に、「カード化したいページのURL」を入力するんじゃ。完了したら「Preview card」をクリックじゃ。しばし待つとカード化された自分のページが表示されるで、設定した画像と記事の題目、そして注釈が表示されればOKじゃ。Logにエラーが表示されてなければ③も完了じゃ。

カード確認画面
エラーが表示された場合は表示に基づき修正してください

 

最後は実際にTwitterへ投稿してみよう!

トリ師匠
トリ師匠
そんでは実際に投稿してみるで。Twitterの投稿方法に関してはさすがに説明いらんじゃろ?
ぐず夫
ぐず夫
……ギリな。
トリ師匠
トリ師匠
ん。じゃったらTwitterの投稿欄にページのURLのっけて呟くだけじゃ。面倒やったらブログの記事ん中にもシェアボタンあるで、それ押してツイートボタン押すだけやで
ぐず夫
ぐず夫
おお、画像が表示されたで!

ぐず夫ブログカード表示

トリ師匠
トリ師匠
これでTwitterに記事を投稿する方法は完了じゃ!

 

Twitter投稿を終えて…

トリ師匠
トリ師匠
簡単じゃったろ。
ぐず夫
ぐず夫
…まぁな。
トリ師匠
トリ師匠
こんな簡単なんやから、日頃から見てもらう努力をするんも重要やで。
ぐず夫
ぐず夫
気が向いたらの。
トリ師匠
トリ師匠
(絶対やらへんな…)

ということで、Twitter投稿は以上です。
ではまた次回!