コンテンツにスキップ
SvelteMetaTags
日本語
Esc
navigateopen⌘Jpreview
このページの内容

Twitter

twitter={{
  creator: '@handle',
  site: '@site',
  cardType: 'summary_large_image',
  title: 'Twitter',
  description: 'Twitter',
  image: 'https://www.example.ie/twitter-image.jpg',
  imageAlt: 'Twitter image alt'
}}

Twitter は他にも、creatorIdplayer カードタイプ向けのプレイヤーカードセット(playerplayerWidthplayerHeightplayerStream)、そして app カードタイプ向けのプラットフォームごとのアプリフィールド(appNameIphone/appIdIphone/appUrlIphoneappNameIpad/…、appNameGoogleplay/…)を受け付けます。全項目は Twitter を参照してください。

フォールバック動作

twitter プロパティで twitter.titletwitter.description が明示的に設定されていない場合、他の利用可能な値に自動的にフォールバックします:

  • twitter.titleopenGraph.titletitle
  • twitter.descriptionopenGraph.descriptiondescription

これにより、同じ値をメタタグ間で共有する場合に重複を避けることができます:

<MetaTags
  title="Page Title"
  description="Page Description"
  openGraph={{ title: 'OG Title', description: 'OG Description' }}
  twitter={{ cardType: 'summary_large_image' }}
/>
<!-- twitter:title は "OG Title" になります -->
<!-- twitter:description は "OG Description" になります -->

詳細については、X(Twitter)のドキュメントを参照してください。

このページは役に立ちましたか?