web-dev-qa-db-ja.com

Twitterカード共有ボタン

Twitterの共有ボタンに問題があります。入力として次のコードがあります。

<meta name="Twitter:card" content="summary">
<meta name="Twitter:site" content="@citydesigning">
<meta name="Twitter:title" content="City Design">
<meta name="Twitter:description" content="I recommend this epic City Design online course at https://stepic.org/city #stepiccity">
<meta name="Twitter:creator" content="citydesigning">
<meta name="Twitter:image:src" content="https://stepic.org/static/classic/city/images/sharepic.png">

そして

<a class="Twitter" href="https://Twitter.com/intent/tweet?url=https://stepic.org/city" target="_blank"></a>

ただし、共有しても結果は返されず、次のテキストのみが返されます: " https://stepic.org/city "すべてのTwitterカード情報(画像や一部のテキストなど)ではなく、[概要を表示]をクリックするとTwitterのフィード。

手伝ってくれませんか。

10
user2889334

Twitterカードが機能する前に、ドメインを承認する必要があります。 Twitterのバリデーターを使用して、[承認をリクエスト]をクリックします。

https://cards-dev.Twitter.com/validator

9
Dan Leveille
  1. https://cards-dev.Twitter.com/validator を介してTwitterカードを検証します

  2. HTMLコードは:

    <a href="http://www.Twitter.com/intent/tweet?url=http://your-url&text=caption">Tweet</a>
    

    キャプションテキストとURLのみが表示されます。ただし、[ツイート]ボタンをクリックして共有すると、概要カード、プロファイルページが表示されます。

4
Fatih Topcu

画像を表示するには、次を置き換えます。

<meta name="Twitter:card" content="summary">

と:

<meta name="Twitter:card" content="summary_large_image">

また、次のURLを入力して、Twitterクローラーが正しくアクセスできるかどうかを確認します https://cards-dev.Twitter.com/validator

1
Dawn T Cherian

これは実際には予想される動作です。 Twitterカードはツイート共有ダイアログには表示されませんが、共有ダイアログのツイートボタンをクリックすると、Twitterにカードとして表示されます。 https://twittercommunity.com/t/card-validator-is-working-but-website-share-show-different-content/36092/2

0
Mudiaga Ejenavi