• Masato

    (@abirdwhale)


    お世話になっております。初心者ですので的外れなことを言っている点もあるかと思いますが、どうぞよろしくお願い致します。

    「abirdwhale.com」という静的ページを
    http://abirdwhale.com/」のフロントページにし、そこに「Main」というメニューを対応させています。

    FacebookにWordPressで構築したホームページへのリンクを貼った際に、アイキャッチ画像が期待通りにFacebook側に認識されなかったので、こちらのページを参照しながらWP-OGPの設定を行いました。
    http://www.ideaxidea.com/archives/2011/12/how_to_setup_wp-ogp.html

    最後の「html宣言を編集」という項目については、子テーマ内にheader.phpを作り、
    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; xmlns:og=”http://ogp.me/ns#&#8221; xmlns:fb=”http://www.facebook.com/2008/fbml”&gt;
    とだけ記入して反映させたところ、ページ表示が崩れてしまったのでその方法はやめ、「html宣言を編集」については何もやっておりません。

    結果、無事アイキャッチ画像がサムネイルとしてFacebookに認識させることができました。
    ただ、リンク表示内容が設定前は、


    太字のURL (http://abirdwhale.com/)
    サイトタイトル (abirdwhale.com)

    というものだったのに対し、
    設定後は


    太字のメニュータイトル(ナビゲーションレーベル) (Main)
    URL (http://abirdwhale.com/)
    PC表示設定のためのタグが含まれた記事内容([pc-only] Facebook (Music)YouTube ChannelNewsletter)

    となっております。

    記事内容についてはFacebookで投稿する際に変更が可能なようです。
    問題は、太字で表示されている部分を、メニュータイトルではなく、サイトタイトル(あるいはページタイトル。どちらもabirdwhale.comです)にしたいということなのですが、何か手段はないでしょうか。
    記事内容についても内容を指定できるとありがたいです。

    お忙しいところ申し訳ありませんが、アドバイスをいただけないでしょうか。
    よろしくお願い致します。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック投稿者 Masato

    (@abirdwhale)

    トピック投稿者 Masato

    (@abirdwhale)

    記事内容についてはog:descriptionで指定されていることが、

    https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fabirdwhale.com%2F

    からわかりました。
    og:descriptionに手を加える術はあるのでしょうか。

    今確認したら、’og:title’は’abirdwhale.com’になっていましたので、タイトルについては解決ですね?
    ‘og:description’ですが、WP-OGPは次の優先順位で取得して出力しています。
     
    個別投稿と固定ページ
    1.カスタムフィールド’description’の内容
    2.抜粋
    3.本文から一部抜粋
     
    カテゴリーアーカイブ
    1.カテゴリー説明
     
    その他のページ
    1.$default_blog_desc
    2.ブログ説明
     
    ホーム(フロントページ)の場合、その他のページの優先順位になります。
    $default_blog_descは[wp-ogp/wp-ogp.php]の181行目で設定可能です。

    $default_blog_desc = ''; // default description (setting overrides blog tagline)

    ファイルの文字コードはUTF-8で保存してください。

    トピック投稿者 Masato

    (@abirdwhale)

    大変丁寧なご回答をありがとうございます。
    タイトルについてはいつの間にか解消されていたようですね。
    簡単に経緯をご説明いたします。

    1. WP-OGPの運用をやめ、
    http://www.webcreator-net.com/tips_memo/wordpress/20120602155021.html
    を参照しながら、子テーマのheader.php内での設定を試みるも、Facebook PageのLike Boxが表示されなくなってしまったので、諦める

    2.再び
    http://www.ideaxidea.com/archives/2011/12/how_to_setup_wp-ogp.html
    を参照しながらWP-OGPの設定を行う。今回は子テーマのheader.phpに<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
    を含める。(前回失敗したのは、まさしくご注意の通り、UTF-16で保存していたからでした)

    3.popupさまのアドバイスに従い、
    $default_blog_desc = ''; // default description (setting overrides blog tagline)
    に説明を書き込むも、反映されず。

    これはおそらくFacebook側がog:type: blogではなく、og:type: articleだと判断してしまっているからではないでしょうか…?正しく認識させる術がありましたらご教授願いたいです。

    現在の’og:description’の内容ですが、WPの[一般]設定の[キャッチフレーズ]欄に入力した内容になっているのでしょうか?
    ‘og:type’が’article’になっているのは関係ないと思います。
    フロントページに固定ページを指定しているのが原因のようですから、wp-ogp.phpの187行目を次のように変更してください。
     

    if(is_single() || (is_page() && ! is_front_page())) {

     
    ホーム(フロントページ)の’og:type’が’article’になる問題は、123行目を以下のように変更するといいです。
     

    if (is_home() || is_front_page()) :

    トピック投稿者 Masato

    (@abirdwhale)

    現在の’og:description’の内容はキャッチフレーズ(入力済みです)ではなく、
    [pc-only] Facebook (Music)YouTube ChannelNewsletter
    というKtai Styleプラグインのタグを含めた、フロントページ中身のテキストが表示されています。

    ありがとうございます、教えていただいたものをさっそく試してみます。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「【WP-OGP】Facebookにリンクを貼った際のタイトルと記事内容表示」には新たに返信することはできません。