プラグインを使わないでOGPを設定

宝石紫困ったこと

投稿ページで『いいね』を押したとき、Facebook上のタイムラインに、サムネイルや記事の内容が表示されない。

宝石ブルー調べてみた

ページのソースを見たら、OGPタグの中身が空白になっているしょぼん

宝石緑修正してみた

◎<html lang="ja">タグの下にスクリプトを追加。

</head>タグの直前の記載は、バージョンアップ版のようでしたので、新しいものに修正しました。

◎『fb:admins』は、いつからそうなったのかわかりませんが、15桁IDではなく【5桁】になっていました。

取得方法は、プロフィール写真URLの、15桁の数字のさらに前にある数字でした。

ここ↓

.12345.123456789012345&type=1&theater

◎<title>タグについても、OGPと同じタイトルになるよう記載できましたが、従来の表記のままにしました。←いずれやってもいいかも♪

<meta name="description" ~>タグは、いい感じになりました。

◎ツイッターカードについては、まったく知らなかったので、ついでに設定。

宝石ブルーアップして検証してみた

ソース上で、descriptionが『CheckPocket』と表示されるがぁ~ん

宝石緑さらに修正だ!

今のところ、投稿の概要を設定していないため、内容がナイよ~というサインでしょうか?

仕方がないので、投稿の内容を参照して書き出せるように『$dsc』の中を変更。

『get_the_excerpt()』の部分を『get_the_content()』に。

ちなみに『get_』がない関数だとページに表示されてしまうのを理解しておらず、『the_content()』と書いたら、へんなとこ(ページの一番上)にSNSボタンが表示されてしまい、あせりました。

宝石ブルーFacebookで見てみた!

Facebook上から投稿すると、サムネイルなどが表示されるが、『いいね』からは表示されないえっ・・・

宝石緑またまた修正だ!!

サムネイルの画像が、OGPタグ上で相対パスになっていたのが原因。

絶対パスを参照する関数が見つけられなかったので、『投稿にサムネイルがある場合の処理』の中の、『image』タグの前にパスを直に記載。

Facebookのデバッガーというツールで更新して確認。

https://developers.facebook.com/tools/debug

解決祝

宝石赤※注意点※

デバッガーはトップページだけやればいいのかと思っていて、投稿ページを確認していなかったので、エラーを発見するのに時間が掛かってしまいました…リラックマ

ドキドキゆめぴょんさんの記事に助けていただきました。

http://wispyon.com/facebook-ogp-noplugin/

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中