Hugoで作ったブログをgoogleの検索に引っかかるようにしてみる

概要

せっかくHugoでブログを作成したので、ブログをgoogleの検索に引っかかるようにしたいと思います。

この記事はそのメモやまとめです。
すでに設定済みの項目がいくつかある。
試行錯誤しながらやったので、手順として不要かもしれない。あくまでメモ用。

現状

ふむ。当然ながらgoogleに対して何もしてなかったので、何も表示されませんね。

やってみる

のサイトを参考に実施します。

Google Search Console開始

取り得ずURLに飛び、ドメインを入れて続行。

そうすると以下のようにDNSレコードに追加しろとのポップアップが出てきました。

route53を利用しているので、以下の記事を参考に進めます。

少々UIが古いですが、Route 53 → ホストゾーン → 対象ドメイン → レコードを作成で同じような画面に進みます。

……と思ったら参考にしたサイトでも新しいUIでの記載方法が書かれていましたね。

しばらく待ってから「確認」を行うと……。

成功！「プロパティに移動」で管理ページに飛べます。

サイトマップ登録

参考手順通りサイトマップ(/sitemap.xml)とRSSフィード(/index.xml)を登録しました。
ここで問題発生。ステータスが「取得できませんでした」となっている。
詳細を見てみると

となっていた。

サイトマップ関連がおかしいようだ。

oh ...。

修正

が非常に参考になりそうです。こちらを参考にブログ自体を修正していきます。
(Hugoの詳しい仕様などは省略します……。参考先を読んでいただければ……。)

まずはconfig.tomlに以下を追加します。(defaultがfalseのようですがわかりやすくします)

config.toml

enableRobotsTXT = "false"

次にstatic/robots.txtを作成します。少しだけシンプルにしています。

User-agent: *
Disallow:
Sitemap: https://example.com/sitemap.xml

さらにlayouts/sitemap.xmlを作成。

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
  {{ range .Data.Pages }}
  {{ if or (or (in .Permalink "/tags/") (in .Permalink "/categories/")) (in .Permalink "/blog/")}}
  {{ else }}
  <url>
    <loc>{{ .Permalink }}</loc>{{ if not .Lastmod.IsZero }}
    <lastmod>{{ safeHTML ( .Lastmod.Format "2006-01-02T15:04:05-07:00" ) }}</lastmod>{{ end }}{{ with .Sitemap.ChangeFreq }}
    <changefreq>{{ . }}</changefreq>{{ end }}{{ if ge .Sitemap.Priority 0.0 }}
    <priority>{{ .Sitemap.Priority }}</priority>{{ end }}
  </url>
  {{ end }}
  {{ end }}
</urlset>

ここでデプロイしても変わらず。
？？？？と思いgoogleのエラーを詳しく追うと

ページをインデックスに登録できません: アクセス禁止（403）が原因でブロックされました

……これsitemap用意とかそれ以前の問題っぽい……。

原因を更に探る

Cloudfrontの地理的ディストリビューションの制限を確認

あ……。
terraformを確認すると日本からのアクセスのみにしている。
googleのクローラーは米国からやってくるので弾かれている可能性が高そう。

  # 日本からのみアクセス可能
  restrictions {
    geo_restriction {
      restriction_type = "whitelist"
      locations        = ["JP"] # アクセスを許可する国コードを追加
    }
  }

-      locations        = ["JP"] # アクセスを許可する国コードを追加
+      locations        = ["US", "JP"] # アクセスを許可する国コードを追加

Deloy後再度googleを確認

OKそう！

終わりに

今後もちまちまとブログ記事とブログ自体の更新を続けていきたいと思います。