Add og:image meta tag to non-blog pages (kubernetes#10213)

* Add og:image meta tag to non-blog pages * Fix other minor OpenGraph issues
jlumme · Oct 4, 2018 · 48aa30d · 48aa30d
1 parent 11e937b
commit 48aa30d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -1,3 +1,5 @@
+{{- $isBlogPost := eq .Section "blog" }}
+{{- $ogType := cond (.IsHome) "website" "article" }}
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-36037335-10"></script>
 <script>
@@ -14,19 +16,22 @@
 {{ partial "css.html" . }}
 <!-- Content for social media sharing previews -->
 <!-- Facebook uses the og: stuff, while Twitter and others use twitter: -->
-<meta name="description"  content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Summary }}{{ end }}" />
-<meta property="og:description"  content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Summary }}{{ end }}" />
-<meta property="twitter:description" content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Summary }}{{ end }}" />
-<meta property="og:url"  content="{{ .Permalink }}" />
-<meta name="og:title"  content="{{ if .Params.title }}{{ .Title }}{{ else }}{{ .Summary | truncate 10 }}{{ end }}" />
-<meta name="twitter:title"  content="{{ if .Params.title }}{{ .Title }}{{ else }}{{ .Summary | truncate 10 }}{{ end }}" />
+<meta name="description" content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Summary }}{{ end }}">
+<meta property="og:description" content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Summary }}{{ end }}">
+<meta name="twitter:description" content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Summary }}{{ end }}">
+<meta property="og:url" content="{{ .Permalink }}">
+<meta property="og:title" content="{{ if .Params.title }}{{ .Title }}{{ else }}{{ .Summary | truncate 10 }}{{ end }}">
+<meta name="twitter:title" content="{{ if .Params.title }}{{ .Title }}{{ else }}{{ .Summary | truncate 10 }}{{ end }}">
 <!-- Alt text for the site image -->
 <meta name="twitter:image:alt" content="{{ .Site.Title }}">
-{{ if eq .Section "blog" }}
+{{ if $isBlogPost }}
 {{ with findRE "<img.*?>" .Content 1 }}
-<meta property="og:image" content="{{ index . 0 | replaceRE ".*src=\"(.+?)\".*" "$1" }}" />
+<meta property="og:image" content="{{ index . 0 | replaceRE ".*src=\"(.+?)\".*" "$1" }}">
 {{ end }}
+{{ else }}
+<meta property="og:image" content="{{ "images/kubernetes-horizontal-color.png" | relURL }}">
 {{ end }}
+<meta property="og:type" content="{{ $ogType }}">
 <script src="{{ "js/anchor-4.1.1.min.js" | relURL }}"></script>
 <script src="{{ "js/jquery-3.2.1.min.js" | relURL }}"></script>
 <script src="{{ "js/jquery-ui-1.12.1.min.js" | relURL }}"></script>

diff --git a/static/images/kubernetes-horizontal-color.png b/static/images/kubernetes-horizontal-color.png