How to set open graph image for a specific page?

RickCogley · May 24, 2017, 1:09am

I call a partial from the appropriate template for the specific page.

RickCogley/RCC-Hugo2015/blob/master/layouts/partials/seo-og.html#L6


{{ "<!-- ENTERING partial seo-og.html (open graph) -->" | safeHTML }}
{{ $baseurl := .Site.BaseURL }}
{{ if .IsPage }}
<!-- Required Open Graph Info -->
<meta property="og:title" content="{{ .Title }}{{ if ne .Title .Site.Title }} : {{ .Site.Title }}{{ end }}" />
{{ with .Params.images }}{{ range first 6 . }}<meta property="og:image" content="{{ if in . "http" }}{{ . }}{{ else }}{{ $baseurl }}{{ . }}{{ end }}" />
{{ end }}
{{ end }}
<meta property="og:url" content="{{ .Permalink }}" />
<!-- Optional Open Graph Info -->
<meta property="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}" />
<meta property="og:locale" content="{{ if .Params.locale }}{{ .Params.locale }}{{ else }}en_US{{ end }}" />
{{ with .Params.audio }}<meta property="og:audio" content="{{ . }}" />{{ end }}
{{ with .Params.videos }}{{ range . }}
<meta property="og:video" content="{{ . }}" />
{{ end }}

This code is old though, and in need of refactoring to work with the latest hugo.

Topic		Replies	Views
How to modify particular OpenGraph (OG) tags? support	3	43	January 26, 2025
Opengraph help support	9	573	May 11, 2023
Open graph image confusion support	1	365	March 21, 2019
I can't seem to get opengraph image rendered from internal templates support	10	1276	July 20, 2022
Open graph for images in multipage posts support	5	641	November 13, 2022

How to set open graph image for a specific page?

Related topics