Boilerplate Open Graph and Twitter card markup for Koken themes

gistfile1.txt

<!--
  
  These code examples are for themes published by Koken (http://koken.me)
  
  Markup that does not include <koken:load> should be inserted inside the template's
  existing <koken:load> tag.
  
  Markup that includes <koken:load> should be inserted independently outside of the
  template's existing <koken:load> tag.
  
  To see this markup in the context of a theme, download our Blueprint theme:
  https://github.com/koken/blueprint

-->

<!-- album.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ album.title strip_html="true" }}" />
  <meta property="og:description" content="{{ album.summary | album.description strip_html="true" }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ album.url }}" />
  <koken:covers><koken:shift>
  <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
  <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
  <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
  </koken:shift></koken:covers>
  <koken:not empty="profile.twitter">
    <meta name="twitter:card" content="gallery" />
    <meta name="twitter:site" content="@{{ profile.twitter }}" />
    <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    <koken:covers minimum="4" limit="4">
      <koken:loop>
        <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
      </koken:loop>
    </koken:covers>
  </koken:not>
</koken:head>

<!-- albums.lens -->
<koken:head>
    <meta property="og:site_name" content="{{ site.title }}" />
    <meta property="og:title" content="{{ labels.album.plural }}" />
    <meta property="og:description" content="{{ site.description strip_html='true' }}" />
    <meta property="og:type" content="website" />
    <koken:first>
      <koken:covers>
        <koken:first>
          <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
          <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
          <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
        </koken:first>
      </koken:covers>
    </koken:first>
    <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
    <koken:not empty="profile.twitter">
      <meta name="twitter:card" content="gallery" />
      <meta name="twitter:site" content="@{{ profile.twitter }}" />
      <meta name="twitter:creator" content="@{{ profile.twitter }}" />
      <koken:loop>
        <koken:covers>
          <koken:shift>
            <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
          </koken:shift>
        </koken:covers>
      </koken:loop>
    </koken:not>
  </koken:head>
</koken:load>

<!-- archive.albums.lens -->
<koken:load limit="4">
  <koken:head>
    <meta property="og:site_name" content="{{ site.title }}" />
    <meta property="og:title" content="{{ labels.album.plural }}" />
    <meta property="og:description" content="{{ site.description strip_html='true' }}" />
    <meta property="og:type" content="website" />
    <koken:first>
      <koken:covers>
        <koken:first>
          <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
          <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
          <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
        </koken:first>
      </koken:covers>
    </koken:first>
    <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
    <koken:not empty="profile.twitter">
      <meta name="twitter:card" content="gallery" />
      <meta name="twitter:site" content="@{{ profile.twitter }}" />
      <meta name="twitter:creator" content="@{{ profile.twitter }}" />
      <koken:loop>
        <koken:covers>
          <koken:shift>
            <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
          </koken:shift>
        </koken:covers>
      </koken:loop>
    </koken:not>
  </koken:head>
</koken:load>

<!-- archive.contents.lens -->
<koken:load limit="4">
  <koken:head>
    <meta property="og:site_name" content="{{ site.title }}" />
    <meta property="og:title" content="{{ labels.content.plural }}" />
    <meta property="og:description" content="{{ site.description strip_html='true' }}" />
    <meta property="og:type" content="website" />
    <koken:first>
    <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
    <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
    <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
    </koken:first>
    <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
    <koken:not empty="profile.twitter">
    <meta name="twitter:card" content="gallery" />
    <meta name="twitter:site" content="@{{ profile.twitter }}" />
    <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    <koken:loop>
    <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
    </koken:loop>
    </koken:not>
  </koken:head>
</koken:load>

<!-- archive.essay.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:title" content="{{ labels.essay.plural }}" />
  <meta property="og:type" content="blog" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>

<!-- categories.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ labels.category.plural }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>

<!-- category.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ labels.category.plural }} / {{ category.title }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>

<!-- content.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ content.title|content.filename strip_html="true" }}" />
  <meta property="og:description" content="{{ content.caption strip_html="true" }}" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
  <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
  <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
  <meta property="og:url" content="{{ content.url }}" />
  <koken:content_image>
    <koken:not empty="profile.twitter">
      <meta name="twitter:card" content="photo" />
      <meta name="twitter:site" content="@{{ profile.twitter }}" />
      <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    </koken:not>
  </koken:content_image>
</koken:head>

<!-- contents.lens -->
<koken:load limit="4">
  <koken:head>
    <meta property="og:site_name" content="{{ site.title }}" />
    <meta property="og:title" content="{{ labels.content.plural }}" />
    <meta property="og:description" content="{{ site.description strip_html='true' }}" />
    <meta property="og:type" content="website" />
    <koken:first>
    <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
    <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
    <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
    </koken:first>
    <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
    <koken:not empty="profile.twitter">
    <meta name="twitter:card" content="gallery" />
    <meta name="twitter:site" content="@{{ profile.twitter }}" />
    <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    <koken:loop>
    <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
    </koken:loop>
    </koken:not>
  </koken:head>
