【SEO対策】JSON-LDによる構造化データ(Article, Breadcrumb)の自動出力設定
一生懸命書いたブログ記事がGoogleの検索結果に表示された時、他のサイトよりもリッチ（詳細）に表示されて目を引くものと、そうでない単純な文字だけのものがありま …
Posts
【運用編】Google Tag Manager (GTM) でアクセス解析とSearch Consoleを導入しよう
ブログやサイトを立ち上げたら、「どれくらいの人が見てくれているのか（アクセス解析）」や「Googleの検索結果にどう表示されているか（Search …
【拡張】Markdownの変換ルールを自在に操る（Markdown Render Hooks）
Hugoを使っていると、「Markdownで書いたテーブルをもっと綺麗に見せたい」「画像には必ず特定のクラスを付けたい」といった要望が出てくることがあります。
【Hugo機能】記事にコメント欄を設置する外部サービス「Disqus」の導入方法
「公開した記事に対して、読者から直接感想が聞きたい！」 「難しかった手順について、直接質問を受け付けたい！」 Webサイトを運営していると必ずそのような要望が出 …
【Hugoカスタマイズ】記事下にX(Twitter)やFacebookの「SNSシェアボタン」を自作して設置する方法
「時間をかけて執筆した力作の記事、一人でも多くの人に読んでもらいたい！」 サイト運営者であれば誰しもがそう願うはずです。記事を拡散（バズ）させるためには、読者が …
【Hugo設定】開発・テスト環境を検索エンジンから隠すrobots.txtの自動切り替え
「開発途中のテスト用サイトが、いつの間にかGoogle検索の設定結果に出てきてしまった😱」 これはWeb開発やブログ立ち上げ時によくある重大な失敗（ミス）の一つ …
【Hugoカスタマイズ】ページごとにデザインを変える！動的Bodyクラスの活用技術
「トップページ（Home）だけは背景色を黒にしたい」 「特定のカテゴリー（newsなど）の記事だけ、フォントやレイアウトを特別に変えたい」 「ある1つのランディ …
【Hugo設定】複数デバイス(PC/スマホ/PWA)向けファビコン(Favicon)の最適な設定方法
Webサイトのシンボルマークとも言える「ファビコン (Favicon)」。 設定しておくことで、PCブラウザの枠内のタブやブックマーク一覧はもちろん、ユーザーが …
【Hugo Pipes】長大な画像の自動リサイズ・WebP軽量化(Image Processing)
「スマートフォンで撮影した高解像度の写真をそのまま記事に載せたら、ページの表示速度が極端に遅くなってしまった…」 「記事一覧に並ぶサムネイル画像のアスペクト比（ …
【Hugo機能】Fuse.jsを使った高速なサイト内検索の実装方法
サイトの運営期間が長くなり記事の数が増えてくると、読者が「以前読んだあの記事、どこだったかな？」と過去の情報を探すのが難しくなります。 そこで必須となるのが、サ …