Files
pivoine.art/layouts/partials/head/twitter.html
Sebastian Krüger 1e38c03962 feat: enhance OG/Twitter meta tags with cover images
- Use page resource cover.* for track pages (resized to 1200x webp)
- Fall back to .Params.image then configurable site default
- Add [images] config section with default OG image path
- Add og-default.png (1200x630) with centered logo

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-05 16:17:07 +01:00

34 lines
1.1 KiB
HTML
Executable File

{{- $title := .Title | default .Site.Title -}}
{{- $desc := .Description | default .Summary | default .Site.Params.description | plainify | truncate 200 -}}
{{/* Resolve image: page resource cover.* > .Params.image > site default */}}
{{- $image := "" -}}
{{- with .Resources.GetMatch "cover.*" -}}
{{- $img := .Resize "1200x webp q90" -}}
{{- $image = $img.Permalink -}}
{{- else -}}
{{- with $.Params.image -}}
{{- $image = . -}}
{{- else -}}
{{- $image = $.Site.Params.images.default | default "/images/og-default.png" -}}
{{- end -}}
{{- end -}}
{{- if and $image (not (strings.HasPrefix $image "http")) -}}
{{- $image = $image | absURL -}}
{{- end -}}
{{/* Determine card type - use large image when we have one */}}
{{- $cardType := "summary" -}}
{{- if $image -}}
{{- $cardType = "summary_large_image" -}}
{{- end -}}
<meta name="twitter:card" content="{{ $cardType }}">
<meta name="twitter:title" content="{{ $title }}">
<meta name="twitter:description" content="{{ $desc }}">
{{- if $image }}
<meta name="twitter:image" content="{{ $image }}">
<meta name="twitter:image:alt" content="{{ $title }}">
{{- end }}