</koken:load>

<!-- date.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ labels.timeline.plural }} / {{ event.title }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>

<!-- essay.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ essay.title strip_html='true' }}" />
  <meta property="og:description" content="{{ essay.excerpt strip_html='true' }}" />
  <meta property="og:url" content="{{ essay.url }}" />
  <meta property="og:type" content="website" />
  <koken:featured_image>
  <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
  <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
  <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
  </koken:featured_image>
  <meta name="medium" content="article" />
  <koken:not empty="profile.twitter">
    <koken:featured_image>
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@{{ profile.twitter }}" />
    <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    <meta name="twitter:image" content="{{ content.presets.medium_large.url }}" />
    </koken:featured_image>
  </koken:not>
</koken:head>

<!-- essays.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:title" content="{{ labels.essay.plural }}" />
  <meta property="og:type" content="blog" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>

<!-- favorites.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ labels.favorite.plural }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:type" content="website" />
  <koken:first>
  <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
  <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
  <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
  </koken:first>
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
  <koken:not empty="profile.twitter">
  <meta name="twitter:card" content="gallery" />
  <meta name="twitter:site" content="@{{ profile.twitter }}" />
  <meta name="twitter:creator" content="@{{ profile.twitter }}" />
  <koken:loop limit="4">
  <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
  </koken:loop>
  </koken:not>
</koken:head>

<!-- index.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ site.title }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:type" content="website" />
  <koken:first>
  <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
  <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
  <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
  </koken:first>
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
  <koken:not empty="profile.twitter">
    <meta name="twitter:card" content="gallery" />
    <meta name="twitter:site" content="@{{ profile.twitter }}" />
    <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    <koken:loop limit="4">
      <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
    </koken:loop>
  </koken:not>
</koken:head>

<!-- page.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ page.title strip_html='true' }}" />
  <meta property="og:description" content="{{ page.excerpt strip_html='true' }}" />
  <meta property="og:url" content="{{ page.url }}" />
  <meta property="og:type" content="website" />
  <koken:featured_image>
  <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
  <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
  <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
  </koken:featured_image>
  <meta name="medium" content="article" />
  <koken:not empty="profile.twitter">
    <koken:featured_image>
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@{{ profile.twitter }}" />
    <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    <meta name="twitter:image" content="{{ content.presets.medium_large.url }}" />
    </koken:featured_image>
  </koken:not>
</koken:head>

<!-- set.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ album.title strip_html="true" }}" />
  <meta property="og:description" content="{{ album.summary | album.description strip_html="true" }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ album.url }}" />
  <koken:covers><koken:shift>
  <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
  <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
  <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
  </koken:shift></koken:covers>
  <koken:not empty="profile.twitter">
    <meta name="twitter:card" content="gallery" />
    <meta name="twitter:site" content="@{{ profile.twitter }}" />
    <meta name="twitter:creator" content="@{{ profile.twitter }}" />
    <koken:covers minimum="4" limit="4">
      <koken:loop>
        <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
      </koken:loop>
    </koken:covers>
  </koken:not>
</koken:head>

<!-- sets.lens -->
<koken:load limit="4">
  <koken:head>
    <meta property="og:site_name" content="{{ site.title }}" />
    <meta property="og:title" content="{{ labels.set.plural }}" />
    <meta property="og:description" content="{{ site.description strip_html='true' }}" />
    <meta property="og:type" content="website" />
    <koken:first>
      <koken:covers>
        <koken:first>
          <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
          <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
          <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
        </koken:first>
      </koken:covers>
    </koken:first>
    <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
    <koken:not empty="profile.twitter">
      <meta name="twitter:card" content="gallery" />
      <meta name="twitter:site" content="@{{ profile.twitter }}" />
      <meta name="twitter:creator" content="@{{ profile.twitter }}" />
      <koken:loop>
        <koken:covers>
          <koken:shift>
            <meta name="twitter:image{{ index }}" content="{{ content.presets.medium_large.cropped.url }}">
          </koken:shift>
        </koken:covers>
      </koken:loop>
    </koken:not>
  </koken:head>
</koken:load>

<!-- tag.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ labels.tag.plural }} / {{ tag.title }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>

<!-- tags.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:title" content="{{ labels.tag.plural }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>

<!-- timeline.lens -->
<koken:head>
  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:description" content="{{ site.description strip_html='true' }}" />
  <meta property="og:title" content="{{ labels.timeline.plural }}" />
  <meta property="og:type" content="blog" />
  <meta property="og:url" content="{{ location.site_url }}{{ location.here }}" />
</koken:head>