VWSとは フォーラム Lightning Twitterでシェアしたときに投稿ページのURLでも画像が表示されるようにしたい

Twitterでシェアしたときに投稿ページのURLでも画像が表示されるようにしたい

このトピックには16件の返信が含まれ、3人の参加者がいます。4 ヶ月前 yunahana さんが最後の更新を行いました。

15件の投稿を表示中 - 1 - 15件目 (全17件中)
  • 投稿者
    投稿
  • #15971

    yunahana
    参加者

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

    自分のサイトURLをTwitterでシェアすると、トップページを含め固定ページは「VK All in One Expansion Unit」設定で指定した画像が表示されますが、投稿ページのURLをシェアすると、画像が表示されません。
    投稿ページのURLでも、そのページにある画像やアイキャッチ指定した画像が表示される方法がありましたら、ご教授いただきたいです。

    どうぞよろしくお願いいたします。

    現在は下記の画像のような表示になります。
    https://www.dropbox.com/s/zfwadntp8sxe84t/twitter.jpg?dl=0

    #15972

    RICK
    参加者

    「JetPack」や「All in One Seo Pack」等の他のプラグインでOGPを出力していたりしませんか?
    また、「VK All in One Expansion Unit」の「デフォルトのOGPイメージ」の設定を空にするとどうなりますか?

    #15973

    RICK
    参加者

    他のプラグインでOGPが出力されているかどうかはサイトのソースコードを見ればだいたい分かると思います。

    #15978

    yunahana
    参加者

    RICK 様

    いつもありがとうございます。

    プラグインを確認してみました。
    「JetPack」や「All in One Seo Pack」は入れてありませんでした。
    他のプラグインでOGPを出力していないか調べてみましたが、ありませんでした‥。

    また、「VK All in One Expansion Unit」の「デフォルトのOGPイメージ」の設定を空にするとどうなりますか?
    「デフォルトのOGPイメージ」の設定をしていないときは、画像が表示されなかったので「デフォルトのOGPイメージ」の設定をしたところ、画像が表示されましたので、「デフォルトのOGPイメージ」の設定をするものだと思っておりましたが、今回空にしてみたところ、現状と変わりなく画像が表示されています。
    そして、投稿ページのURLでは相変わらず画像は表示されません‥

    他のプラグインでOGPが出力されているかどうかはサイトのソースコードを見ればだいたい分かると思います。
    ソースを表示してみましたが、下記のようなコードは1か所のみでした。
    <!– [ OGP ] –>
    <!– [ / OGP ] –>

    関係あるかどうかは分かりませんが、投稿ページでは、「アイキャッチ画像を自動挿入しない」にチェックを入れて、編集画面の右下で「アイキャッチ画像」を指定しています。

    #15979

    RICK
    参加者

    「VK All in One Expansion Unit」の「SNS Settings」の
    「twitterアカウント」には何か入力していますか?

    なにも入力していないと「Twitter Card」が有効にならないようです。

    変更後、サーバー & ブラウザのキャッシュの削除を忘れずに。

    P.S.
    画像はわざわざ外部サーバーにアップロードしなくても
    下の部分の「ファイルを選択」からアップロードできるようになりました。

    Attachments:
    You must be logged in to view attached files.
    #15981

    yunahana
    参加者

    RICK 様

    返信ありがとうございます。

    VK All in One Expansion Unit」の「SNS Settings」の
    「twitterアカウント」には何か入力していますか?

    はい。twitterアカウントの@の後の文字列を入力しています。
    変更後、Googlechromeのせっていより、ブラウザのキャッシュの削除もしております。
    サーバーではキャッシュ機能の設定はOFF になっております。
    そして、シークレットウィンドーでの確認もしていますが、Facebookでは投稿ページの画像は表示されますが、Twitterでは投稿ページのシェアには画像が表示されません‥。

    画像はわざわざ外部サーバーにアップロードしなくても
    下の部分の「ファイルを選択」からアップロードできるようになりました。

    ありがとうございます。いつか、何かの機会に教えていただこうかと思っておりました。
    次回より「ファイルを選択」からアップロードしたいと思います!

    #15985

    RICK
    参加者

    Twitterでカードを生成するには、
    「VK All in One Expansion Unit」の「SNS Settings」において以下の3つを満たす必要があります。

    • twitterアカウントのテキストエリアにユーザー名を入力
    • OGタグにチェックを入れる
    • Twitterカードタグを入れる

    また、アイキャッチ画像が確実に設定されているかを確認してみてください。

    上記をすべて満たした場合、個別記事のソースコードのOGPの部分は添付画像のようになります。
    過去のツイートに反映するのは至難の業のようなので次回投稿から試してみてください。
    以上を確認してみてください。

    Attachments:
    You must be logged in to view attached files.
    #15988

    RICK
    参加者

    WP-Sweepで掃除してみるのも有力かもしれません。

    #15989

    RICK
    参加者

    あと考えられるのはCard validatorで認証を済ませていないのが原因という可能性があります。

    #15990

    yunahana
    参加者

    RICK 様

    お世話になっております。

    
    ・twitterアカウントのテキストエリアにユーザー名を入力
    ・OGタグにチェックを入れる
    ・Twitterカードタグを入れる
    また、アイキャッチ画像が確実に設定されているかを確認してみてください。
    

    上記確認できました。
    画像添付いたします。
    アイキャッチ画像も、設定画像ファイル名と間違いありませんでした。
    <meta name="twitter:image" content="/image/blog-20190416.jpg">

    アイキャッチ画像が相対パスになっているのがいけないのでしょうか?

    Attachments:
    You must be logged in to view attached files.
    #15992

    yunahana
    参加者

    RICK 様

    何度もありがとうございます。

    あと考えられるのはCard validatorで認証を済ませていないのが原因という可能性があります。

    こちらも、済ませているつもりなんですが‥
    ホームページのURLを入力して、「Preview card」ボタンを押すだけでよいのですよね?
    ただプレビューされるだけなんでしょうか?

    申し訳ありませんが、ご教授お願い致します。

    #15994

    RICK
    参加者

    <meta name="twitter:image" content="/image/blog-20190416.jpg">

    相対パスはまずいかもしれません。Twitterが相対パスを解釈できない可能性があるので。

    こちらも、済ませているつもりなんですが‥
    ホームページのURLを入力して、「Preview card」ボタンを押すだけでよいのですよね?
    ただプレビューされるだけなんでしょうか?

    そのとおりですが、確認の際に活用されると良いと思います。

    #16004

    yunahana
    参加者

    RICK 様

    お手数をおかけしております。
    相対パスはまずいかもしれません。Twitterが相対パスを解釈できない可能性があるので。
    そんな気もしました‥
    WordPressのメディアの設定で、アップロードするファイルの保存場所をデフォルトの「wp-content/uploads」から「image」へ変更してありまして、ファイルへの完全な URL パスを「/image」へ変更してあるんです。
    投稿ページのURLでも画像が表示されるのはあきらめるしかなさそうですね‥(T_T)

    ですが、トップページも相対パスになっておりますが、シェアは画像が表示されるのです‥。
    何か方法があればよいのですが‥

    RICK 様、長いことお付き合いいただきありがとうございます。
    また何か方法がありましたらご教授お願いいたします。

    #16007

    yunahana
    参加者

    先ほど、Twitterを確認したところ、サイトのトップページのシェアの画像が消えていました。
    「デフォルトのOGPイメージ」の画像の設定を削除したためだと思われますので、もう一度画像を指定しましたが、直ぐには反映されないのか、Twitterでのシェアには画像は未だ表示されません‥。

    少し、様子を見ようと思います。

    #16009

    RICK
    参加者

    ファイルへの完全な URL パスを「/image」へ変更してあるんです。

    画像ファイルへの完全な URL パスをhttps://r********a.com/imageに変更できれば可能性はあると思います。
    設定方法がわからないのでこれ以上のことは言えませんが試してみてください。

15件の投稿を表示中 - 1 - 15件目 (全17件中)

このトピックに返信するにはログインが必要です。