概要

本記事では、HexoブログにFirebase Analyticsを無料で導入する方法について解説していきます。

というのもGA4だけだとざっくりしたページビューしか見れず、「どのボタンを押したか」「どこで離脱したか」みたいな細かい行動が分からなくて困りますよね（- -;

そんなときFirebase Analyticsを入れておくと、無料でユーザー属性や詳細な操作データまで取れちゃいます。

ここではFirebaseプロジェクトの作成からCDN追加まで、画像付きで紹介していきます！
GitHub Pagesなど静的サイトでも問題なく使えるので、解析を強化したい方はぜひどうぞ。

それではやっていきましょう！

概要

本記事では、HexoブログでURLを変更したあとのリダイレクト設定について解説していきます。

というのもHexoのデフォルトpermalinkは日付入りで結構ダサいので、後追いでURLを綺麗にしたくなりますよね（- -;

ただURLを変えるとSearch Consoleの「重複しています、正規ページとして選択されていません」エラーが出たり、被リンクが切れちゃう問題があります。

ここではhexo-generator-aliasプラグインを使って、frontmatterに数行書くだけで旧URLから新URLへリダイレクトさせる手順を紹介していきます！

これでURL変更時の被リンク切れ問題も解消できます。
それではやっていきましょう！

概要

今回は無料で静的サイトに問い合わせフォームを実装する方法を紹介していきます。

ブログを運営でAdsenseの申請を通すためには問い合わせフォームが必須となります。
しかしお金はかけず無料で実装したい！という方も多いと思います。

自分もそう思い、サービスを色々比較し無料で簡単に実装できる方法を見つけて実際に実装できたので紹介します！
皆さんの参考になりましたらうれしいです（^^

また当ブログではHEXOというHTMLジェネレータを使用しているので、少し実装方法が特殊ですが、基本的にはHTML＆CSSだけで実装できるので、どんな環境でも汎用的に実装可能です。

会員登録は不要で簡単に実装できるので、小規模なサイトならこれでいいのかなと思います（^^

それではやっていきましょう！

概要

本記事では、Hexoブログのアーカイブ・タグページなどをnoindex化する方法について解説していきます。

というのもHexoって自動でアーカイブやタグページが量産されちゃうんですが、これらが検索結果に出てもユーザー的には微妙ですよね（- -;

ノイズページが多いとサイト全体の評価も下がりがちなので、不要なページはnoindexにしておくのがおすすめです。

ここではhead.ejsに is_archive() / is_tag() / is_current() の条件分岐を追加するだけで実装できる手順を紹介していきます！

コード数行で済むので簡単に対応できます。
それではやっていきましょう！

概要

本記事では、Hexoブログにプライバシーポリシー固定ページを追加する手順について解説していきます。

というのもAdSense審査の必須要件にもなっているプライバシーポリシーですが、いざ書こうとすると「何を書けばいいの？」と詰まりますよね（- -;

実際自分も最初は何から手をつければいいか分からず、結構手探りで作りました。

ここでは固定ページの生成→コピペで使える例文→フッターメニューへの追加→テーマlight用のCSS調整まで、セットで紹介していきます！

これさえあればAdSense対応のプライバシーポリシーがサクッと完成します。
それではやっていきましょう！

概要

本記事では、Hexoの記事テンプレートをカスタマイズする方法について解説していきます。

というのもhexo new で記事を作るたびに、frontmatterや「## 概要」「## 目次」みたいな見出し雛形を毎回コピペするのって地味に面倒ですよね（- -;

実は scaffolds/post.md を一度編集しておくと、毎回そのテンプレートが自動で適用されます。

ここでは具体的なpost.mdの記載例と、新記事を作ったときにどう反映されるかを画像付きで紹介していきます！

これで毎回のコピペ作業がゼロになります。
それではやっていきましょう！

概要

本記事では、Hexoブログのsitemap.xmlを自動生成しSearch Consoleに登録する手順について解説していきます。

というのもSearch Consoleで「クロール済み-インデックス未登録」と表示され、いくら待っても記事が検索結果に出てこない、ってこと結構ありますよね（- -;

実はsitemap.xmlが無いとGoogleにページを認識してもらえないことが原因の場合が多いです。

ここではhexo-generator-sitemapプラグインで自動生成→robots.txt登録→Search Console再リクエストまでの流れを紹介していきます！

これでインデックス登録周りの悩みが減ります。
それではやっていきましょう！

概要

本記事では、Hexoブログのコードブロックを言語別に色分けする方法について解説していきます。

というのも真っ白なコードブロックって、長いコードを貼ると目が滑って読みづらいですよね（- -;

Qiitaみたいにシンタックスハイライトが効いてるとぐっと読みやすくなります。

実はHexoはhighlight.jsがデフォルトで組み込まれているので、コードブロックの言語指定を1行追加するだけで色分けが効きます。

ここでは具体的な書き方と、対応している言語の一覧を紹介していきます！
それではやっていきましょう！

概要

本記事では、Hexoのコードブロックの上にファイル名を表示する方法について解説していきます。

というのも「このコードはどのファイルに書くの？」って読者は気になるはずなのに、Hexo標準だとファイル名が表示できないんですよね（- -;

Qiitaみたいにコードブロックの上にファイルパスがチョコンと乗ってるあの形、読みやすくていいですよね。

ここではjsを使わず、HTMLとCSSだけで力技で実装する手順を紹介していきます！

これで記事のコードブロックが一気に見やすくなります。
それではやっていきましょう！

概要

本記事では、Hexoブログの各記事に自動で目次を生成する方法について解説していきます。

というのも長めの記事になると目次が無いと「どこに何があるのか」が分からず、読者がすぐ離脱してしまいますよね（- -;

かといって毎回手作業で目次を書くのは現実的じゃありません。

ここではhexo-tocプラグインを使って、コメントタグを1行入れるだけで目次が自動生成される手順と、見栄えを良くするCSS設定までセットで紹介していきます！

これで読者の回遊率もアップします。
それではやっていきましょう！