メタデータしたい(/layouts/partials/head.html
)
{{ $title := "" }}
{{ $description := "" }}
{{- if .IsHome -}}
{{- $title = .Site.Title -}}
{{- else -}}
{{- $title = printf "%s | %s" .Title .Site.Title -}}
{{- end -}}
{{- if .Description - }}
{{- $description = .Description -}}
{{- else .IsPage - }}
{{- $description = .Summary -}}
{{- else -}}
{{- $description = .Site.Params.description -}}
{{- end -}}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ $title }}</title>
<meta name="description" content="{{ $description }}">
{{ hugo.Generator }}
<link rel="canonical" href="{{ .Permalink }}">
{{- block "robots" . -}}
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
{{- end -}}
<!-- Googleフォントを読み込む(あとで追加する)-->
<!-- CSSを読み込む(あとで追加する)-->
<!-- JSを読み込む(あとで追加する)-->
{{ template "_internal/opengraph.html" . }}
{{ template "_internal/google_analytics.html" . }}
headタグで読み込む部分テンプレートです。
文字エンコーディングを宣言したい
<meta charset="utf-8">
文字エンコーディングはUTF-8
にします。
これはハードコードしておいてよいでしょう。
ビューポートを設定したい
<meta name="viewport" content="width=device-width, initial-scale=1.0">
ビューポートの初期値を設定します。 モバイル端末で表示するための設定です。
タイトルを設定したい
<title>{{ .Title }}</title>
titleでドキュメントのタイトルを設定します。
シンプルに{{ .Title }}
を呼ぶだけでもOKですが、検索結果などに使われるため、サイト名も併記している場合が多いです。
トップページではサイト名
、その他のページではページのタイトル | サイト名
などとする場合は、条件分岐させます。