X(Twitter)共有ボタンメーカー

no_?thumbnail no_?thumbnail
ポストするテキスト(必須)

0 / 140

ハッシュタグ(1つまで)
ポストする画像
URL
おすすめアカウント
Click to Copy |

※テキストだけでなくURLや画像もすべて含めて140字以下であるかどうかは検証しません。生成されたURLの動作は必ずご自身で確認してください。

画像ポストの設定のしかた

単純に画像を添付したポスト

使いたい画像を事前にポストしておく必要があります。これによって使いたい画像のリンクが生成されます。

ポストの個別ページをWeb版で開き、右上のポップアップメニューから「ポストを埋め込む」を選択します。

リンクを生成したらコピーしてメモ帳か何かに貼り付け、文字列の中のpic.twitter.com/XXXXXXXXXXという部分を探してください。この部分をポストするテキストに含めることで画像付きポストになります。

Webページへのリンク(カード)としての画像ポスト

Webページをシェアしようとしているならば、OGP (Open Graph Protocol)の設定を適切に行うことで対応できます。これはSNSでWebページがシェアされた際に、ページのタイトル、説明文、画像などの情報を表示するための仕組みです。

ポストにリンクを貼るWebページに、以下のメタタグを追加します。

<meta property="og:title" content="ページのタイトル">
<meta property="og:description" content="ページの説明文">
<meta property="og:image" content="https://example.com/path/to/image.jpg">
<meta property="og:url" content="https://example.com/page-url">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ページのタイトル">
<meta name="twitter:description" content="ページの説明文">
<meta name="twitter:image" content="https://example.com/path/to/image.jpg">
<meta name="twitter:site" content="@YourTwitterAccount">
og:title
twitter:title
タイトル
og:description
twitter:description
説明
og:image
twitter:image
カードに表示する画像の絶対URL
1200×630px(横長)程度推奨
og:urlそのページの正規URL
og:typeページ種別 (通常は website でOK)
twitter:cardsummary_large_image で大きい画像付きリンクカードになる
twitter:siteアカウントを設定するとカードに表示される

以上の設定がされたwebページへのリンクをポストに含めると、画像付きリンクカードとしてポストされます。

変更が即座に反映されない場合

Xのクローラーが一度ページを読み込むと、そのページのOGP/twitterカード情報をキャッシュとして保存します。metaタグを更新してもすぐにはページを再取得しないため、反映が遅れることがあります。

  • metaタグを変更したページのリンクを再度投稿しても、古い版の画像やタイトルが出る
  • 新規にmetaタグを加えたばかりだと、そもそもカードが出ない

通常は放っておいても30分程度で更新されますが、ただ待つしかないのかというとそうでもなく、Twitter Card Validatorを使って対象のURLを検証することで、キャッシュを無視してページ情報を強制的に再取得させることができます(本来の使い方ではないですが)。これによってキャッシュも更新される……らしいです。

免責事項

本ツールはX(Twitter)のスクリプトを使用せずにXシェアボタンと同等の機能を持つリンクを生成するツールであり、非公式ツールです。使用はご自身の責任においてお願いします。