強欲な青木
急にTwitterカードが表示されなくなった！…なんで！？物凄く困る！！(泣)
SNSに強みのあるブロガーにとってTwitterカードが表示されないのは死活問題ですから、全力で解決策を探しますよね。
管理人
強欲な青木
悠長なこと言ってないで、その解決策を教えてくれよ‥。
はい、結論から言うと「エックスサーバーに問い合わせた」ことで無事に解決しました。そこまで紆余曲折あり膨大な時間を浪費しましたので、
管理人
強欲な青木
ただ、そこまで紆余曲折あり膨大な時間を浪費した為、同様の症状に悩まされている方に以下の経験を共有したいのです！
管理人
Twitterカード表示されない問題
◎ Twitterカードが出ない！？
Twitterカードとは、ツイートにURLを入力した際に表示される画像付きの概要を指します。
カッパ
コレ表示されんとURLだけになったら『ブログ見よっと♪』って人の数もガタ落ちするよね…。
この興味を惹き付ける画像って “アイキャッチ” っていうんですけど、ページを見てもらう為に物凄く大事な要素なんです。
管理人
◎ ググった解決法３つ
Card validator
Twitter側のキャッシュを削除する為のツール「Card validator」を使うと、以下の様な表示に‥。
絶望タマ王
もう『この画面‥何回みんねん！(泣)』って感じでしたよね…。
何らかの原因で設定が変わったのかと疑って、初めてバックアップデータから復元するとかやったけど‥改善されなかったよね(※所要時間およそ半日)。
管理人
テーマ側の設定を見直す
当ブログはAFFINGERという有名テーマを使っているので、そのTwitter設定について確認しました。
AFFINGER5 管理 ☞ SNS ☞ Twitter設定‥と進んで確認しましたが、何の問題もありませんでした。
Ctrl＋UでHTMLソースを表示して、Ctrl＋Fで「Twitter」と検索してみてもTwitterカードの設定が入っていました。
中間証明書の確認‥！？
ググると「中間証明書が原因で‥」という記事が幾つも出てきます。
タコスケ
コレについては正味わけわかめ＆意味プーさんやったので、特に『ふ～ん』位の感じでした。
ただ一つ「証明書‥怪しいんじゃね！？」という発想には近づいたのかも知れません。
管理人
◎ Facebookのデベロッパーツールを確認
右往左往していると、Facebookについては以前まで表示されていたOGPも真っ黒に変わっていたのを発見しました。
OGPとは「Open Graph Protcol」の略で、FacebookやTwitterなどのSNSでシェアした際に、設定したWEBページのタイトルやイメージ画像、詳細などを正しく伝えるためのhtml要素です。
Facebookデベロッパー自体に登録していなかったので、アカウント接続してシェアデバッカーを確認した結果‥。
強欲な青木
おーっと！SSL認証に問題があるみたいだぁーっ！！
管理人
念の為、SSLチェッカーで証明書の状況を確認すると‥。
審判タマ王
さて、問題はコレどうやって直せばいいんだって事です。
管理人
◎ つよつよプログラマーな親友に相談
以上の経緯を、中学からの親友にLINEしてみた結果‥。
歌いタマスケ
ついでやから親友の聖くんの吹き出しアイコン作って喋らせてみますか。
管理人
聖くん
管理人
◎ エックスサーバーに問合せ
エックスサーバーのサーバーパネル上ではSSL認証の設定は行っていた為、問合せに直行しました。
その後、すぐにエックスサーバーの担当者さんから以下の様なメールが返ってきました。
お問い合わせいただき、誠にありがとうございます。
この度は、お客様へご不便をお掛けしており申し訳ございません。
お客様よりのご連絡をうけまして、対象コモンネームの
SSL証明書について補正を実施いたしました。
お手数ではございますがエラーが解消されているかについて、お客様側でもご確認くださいますようお願いいたします。
Card validatorで確認すると‥未だ表示されない！(泣)
‥ってことで再度お問い合わせ。
そして数日後、以下の様なメールが返ってきました。
お待たせいたしました。
改めて、弊社担当部署にてSSL証明書の補正が完了していることを確認いたしました。
お手数ですがTwitterカードのご状況など、再度ご確認くださいますでしょうか。
お手数ではございますが、上記ご確認の程よろしくお願いいたします。
再びCard validatorで確認すると‥無事に表示されるようになったのです！
強欲な青木
これでやっとTwitter上で【ブログ更新】の投稿ができる‥！
長らく自分で試行錯誤したけども、結局のところ自分では解決できない類いのトラブルだったってワケです。
管理人
つよつよプログラマーの聖くんにLINEしたら、以下の返答が‥。
強欲な青木
ちょっと頑張ってムリだったら、いくら時間かけても無駄ってパターンあるので早めにサーバー側に問い合わせた方がいい事例ですな。
まぁ今回メチャクチャ試行錯誤したのでバックアップから復元する方法とか知れたし、コードがどうなっているとか学べたけど‥と時間かけて遠回りした感が凄いッ！(泣)
管理人
聖くん
◎ まとめ
- SNSに強みのあるブロガーにとって死活問題であるTwitterカードが表示されない現象は、「エックスサーバーに問い合わせた」ことで無事に解決していた。
- Twitterカード表示されない問題の解決まで紆余曲折あり膨大な時間を浪費した為、同様の症状に悩まされている方に自身の経験を共有した。
- ちょっと頑張ってムリだったら、いくら時間かけても無駄ってパターンあるので早めにサーバー側に問い合わせた方がいい事例であった。