Wordpress Wordpressプラグイン備忘録 2014/08/12 2020-07-03

【WordPress】Twitter Cardsを実装してみたよ！

というわけでテストがてら古い画像と共にポスト’ω’☆

大した記事もない当ウェブログではございますが、やらないよりは良いかな？と思うので八方手をつけてます。

Twitter Cardsを実装してみるの巻

さて、ワタクシのツイッターは殆どBOT閲覧所と化しているワケなのですが……

WordPressの勉強がてら、Twitter Cardsなるものに挑戦してみました！自分のツイートに一工夫したい、という方にオススメ。

サイトの概要を表示しますから、URLを貼ってあるだけのシンプルな仕様よりはSNSからの流入が期待できそうです。頑張り次第ではちょっと目を引く雰囲気にはなるかも知れません。

Contents

1. Twitter Cardsの実装方法
2. 試しにつぶやいてみよう
3. 参考にさせていただきました

Twitter Cardsの実装方法

では、その「Twitter Cards」の実装方法について記述していきます。

機能として含まれているテーマも普及

当初はTwitter Cardsに対応していないテーマを使っていたので、実装には中々苦労した当初ではございますが、昨今はありがたいことにTwitter Cardsの機能がデフォルトで含まれているテーマをちらほらと見かけるようになりました。SEO対策的なカテゴリーなのでしょうか？便利な世の中になって参りますね★

プラグインで実装

で、その実装方法ですがトヲルは『Twitter Cards Meta』というプラグインをWordPressに導入することとしました。もっと他に簡単ですよって謳っているトコロがあったのですが、手っ取り早く導入するにはこれが一番シンプルかな～と。ホントに色々やりました…(ﾉ▽`)

プラグインは新規追加→検索ですぐ見つかります！

インストール+有効化した後に設定から「Twitter Cards Meta」の設定画面に移動。

こんな感じです、英語で何が何やら。

取り敢えず赤く囲ってある部分だけ設定すれば良さそうな感じ。

Site’s Main Twitter Account：Twitter Cardsを使いたいツイッターのアカウント
Use Authors’ Twitter Account：ここのチェックは入れずに次へ
Image Selection：表示させる画像の設定→First image from contentを選択すると記事の最初に貼ってある画像、Featured imageはアイキャッチ画像を用います。From a custom fieldは良く分からないのでスルーしました。
Default Image URL：画像が使われていない記事で引っ張ってくる画像のURLを打ち込みます。
Twitter Cards Type Selection：Summary Cardsは小さめの画像を左に、右に文章という一般的なレイアウトのこと。Photo Cardsは画像がでかでかと表示されてタイムラインに流れてきますと中々インパクトがあると思います。
Description For Home Page：簡単なウェブログ（ウェブサイト）の説明を入れます、200字以内。
Use Default Card Type Sitewide：ここはチェックしないでおきます。