twitterカードの画像が表示されない件について

Simplicityの特徴 フォーラム Simplicityについての質問 twitterカードの画像が表示されない件について

このトピックには12件の返信が含まれ、2人の参加者がいます。1 週、 6 日前 ひかる さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #52360

    10minsago

    お世話になります。

    simplicity2ではtwittercardがデフォルトで使えると確認したうえで
    https://cards-dev.twitter.com/validator
    にてURLをいれましたが、

    The card for your website will look a little something like this!
    Unable to render Card preview

    logは以下の様になります。
    INFO: Page fetched successfully
    INFO: 22 metatags were found
    INFO: twitter:card = summary tag found
    ERROR: Required meta tag missing (twitter:text:description)

    お知恵を拝借したく

  • #52361

    10minsago

    すみません。追記です。

    任意のURLではカード自体は出てきたものの、画像が出てきません。
    例:http://www.creditcardchoice.biz/archives/2328

    画像が出てこないものについての対処を教えていただきたく。

  • #52365
    わいひら
    わいひら
    キーマスター

    該当ページのソースを見て確認してみたところ、おそらく、JetpackのPhoton機能を利用しているからだと思われます。

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:description" content="こんにちは先般りそなデビットカード放置で69,000マイルをGETした件を記事にさせていただきました。あれからエミレーツ航空でドバイに行くついでにワンワールドの上級会員をGETすることができるのではないかと思い、勉強を兼ねて調べてみました。">
    <meta name="twitter:title" content="ワンワールドで世界一周航空券を使いJAL上級会員を目指すルートを探す">
    <meta name="twitter:url" content="http://www.creditcardchoice.biz/archives/2328">
    <meta name="twitter:image" content="https://i2.wp.com/www.creditcardchoice.biz/wp-content/uploads/2017/04/map.png?fit=722%2C362">
    <meta name="twitter:domain" content="www.creditcardchoice.biz">
    <!-- /Twitter Card -->

    JetpackのPhoton機能をオフにしてみてください。

  • #52366
    わいひら
    わいひら
    キーマスター

    https://i2.wp.com/は、PhotonのCDNで利用するURLだったと思うのでおそらくこれが原因かと。

  • #61427

    ひかる

    いつもお世話になっております。

    タイトルにある「twitterカードの画像が表示されない件」で私も困っています。
    詳しくお伝えすると、ツイッターカードがネズミ色の背景に白い人の形でしかツイートできません。
    わいひらさんの説明に沿って登録しに行ったのですが、なぜかそこでもネズミ色の背景に白い人の形・・・。
    理想はわいひらさんのツイッターのような、記事の投稿を画像付きで表示したいのですが。
    知識不足で申し訳ございませんが、ご教授お願い致します。

  • #61432

    かうたっく

    詳しくお伝えすると、ツイッターカードがネズミ色の背景に白い人の形でしかツイートできません。
    わいひらさんの説明に沿って登録しに行ったのですが、なぜかそこでもネズミ色の背景に白い人の形・・・。

    これを知った上で解決方法を言えたら良いのですが、状況を見てみないと何とも言えません。

    ※動作不良に関する質問は、不具合の出ているページのURLを掲載してください。

    ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

    よくあったのはOGPを複数指定されている状態だったりします。

    わいひらさんの説明に沿って登録しに行ったのですが、なぜかそこでもネズミ色の背景に白い人の形・・・。

    All in seo pack・JetPackなどでOGPの設定を行って『ネズミ色の背景に白い人の形』とかいう画像を指定しているとか。Simplicityで行うのであれば、他のプラグインのOGP機能を停止すればOKです。

    そもそもアイキャッチを入れているかどうかも分かりません。状況が不明なので、その辺を当たっていただけますか。

  • #61442
    わいひら
    わいひら
    キーマスター

    僕も実際のページを見てみないと、ちょっと原因はわからないです。

  • #61451

    ひかる

    お答えいただきありがとうございます、
    私のサイトは「http://ikiruzo.net」
    私のツイッターは「@ikiruzo_net」です。
    ぜひ私のつぶやきの一つみていただきたいです。
    自身のサイト記事をツイッターで画像付きで投稿したいです。

  • #61452

    Akira

    Simplicity だけではなく All in One SEO Pack も meta タグを挿入しています。

    で、この All in One SEO Pack の meta タグの方が、ミステリーマンの画像です。

    http://ikiruzo.net/wp-content/plugins/all-in-one-seo-pack/images/default-user-image.png

    解決方法は、All in One SEO Pack を無効にされるか、プラグインの設定から SNS 関係の meta タグを挿入しないようにされるかです。

    ちなみに、Twitter だけではなく Facebook も同様にミステリーマンになっています。

  • #61459

    ひかる

    akiraさん、お答えいただきありがとうございます、
    All in One SEO Pack のソーシャルメディアの設定を無効化にしてみたのですが、まだ解決できません。
    All in One SEO Pack を外さないでできる方法はないでしょうか。
    自身でも調べております。

  • #61463

    Akira

    画像が表示されていますよ。

    http://netakiri.net/uploader/src/up0588.png

    Card validator でのチェックが必要だと思います。

  • #61464

    Akira

    というか、まだ Simplicity と All in One SEO Pack の meta タグが重複しています。

    All in One SEO Pack のソーシャルメディアの設定が、無効になっていないと思います。どうしても All in One SEO Pack をお使いになりたいのであれば、Simplicity の「Twitterカードタグを挿入」「FacebookOGPタグを挿入」を無効にされるといいと思います。

    Twitter で画像が表示されるようになっても meta タグの重複はダメです。

  • #61474

    ひかる

    Akiraさん

    ありがとうございます。もう一度最初から設定してみたらなんとか表示するようになりました。
    metaタグも重複を回避できたかと思います。
    大変助かりました。ありがとうございます。

トピック「twitterカードの画像が表示されない件について」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)