些細な日常

Twitter にサイトのURLを投稿した場合にタイトルや説明文や画像などが自動的に追加される Twitterカード はサイトの設定が必要で、以前、 一般的な方法 と Blogger用の方法 を取り上げたんだ。 Bloggerについては公式テーマならば初期値のOPG設定（ Facebook でのURL投稿のカード表示）と結び付けるのがTwitterカードを表示するための簡単な仕方なんだけれども最近はブログのソースコードに一行を追加するだけでも大丈夫に変わったから改めて取り上げておきたい。 以前は画像なしのページがエラーで止まってしまうために一行を追加するだけという手早い表示方法は可能でもちょっと使い辛かったんだ。 BloggerのTwitterカードの一行追加の手順 ブログのソースコードの編集 Twitterカードの実装の検証 ブログのソースコードの編集 テーマ｜ Blogger B…

2017年からBloggerブログにはOGP設定の基本項目／URLとサイト名と説明文と画像の全てが自動で挿入されるように変わった。なので Twitterカードのサイトへの一般的な導入 と同じように、最低限、カードタイプをHTML編集のhead内に記載して Twitter の 検証ツール に合格すれば Twitterカード を使用できる。 <meta content=' カードタイプ ' name='twitter:card'/> 最も簡単な方法ではTwitterのカードタイプのソースコードを追加するだけで済んでしまう。 追記：Twitterカードの仕様が変わり、 簡単でもっと便利な方法 が取れるようになった。 基本項目を表示する場合のカードタイプは「summary」（サムネイル付き）か、「summary_large_image」（大きな…

Twitter にブログの記事を共有しても何も取り込まれなくて普通のツイートと全く同じになってしまうので、他のサイトではできているにも拘わらず、一体、なぜなのかと調べてみると Twitterカード が設置してないとコンテンツがツイートに反映しないためだった。 やってみるとツイートにサイトのURLを入力するだけでタイトルや説明文や画像が直ぐに取り込まれてリッチに反映するから物凄く便利だと感心した。 Twitterカードで使われるmetaタグについて サイトに専用のmetaタグを記載して 検証ツール でOKが出るとTwitterカードが実際に使えるようになる。専用のmetaタグが適切か、またはrobots.txtでTwitterのクローラーが除外されてなければサイトのコンテンツがURLを入力するだけでツイートに反映して来る。 Getting Started Guide に…