Fancy Slack metadata

Posted on in Web

Here’s a tiny lesson on generating those fancy extra bits of metadata shown below a link in Slack.

Slack metadata

Officially they are labels for Twitter, but I’ve never seen them used by the social network. You add them with the following meta tags:

<meta name="twitter:label1" value="Posted in" />
<meta name="twitter:data1" value="Web" />
<meta name="twitter:label2" value="Reading time" />
<meta name="twitter:data2" value="10 minutes" />

For an added Hugo bonus, here’s how I generate the blog tags on my site:

{{- if (.IsPage) and eq .Section "blog" -}}
<meta name="twitter:label1" value="Posted in" />
<meta name="twitter:data1" value="{{ .Params.categories }}" />
<meta name="twitter:label2" value="Reading time" />
<meta name="twitter:data2" value="{{ .ReadingTime }} minute{{ if not (eq .ReadingTime 1) }}s{{ end }}" />
{{- end -}}
Posted on in Web