Skip to content

Instantly share code, notes, and snippets.

@Tenderfeel

Tenderfeel/summary_card_width_large_image.html

Last active October 6, 2021 05:27
Show Gist options
  • Save Tenderfeel/3d8540b70caf4412eadadeb241705b88 to your computer and use it in GitHub Desktop.
Save Tenderfeel/3d8540b70caf4412eadadeb241705b88 to your computer and use it in GitHub Desktop.
Download ZIP
Summary Card with Large Image - sample code
Raw
summary_card_width_large_image.html
<!DOCTYPE html>
<html lang="ja" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<title>Twitter Summary Card with Large Image Sample</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Summary Card with Large Imageの実装サンプル ">
<!-- 以下4つは必須 -->
<meta property="og:type" content="website">
<meta property="og:title" content="Twitter Summary Card with Large Image Sample">
<meta property="og:url" content="http://webtecnote.com/demo/twitter-card/">
<meta property="og:image" content="http://webtecnote.com/demo/twitter-card/img/1.jpg">
<!-- オプション -->
<meta property="og:site_name" content="Twitter Card Samples">
<meta property="og:description" content="Summary Card with Large Imageの実装サンプル ">
<meta property="og:locale" content="ja_JP">
<!-- Twitter -->
<meta property="og:site_name" content="Twitter Card Samples">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site:id" content="@Tenderfeel">
<meta name="twitter:creator" content="@Tenderfeel">
</head>
<body>
<p>記事サンプル用</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment