Love2Labo

日常の些細なことやどうでもいいことをあなたに。たまに Wordpress カスタマイズ。

ブログ運営

TwitterカードとOGPを設定したけどdescriptionがうまく取得できなかったというお話

更新日:

ogp_description

写真ブログを立ち上げるにあたって、こちらではやっていないことにも挑戦してみました。

今回はTwitterカードとOGPの設定です。

ちょっとつまづきました。忘れないように備忘録として残しておきます。という下書きを2ヶ月前に書いたまま忘れていました。備忘になってないです。

改めて書き直しているので、ちょっと間違ってるとことかあれば指摘してください。

スポンサーリンク

OGPとTwitterカードを設置する

参考にしたのはゆめぴょんさん(@yume_pyon)のサイトです。設置するメリットなど詳細に書かれているので、詳しく知りたい方はそちらを参照してください。

で、上記の記事に書かれているコードをコピペして使わせてもらったんですが、なんかうまく動いていない…。

トップページで警告が出る

OGP設定後、確認のためFacebookのOpen Graph Object Debuggerを回していたらトップページになにやら不穏な警告が。(スクリーンショットが残ってませんでした。すいません。)

原因は以下の指定をしていたこと。

「article:publisher」は指定したFacebookページと結びつけるためのコードなんですが、og:typeに「website」を指定する場合は外した方がよさそうです。

記事ページの抜粋文章が反映されない

これなんだったかなぁ…。なんか反映しなかったんですよ。時間が出来たらちゃんと検証するかもしれません。

タイトルを見る限り、これがメインだったはずなんですけどね。

気になる方は、下にソース晒しておきます。確認してみてください。

 

私が使用しているソース

ほぼゆめぴょんさんのソースをそのまま使っていますが、OGPについては上で書いた2箇所とfb:adminsのところを修正しました。

あと、Twitterのカードタイプをラージイメージにしています。一応写真ブログなので大きめ画像を見せたいなって。

ソース全文を貼っておきます。細かいことは見てもらったらわかると思います。あとコピペでも動くと思いますが、その場合は【】内の部分は自分用に書き換えてください。

【 】内の書き方わかんないなーって思ったら、あめたまびよりのソースを直接見てもらえば多分書かれていますので、そっちを見てくれても大丈夫です。

 

まとめ

下書きにタイトルと要点だけ書いて忘れていました。全く備忘録になっていなかった…。

いかんですね。ちゃんと忘れる前に記事にしないと。もしくはちゃんと要点をまとめておかないと。箇条書きだけで後でも理解できると思ってたら大間違い。自分を過信するなっていう戒めです。

以上、あめたま(@ametama_l2l)でした。

-ブログ運営

Copyright© Love2Labo , 2017 AllRights Reserved Powered by AFFINGER4.