![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg65Tt_iqsRn6nBBYQPbML0vnxcuNnYV_Xt2_5AWsjD2x9TbFTbDBvpP32nZdVt83nE5p0qpaiEH-jQiyX5M11wUu-e8p_G3wVoX01Iuqw11FIeDJ9Mld8_qkn1cXipvIOpfs8RuFPMr-KD/s640/twittttt.jpg)
ようやく成功!
なんだかよくわからない部分も多くて何度も試しては諦め、最初に試そうとしてから数ヶ月もたってしまったたため、Twitterカードタグの元となったタグを提供してくれたページを残念ながら失ってしまったが、参考したサイトを順不同で記す。以下の投稿を記した先人達に感謝したい、どうもありがとう。
iHowPC「Add Twitter Cards in Blogger Blogs [100% Working]」
サルワカ「【2017年版】Twitterカードとは?使い方と設定方法まとめ」
Comaty「BloggerのTwitterカード対応」
ferret「Twitterのクリック率を上げるTwitterカードの導入方法」
カマドログ「Twitterカードで画像が表示されない現象の対処法と意外な原因」
メモ取り!「Bloggerの「検索向け説明」を設定したら…AdSense広告が表示されなくなった。」
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfnBPADl64tfzqaJiY5PJiZFGGE9myTlpxz3ecwctBLn0Oxj1nIEUONShOklEa3mpzbW3QjbTGqJKBYeqadPmgTMejJeOsAXDY8ti6jtNarOmZCkoB9xZ765inKeOhKI5XUHjJg1W-ShT0/s640/twiht.jpg)
Bloggerのブログ管理ページの「テーマ」から「HTMLの編集」。「
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQKzLaN1ijk1uK_a4_riMdfqUurXPBJhYWBhryhwiEFzoaso94gULPUc97aGk-VZSTjkbMgz44PHSYYwrdHXgwYQyQL7wINj3tGAPCYYfC0uUQUsUb76DzC39aDMC7aPyLpQThFhq2BmE/s640/twithtm.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjTatjV1SGrdCKZoeD84sqkxA5klC0izcVx9GuTkkG1RyZCaC9RSd4dfwqOxm8zWG3fPlFzIjiUJbjeyO8MsnF-jTkeGevbSqN7w5P51_WEKuh0mds2WFvud3nAODvQ0P8L5H06v5TN00/s640/twimeta.jpg)
Bloggerのブログ管理ページの「設定」から「検索設定」>「メタタグ」を有効にする。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKkfRGPsLMfB1MLxUSw3DmB0eszPfXSZqVNeYS0aSEgbL0D-g3CnlfRPFDJvC-prFvyWnzPGg3ArLhdeABSDpnI4uZ_X-q8suQOhqaNrQMPGbrGx4DFzH3jNflSt5mnR2AdEbg8lX3_wA/s640/twikensaku.jpg)
すると「投稿の設定」画面に「検索の説明」という項目が新たに出てくるので記入。これは投稿ごとに記入しないといけない。私は適当に投稿文頭をコピペしている。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYqVFa-NrJYqDb4o8G0_RjblJP6gWPBhgA8u1x5K7VVICFHHt31NhHmR2ETiNy6mf5TgqYxlHnzFjK6BIzK83HUmGuNUoXXFZ3t6Sad389QFP2zsQfbOMV5k6DjdHs4lB0wYCBJxgA5x5/s640/twicard.jpg)
投稿を公開し、TwitterのCard ValidatorにURLを入れて「Preview card」を押すと、この通り。
(abcxyz)
コメント