【SEO対策】JSON-LDによる構造化データ(Article, Breadcrumb)の自動出力設定
一生懸命書いたブログ記事がGoogleの検索結果に表示された時、他のサイトよりもリッチ（詳細）に表示されて目を引くものと、そうでない単純な文字だけのものがありま …
Config
【運用編】Google Tag Manager (GTM) でアクセス解析とSearch Consoleを導入しよう
ブログやサイトを立ち上げたら、「どれくらいの人が見てくれているのか（アクセス解析）」や「Googleの検索結果にどう表示されているか（Search …
【Hugo機能】記事にコメント欄を設置する外部サービス「Disqus」の導入方法
「公開した記事に対して、読者から直接感想が聞きたい！」 「難しかった手順について、直接質問を受け付けたい！」 Webサイトを運営していると必ずそのような要望が出 …
【Hugo設定】開発・テスト環境を検索エンジンから隠すrobots.txtの自動切り替え
「開発途中のテスト用サイトが、いつの間にかGoogle検索の設定結果に出てきてしまった😱」 これはWeb開発やブログ立ち上げ時によくある重大な失敗（ミス）の一つ …
【Hugo設定】複数デバイス(PC/スマホ/PWA)向けファビコン(Favicon)の最適な設定方法
Webサイトのシンボルマークとも言える「ファビコン (Favicon)」。 設定しておくことで、PCブラウザの枠内のタブやブックマーク一覧はもちろん、ユーザーが …
【Hugo Pipes】長大な画像の自動リサイズ・WebP軽量化(Image Processing)
「スマートフォンで撮影した高解像度の写真をそのまま記事に載せたら、ページの表示速度が極端に遅くなってしまった…」 「記事一覧に並ぶサムネイル画像のアスペクト比（ …
【Hugo設定】SEO対策とSNSシェア(OGP・Twitter Card)のメタタグ自動出力設定
ブログ記事を公開した後、読者がX (旧Twitter) やLINE、FacebookなどのSNSでリンクをシェアしてくれた際に、「目を引くようなきれいなサムネイ …
世界へ発信！サイトの多言語化 (i18n)
Hugoは標準で強力な多言語（Multilingual）機能を持っています。 今回は、「ボタンやメニューなどの共通部分」 を多言語化する方法を学びます。
【Hugo運用】Hugoのバージョン確認・アップデート手順と注意点(Windows/Mac)
静的サイトジェネレーターのHugoは世界的にも開発が非常に活発で、頻繁に新しいバージョンがリリースされています。 新しい機能をテーマに取り入れたり、バグ修正やビ …
【Hugo小技】カテゴリーのURLを英語、表示タイトルを日本語にする方法(_index.md)
ブログにカテゴリーやタグ（Taxonomy）を設定する際、日本語（例：「プログラミング」）をそのまま指定すると、URLが %E3%83%97... のようなエン …