Meta tags for Twitter cards in a Jekyll site

twitter-cards-with-jekyll.html

<!-- Twitter card metatags -->

<!-- Image size option -->
<meta name="twitter:card" content="summary_large_image">

<!-- Twitter username -->
<meta name="twitter:site" content="@twitterusername">

<!-- Page title -->
<meta name="twitter:title" content="{{ page.title }}">

<!-- Page description -->
{% if page.description %}
  <meta name="twitter:description" content="{{ page.description }}">
{% else %}
  <meta name="twitter:description" content="Default page description">
{% endif %}

<!-- Image path -->
{% if page.image %}
  <meta name="twitter:image" content="{{ site.url }}/images/{{ page.image }}">
  <meta name="twitter:image:alt" content="{{ page.image-alt }}">
{% else %}
  <meta name="twitter:image" content="{{ site.url }}/images/default.png">
  <meta name="twitter:image:alt" content="Default image alt text">
{% endif %}

<!-- Compact Twitter card metatags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@twitterusername">
<meta name="twitter:title" content="{{ page.title }}">
<meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}Default page description{% endif %}">
<meta name="twitter:image" content="{% if page.image %}{{ site.url }}/images/{{ page.image }}{% else %}{{ site.url }}/images/default.png{% endif %}">
<meta name="twitter:image:alt" content="{% if page.image-alt %}{{ page.image-alt }}{% else %}Default image alt text{% endif %}">