タイトル: 画像一体型のリンクをツイートする方法(Twitterカード)
SEOタイトル: 【Twitter】画像一体型のリンクをツイートする方法
この本文には実行可能なタグ等が含まれるため、安全のためHTMLソースとして表示しています。本文データは変更していません。
<p>リンク先のページに以下のメタタグを仕込むだけ。</p>
<table border="1" cellpadding="1" cellspacing="1" style="width:1000px">
<tbody>
<tr>
<td style="background-color:#000000">
<p><span style="color:#ffffff"><meta name="</span><span style="color:#2ecc71">twitter:card</span><span style="color:#ffffff">" content="</span><span style="color:#f1c40f">summary</span><span style="color:#ffffff">"></span></p>
<p><span style="color:#ffffff"><meta name="</span><span style="color:#2ecc71">twitter:card</span><span style="color:#ffffff">" content="</span><span style="color:#f1c40f">summary_large_image</span><span style="color:#ffffff">"></span></p>
</td>
</tr>
</tbody>
</table>
<p>↑<span style="color:#e74c3c"><strong>画像の大きさ</strong></span>を大小どちらか選択</p>
<p> </p>
<table border="1" cellpadding="1" cellspacing="1" style="width:1000px">
<tbody>
<tr>
<td style="background-color:#000000">
<p><span style="color:#ffffff"><meta name="</span><span style="color:#2ecc71">twitter:site</span><span style="color:#ffffff">" content="</span><span style="color:#f1c40f">@ユーザー名</span><span style="color:#ffffff">" /></span></p>
</td>
</tr>
</tbody>
</table>
<p>↑投稿した<span style="color:#e74c3c"><strong>ユーザー名</strong></span>指定 (@始まりの名前 Twitterのプロフィールで確認できる)</p>
<p> </p>
<table border="1" cellpadding="1" cellspacing="1" style="width:1000px">
<tbody>
<tr>
<td style="background-color:#000000">
<p><span style="color:#ffffff"><meta property="</span><span style="color:#2ecc71">og:url</span><span style="color:#ffffff">" content="</span><span style="color:#f1c40f">記事のURL</span><span style="color:#ffffff">" /></span></p>
<p><span style="color:#ffffff"><meta property="</span><span style="color:#2ecc71">og:title</span><span style="color:#ffffff">" content="</span><span style="color:#f1c40f">記事のタイトル</span><span style="color:#ffffff">" /></span></p>
<p><span style="color:#ffffff"><meta property="</span><span style="color:#2ecc71">og:description</span><span style="color:#ffffff">" content="</span><span style="color:#f1c40f">記事の説明</span><span style="color:#ffffff">" /></span></p>
<p><span style="color:#ffffff"><meta property="</span><span style="color:#2ecc71">og:image</span><span style="color:#ffffff">" content="</span><span style="color:#f1c40f">画像のURL</span><span style="color:#ffffff">" /></span></p>
</td>
</tr>
</tbody>
</table>
<p>↑記事の情報</p>
<p> </p>
<p>あとは、ツイート内に体操のリンク先URLを貼るだけ。</p>