OGプロトコルの設定で表示される画像が異なる問題について

前へ 次へ
このQ&Aのポイント
  • FaceBookに自分のWordpressで作ったサイトのURLを貼付けるとなぜかトップページ内で使っているメニューボタンの画像がサムネイルとして表示されてしまいます。
  • OGプロトコルを設定してやりサムネ用に300×300のjpg画像を作ってやりましたが、URLを投稿してみると今度はトップページ内で使用しているヘッダー画像が表示されるようになってしまいました。
  • どうしたらよいでしょうか？
回答を見る
  • ベストアンサー

OGプロトコル、イメージを設定したのに別のものが…

FaceBookに自分のWordpressで作ったサイトのURLを貼付けるとなぜかトップページ内で使っているメニューボタンの画像がサムネイルとして表示されてしまいます。 これはあまり望ましくないと思いOGプロトコルを設定してやりサムネ用に300×300のjpg画像を作ってやりog:imageとして設定してやりました。 FaceBookデバッガーで確認したところ無事に設定できていたようだったので安心していたのですがいざURLを投稿してみると今度はトップページ内で使用しているヘッダー画像が表示されるようになってしまいました。 どうしたらよいでしょうか？ <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="description" content="サイト説明" /> <meta property="og:title" content="<?php wp_title(' | ', true, 'right'); ?><?php bloginfo('name'); ?>"/> <meta property="og:description" content="サイト説明"/> <meta property="og:image" content="サイトURL/@.jpg"/> <meta property="og:url" content="サイトURL"/> <meta property="og:type" content="movie"/> <meta property="og:site_name" content="<?php wp_title(' | ', true, 'right'); ?><?php bloginfo('name'); ?>"/>

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

facebookのホームページを参照してください。

oshiete329
質問者

お礼

原因はツイッターからFBに投稿していた為でした。 Twitterの自動URL短縮サービスでアドレスが変わっていたので、そのアドレスをデバッグしたら治りました。 ありがとうございました。

  1. カテゴリ
  2. インターネット・Webサービス
  3. SNS・掲示板・ブログ
  4. Facebook

