ともきちの旅行日記 — Works | ともきちのエンジニア成長記

主なハイライト

実際に運用を続けている旅行ブログ
計測に基づく継続的なSEO施策
表示速度とサイト構造の継続的な改善

概要

実際に運用している旅行ブログです。旅行先での体験記に加え、空港アクセス・ビザ・決済などの実用的な旅行情報や、写真ギャラリー・目的地別の記事を継続的に更新しながら、SEO施策・ページ表示速度の改善・サイト構造の最適化に取り組んでいます。技術記事ではなく実コンテンツを扱うサイトを通じて、検索流入と読みやすさを両立させる知見を積み重ねることを目的としています。

背景・経緯

技術検証用のサンプルではなく、実際に読者が訪れる旅行ブログを運用することで、検索エンジンからの流入やコンテンツの読まれ方を踏まえた改善を実践したいと考えました。定期的にLighthouseスコアやSearch Consoleの指標を計測し、課題を特定してから対処する改善サイクルを確立しています。コンテンツの構造やメタデータの最適化も継続的に実施しています。

解決した課題

ユーザーの課題

旅行先を調べている読者が、必要な情報に素早くたどり着き、ストレスなく読み進められること。記事数が増えるにつれ、ページ速度の低下やSEO上の課題が表面化しやすくなるため、技術的な改善を継続しながらコンテンツ運営を両立する必要があります。

技術的な課題

記事数が増えても表示速度とCore Web Vitalsを維持できるよう、画像の最適化や不要なスクリプトの削減を継続すること。内部リンクやカテゴリ構造を整理し、回遊性とクローラビリティを両立させること。

運用・その他の課題

コンテンツの執筆・更新と技術的な改善を限られた時間の中で両立し、計測→課題特定→改善のサイクルを止めずに回し続けること。

主な機能

旅行記事の継続的な公開 : 旅行体験記や実用的な旅行情報、写真ギャラリーを発信
SEOを意識したサイト構造 : カテゴリ・内部リンク・メタデータの整理
高速なページ表示 : 画像最適化と軽量な構成による高速化

担当・役割

企画
コンテンツ執筆
デザイン
実装
SEO・パフォーマンス改善
運用

技術スタック

Tooling

Lighthouse
Google Search Console
Google Analytics

システム構成

コンテンツ更新を中心に運用しつつ、Lighthouseによるパフォーマンス計測とSearch Consoleによる検索パフォーマンスの確認を定期的に行い、課題を特定してから改善を反映する運用フローを取っています。

定期的なパフォーマンス計測と改善サイクルの確立

Lighthouseスコアを定点観測し、表示速度やCore Web Vitalsに課題が出たタイミングで原因を特定し、画像やスクリプトを中心に改善しています。

コンテンツSEOの継続的な最適化

Search Consoleの検索クエリや表示順位を確認しながら、タイトルや見出し、内部リンク構造を継続的に見直しています。

UI/UX・デザインの工夫

旅行先を探している読者が目的の情報に素早くたどり着ける導線設計
モバイルでの閲覧を前提とした読みやすいレイアウト
関連記事やカテゴリによる回遊性の確保

Lighthouseによる定期的なパフォーマンス計測と改善
適切なメタデータと構造化による検索エンジン最適化
画像の最適化による表示速度の維持

セキュリティ・プライバシー

必要以上の個人情報を収集しない運用方針
依存関係を抑えた保守しやすい構成

苦労した点・改善した点

課題

記事数の増加に伴う表示速度の低下

解決策

画像の最適化と不要なスクリプトの見直しを継続的に実施

結果

記事を増やしながらも快適な表示速度を維持

課題

検索流入の伸び悩み

解決策

Search Consoleの指標をもとにタイトル・見出し・内部リンクを改善

結果

計測に基づく改善で検索からの流入を継続的に見直せる体制を構築

学び

実運用サイトでのSEO施策は計測と検証のサイクルが重要
パフォーマンス改善は一度では終わらない継続的な取り組み
コンテンツ品質と技術品質は両輪で改善する必要がある

今後の展望

記事コンテンツのさらなる拡充と更新
検索意図に合わせたサイト構造の継続的な見直し
表示速度とCore Web Vitalsのさらなる改善

リンク

サイト: https://tomokichidiary.com