Open Graph Pro (WordPressブラグイン) を設定するときに、はまった2つの落とし穴

いままで設定してなかったの?と、セルフツッコミ中のおおひがしです。こんにちは。

やっと設定できました。OGP。できてしまえば、もっと速くしておけば良かったと思いますね。まだの方は是非設定しましょう。

設定方法

WordPressブラグインのOpen Graph Proを使って設定しました。WP-OGPWordbookerはクセが強いようなので、使いませんでした。

設定方法は、こちらのサイトで詳しく説明されていますので、参考にしてください。

はまった2つ

設定の途中で泥沼にはまりました、ズブズブと。

デバッガー – Facebook開発者にて、OGP設定が問題無いか?を確認できますが、ここで2つはまりました。

  • ウェブサイトのURL
  • 別プラグインのOGP設定との重複

これの解決に時間を割いたのでメモしておきます。

ウェブサイトのURL

設定時に行うのを忘れていたため、「設定できてないよ」と指摘されました。facebookのアプリ設定にてURLを設定すれば良いよねと下の「App Domains」に書き込むのですが、なにをしてもエラーとなります。

Ogp001

設定しろと言うからしているのに...とカチンときますが、ここはおとなです。深呼吸してもう一度見ると、下に「Facebookでログインするウェブサイト」とあります。こちらに書き込むのが正解でした。正直、ややこしい。

Ogp002

http://から書きます。無しのドメインにすると”httpかhttpsかわからん”と怒られます。 これが初めの泥沼でした。

別プラグインの重複

設定していたことをすっかり忘れていたのが問題なのですが、別のプラグインでもOGPを設定している時があります。

Ogp003
「type ‘article’ is invalid because it specifies multiple ‘og:url’ values」とエラーが出てしまいました。これはOGPにURLが”二重に書かれていいるから”という内容のエラーです。

Scrolling Social Sharebar プラグインがその原因でした。

このプラグインでOGPの設定がキチンとできていると良いのですが、不十分な設定なのです。残念。ですから、さくっと動作を止めます。

Ogp004

Scrolling Social Sharebar プラグインの管理画面から、「Add Facebook Open Graph (og) Meta tags」のチェックを外すことでエラーが消えました。

兄弟プラグインのTweet, Like, Google +1 and Shareも同じです、注意してください。

まとめ

戸惑い、はまりながらもOGPの設定ができました。サイトURLは入力場所に注意することがポイントでした。

別のブラグインが知らないうちにOGPを設定していることがあります。しかも不十分な設定だったりします。その重複しているプラグインのOGPの部分をOFFにするようにします。

初めてのときは”面倒だな”と感じると思います。しかし、Facebookにて、ブログがシェアされた時に、表示がガラッと変わります。みんなの興味を引きつけてくれます。

いままで、設定していなかったおおひかしが言うのはあれですが、設定した方がお得です。

間違いないです。


この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

広告

あわせて読みたい

記事のタイトルとURL をコピーする!

広告

新着記事

著者プロフィール

ものくろ(大東 信仁)

ブロガー/Web&Blogコーチ/親指シフト orzレイアウト開発者/ものくろキャンプ運営。のべ1,000名のブログサポートに携わる。WordPressが得意。

Facebookを使うノウハウ公開中

農家・フリーランス・経営者向け SNS使いこなしセミナー (2018年1月版)の内容を全文公開中!

無料 メルマガ発行中

運営しているものくろキャンプの講座・イベント開催情報や、ちょっと役立つ情報をお届けしています。

ほぼ毎日発行しています。

Web・Blogコーチのご依頼はこちら

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。

  • Webを活用して本気でビジネス・人生を切り開きたい方
  • Webのテクニカルな改善でお悩みの方
  • アイディアはあるのに、記事の文章にするのがうまくいかない方
  • 親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みも見つけます。

ダイレクトにアドバイス。そして、ご自身の問題解決力を手にしていただく時間を。このブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

ものくろキャンプ Web・Blogコーチ セッション

お申し込みはこちらのお問い合わせフォームからお願いします。

お申し込みはこちらのお問い合わせフォームからお願いします。

ものくろキャンプ イベント案内

ものくろキャンプの開催スケジュールはこちら

広告