関連するQ&A

  • wordpressのdescription設定

    wordpress、phpの初心者です。 SEO対策のために、descriptionを全ページ、コンテンツに適したもので出力できればと思い、 ・トップページは一般設定の「キャッチフレーズ」 ・カテゴリーページは「カテゴリーの説明文」 ・投稿ページは「カスタムフィールド」 ・それ以外、及びカスタムフィールドが入力されていない投稿ページは「ページタイトル | 一般設定のキャッチフレーズ」 上記の用に出力できるよう、ググって色んなサイトを参考に下記のように記述したのですが、 真っ白になって表示されません。 <?php if (is_home()) { echo '<meta name="description" content="<?php bloginfo('description'); ?>" />'; } elseif (is_category()) { echo '<meta name="description" content="<?php echo category_description(); ?>" />'; } elseif(is_single()){ echo '<meta name="description" content="<?php echo get_post_meta($post->ID,'description',true);?>" />'; } else { echo '<meta name="description" content="<?php wp_title('|', true, 'right'); bloginfo('description'); ?>" />'; }?> プラグインもイマイチ希望のものが見つからず、 何とか試行錯誤しているのですが、未だに解決出来ずにいます。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • metaタグのメリットについて。

    <link rel="canonical" href="http://XXXXXXXXXXX.com/" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="website" /> <meta property="og:title" content="XXXXXXXXXXX" /> <meta property="og:description" content="XXXXXXXXXXXXXXXXXXXXXX" /> <meta property="og:url" content="http://XXXXXXXXXXX.com/" /> <meta property="og:site_name" content="XXXXXXXXXXX" /> <meta property="og:image" content="http://XXXXXXXXXXXt.com/news/wp-content/uploads/2018/07/logo_meta.jpg" /> <meta property="og:image:secure_url" content="http://XXXXXXXXXXX.com/news/wp-content/uploads/2018/07/logo_meta.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" /> <meta name="twitter:title" content="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" /> <meta name="twitter:site" content="@XXXXXXXXXXX" /> <meta name="twitter:image" content="http://XXXXXXXXXXX.com/news/wp-content/uploads/2018/07/logo_meta.jpg" /> <meta name="twitter:creator" content="@XXXXXXXXXXX" /> <meta property="fb:app_id" content="XXXXXXXXXXX"> これはmetaタグです。これらは１つ１つSEO対策としてどういうメリットや動きをするのでしょうか。

  • metaタグについて

    皆様お願いいたします。 jimdo proにてHPを作成し、その中にFBシェアボタンを設置しました。 スマホより自HPへいき、シェアしたところ画像、文が変な状態でシェアされます。 調べるとシェアされた時の画像、文を設定（OGPと言うらいいです）しなければならないことがわかりました。 やり方はjimdo作成画面からヘッダー編集へ行き、下記のmetaタグを記載との事です。 <meta property="og:type" content="ページの種類"> <meta property="og:title" content="ページのタイトル"> <meta property="og:description" content="記事の説明" /> <meta property="og:url" content="ページのURL"> <meta property="og:image" content="表示したい画像のURL"> そこでなのですが、私のHPのヘッダー編集画面にいくと、 <style type="text/css"> 〇〇〇〇〇〇〇〇〇 〇〇〇〇〇〇〇〇〇 </style> というようにすでに記載させれています。 どこに上記metaタグを入れたらいいのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • wordpressのタグ設定がうまくいかない

    wordpressでオリジナルテーマを作っています。MySQLデータベースはロリポップで設定しました。 wordpressの場合、コンテンツタイプは「text/html」・エンコードは「UTF-8」でないといけないのですが、phpテンプレートで <meta http-equiv="Content-Type" content="<?php bloginfo(`html_type`); ?> ;charset=<?php bloginfo(`charset`); ?>" /> と指定して、ブログをプレビューすると、ソース表示が <meta http-equiv="Content-Type" content="自分で設定したブログタイトル;charset=ブログタイトル" />　 になってしまいます。 また、ヘッダーも、 <h1><a href="<?php bloginfo(`uri`); ?>"> <?php bloginfo(`name`); ?></a></h1> <p><?php bloginfo(`description`); ?></p> と入力しても、ソースが <h1><a href="ブログタイトル"> ブログタイトル</a></h1> <p>ブログタイトル</p> と全て同じ内容になってしまいます。 そして、スタイルシートも設定が反映しません。 初心者なので、これが説明不足かどうかわからないので、 とりあえずここでいったん区切ります。 教えてくれる方いらっしゃいましたら、補足説明もしますので、 ぜひお手数ですが宜しくお願い致します。

  • facebook いいね！ボタンについて

    会社のホームページを製作し ページごとにfacebookのいいね！ボタンを配置しようとしています とりあえず数ページにいいね！ボタンを配置し ボタンをおしているのですが 自分のfacebookのタイムライン、友達のニュースフィードに記事が反映されません ただアクティビティログには反映され、友達のページから自分のfacebookページを見ると いいね！の記事が反映されています ページ内のタグは下記のような感じです <html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta property="og:title" content=""> <meta property="og:description" content="" /> <meta property="og:type" content="website"> <meta property="og:image" content=""> <meta property="og:url" content=""> <meta property="og:site_name" content=""> ※og内の""の中は、実際は入れてあります 下記も入れたりしていますがダメでした・・・ <meta property="fb:admins" content="" /> <meta property="fb:app_id" content="" /> </head> <body> <script type="text/javascript"> var url = document.URL; document.write('<iframe src="http://www.facebook.com/plugins/like.php?href='+ … scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>'); </script> もしくは <iframe src="http://www.facebook.com/plugins/like.php?href=ht … scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe> ※ボタン内のURLは実際のものとは違います </body> </html> 現状のURLがテスト用のアドレスだからなのかもしれませんが 行き詰っています・・・ 何卒よろしくお願い致します

    • ベストアンサー
    • CSS
  • jquery-colorboxが反応しません・・・

    Wordpressのプラグインでjquery-colorboxってのを使いたいのですが上手く動いてくれません・・・ ネットで調べたらheader部分になにか追加したら動くとあったのですがよくわかりませんでした・・・ 今ヘッダー部分は <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title> <?php if ( is_home() ) { ?> <? bloginfo('name'); ?> | <?php bloginfo('description'); ?> <?php } ?> <?php if ( is_search() ) { ?> Search Results for <?php /* Search Count */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(''); echo $key; _e(' &mdash; '); echo $count . ' '; _e('articles'); wp_reset_query(); ?> <?php } ?> <?php if ( is_404() ) { ?> <? bloginfo('name'); ?> | 404 Nothing Found <?php } ?> <?php if ( is_author() ) { ?> <? bloginfo('name'); ?> | Author Archives <?php } ?> <?php if ( is_single() ) { ?> <?php wp_title(''); ?> | <?php $category = get_the_category(); echo $category[0]->cat_name; ?> | <? bloginfo('name'); ?> <?php } ?> <?php if ( is_page() ) { ?> <? bloginfo('name'); ?> | <?php $category = get_the_category(); echo $category[0]->cat_name; ?> | <?php wp_title(''); ?> <?php } ?> <?php if ( is_category() ) { ?> <?php $category = get_the_category(); echo $category[0]->category_description; ?> | <? bloginfo('name'); ?> <?php } ?> <?php if ( is_month() ) { ?> <? bloginfo('name'); ?> | Archive | <?php the_time('F, Y'); ?> <?php } ?> <?php if ( is_day() ) { ?> <? bloginfo('name'); ?> | Archive | <?php the_time('F j, Y'); ?> <?php } ?> <?php if (function_exists('is_tag')) { if ( is_tag() ) { ?> <?php single_tag_title("", true); } } ?> | <? bloginfo('name'); ?> </title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/sprinkle.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/script.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/colortip-1.0-jquery.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/contact-form.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/blogger.js"></script> <!--[if IE 6]> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/styleie6.css" type="text/css" media="screen" /> <![endif]--> </head> ってなってます。どうすれば動きますか？？ サイトURLはhttp://mooommm.com/ 添付画像はプラグインの設定部分の画像です！

  • meta "description"を書いたら駄目

    ワードプレスを使って日々記事を書いています SEO対策で <meta name="description" content=""> というのを記事ごとに書いた方が良いというのをよく見かけたので ワードプレスで新規記事投稿、新規作成で記事を書くとき テキストエディタの本文書く所の１番上に<meta name="description" content="80文字以内で説明を書く" /> <meta name="keywords" content="タイトルにある単語,本文にある単語,3個まで, /"> この二つを最近記事ごとに書いてきました。 しかし検索結果が思うように上位に表示されずおかしいなと思って 自分の書いた記事がグーグル検索にどう表示されるか調べてたんです。 「site:http://自分のURL書いてググる」 普通グーグルの検索結果は タイトル URL 「ここに3行<meta name="description" の説明が入る」 じゃないですか（添付画像参照） ですが実際反映されていたのは ヘッダーの(header.php)に書いてある方の　<meta name="description"の文章でした！！ <head>のすぐ下によくあるやつ 記事に　<meta name="description"をわざわざ書くことによって ヘッダーの<meta name="description"と2つ存在する事になって ヘッダーの<meta name="description"が優先されるという事なのでしょうか！？？？ ではよくSEO対策のページで記事ごとに<meta name="description"を書けと言っているのは どうやって書けばいいのでしょう？？ ヘッダーｐｈｐに存在している<meta name="description"はどの記事にも常に付いて回る存在で 記事ごとに書くことできないじゃないですか。 ここがさっぱり理解できていないのですが。 ヘッダーの<meta name="description"　は削除してしまって　記事ごとに<meta name="description"を1つ1つ単独で書き込んで行けという事でしょうか？？？ 独学でさっぱり知識のない初心者ですが ヘッダーの(header.php)に書いてある方の　<meta name="description"の文章が記事の検索結果に表示されるのは非常に困っております！！！ 教えてください！助けてください

  • name="description"が効きません

    どうしても<meta name="description" content="○○○" />が効きません.. html5でサイトを作ってます。 description"の内容は英語で書いてます。(が日本語で試しても以前のキャッシュ？が表示されたままです。) ブラウザで公開中のサイトのソースを確認したら<meta name="description" content="○○○" />が新しい内容で出てますし、 googleウェブマスターツールでは特に問題なしと出ています。 googleウェブマスターツールのhttp://i.imgur.com/tfvas53.pngでキャッシュを更新しようとしましたが検索結果で表示されるのは古い説明文ではなくてgoogleが勝手に選定した文章なのでどうすればいいのかよく解りません。 似たようなサイトをいくつか作っていますが<link rel="canonical" href="○○○○" />は設定してますしdescriptionの内容も一応違います。 他にそもそも<meta name="description" content="○○○" />を設定できないようになってる、<head>をいじれないサイトがあるのですが私が<meta name="description" content="○○○" />を本当に効かせたいサイトとはgoogleは違う文章を検索結果に出しています。 facebookの投稿欄で本命サイトのurlを試したらdescriptionが効いてる事が解りますし、自分のブラウザキャッシュも削除しました。<meta name="robots" content="noodp">書いても効果がないみたいです。 ちなみにdescriptionは反映されないけど<title>は新しいものが表示されます。 長くなってしまいましたがよろしくお願いします。

    • ベストアンサー
    • HTML
  • metaの順番

    こんにちは。よろしくお願いします。 "keywords"と、"description"についてです。 今までは、以下のように、 <html><head> <meta name="keywords" content=""> <meta name="description" content=""> <title></title> としてました。何年も考えずに、ず～っと、 ホームページをこれでやってきましたが、 <html><head> <title></title> <meta name="keywords" content=""> <meta name="description" content=""> と言う風に書いているページも多いですし、 猿でも出来るSEO対策 http://www.operationcheck.com/ と言うサイトも、その順序で説明しています。 やはり、こう変えた方が、当たり前でしょうか？ そうなると、5～6つのサイトを変更しなければなりません。 よろしくお願い申し上げます。

  • javascriptでurlを取得

    javascript、ごくごく初心者です。 Facebookにshareさせたい自ページURLをjavascriptで取得したいと思いますが、 なかなかうまくいきません。 よろしくお願いいたします。 <meta property="og:url" content="ここにアドレス取得" />

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する