開発【SEO】検索エンジンに「正しく」伝える技術。構造化データ（JSON-LD）実装例自身のブログメディア（本サイト）を運用するにあたり、SEO対策として内部構造の最適化を行いました。 結果、PageSpeed InsightsのSEOスコアで100点を安定して叩き出し、検索流入の基盤を固めることができました。 今回は、その中でも特にエンジニアが意識すべき**「構造化マークアップ（JSON-LD）」**の実装について解説します。 フレームワークに関わらず、Webサイトをシステム運用する上での「実装のお手本」として参考にしてください。SEO構造化データJSON-LD2025年12月30日
開発Next.js 16のSEO、まだnext-seo使ってる？Metadata APIへの移行と最適解Next.js 16 (App Router) 環境におけるSEO実装のベストプラクティスを解説する。 かつてのデファクトスタンダード next-seo から、Next.js標準の Metadata API への完全移行を推奨。 筆者の実務コードをベースに、動的メタデータの生成方法、Next.js 15以降の非同期パラメータ対応、そして保守性を高めるための「共通ユーティリティ関数」の設計パターンを共有する。Next.jsMetadata API
開発nero15.dev の技術選定：なぜNext.jsを選んだのかmarkdown nero15.dev の技術選定：なぜNext.jsを選んだのか はじめに nero15.devは、サッカー情報を中心に技術記事なども配信するメディアプラットフォームです。1から開発するにあたり、技術スタックの選定は重要な決断でした。 本記事では、フロントエンドフレームワークとしてNext.jsを選択した理由と、その判断に至るまでの思考プロセス、そして実際に開発してハマ...Next.jsAI駆動開発SEO
