TLG HTML構造 SEO修正コード集

高優先度修正1｜h1タグを日本語キーワードに変更　TOPページ

現状：英字のみのh1「DESIGN REFORM PRODUCE BY TLG」はGoogleが事業内容を読み取りにくい。
見た目はそのままCSSで表示しつつ、h1のテキストだけ日本語キーワードを含む形に変更する。

▼ 修正前（現状）

<h2 class="top-main-copy">
  DESIGN REFORM PRODUCE BY TLG
</h2>
※ 現状はh2タグが使われている可能性あり（構造上h1相当の位置）

▼ 修正後

<h1 class="top-main-copy">
  静岡・袋井のデザインリフォーム専門店 TLG
</h1>

/* CSSで見た目は英字ロゴ風のまま表示する場合 */
.top-main-copy {
  font-size: 0;          /* テキストを非表示に */
  background-image: url('/img/top-main-copy.png');  /* 画像で英字表示 */
  background-repeat: no-repeat;
  width: 600px; height: 80px;
}

▼ 最もクリーンな実装（テキストそのまま見せる場合）

<h1 class="top-main-copy">
  静岡・袋井のデザインリフォーム専門店 TLG
</h1>

.top-main-copy {
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #fff;
}

高優先度修正2｜空のh2タグを削除　TOPページ

サービスセクションとWORKSセクションの直前に空の <h2></h2> が2箇所存在。意味のないhタグはSEO・アクセシビリティ両方で問題。

▼ 修正前（現状）

<!-- リフォームセクション直前 -->
<h2></h2>
<section id="service">
  <h3>REFORM TLGでより快適な暮らしへ お住まいのReform</h3>
  ...

<!-- WORKSセクション直前 -->
<h2></h2>
<section id="works">
  ...

▼ 修正後

<!-- 空h2を削除し、セクション見出しをh2に昇格 -->
<section id="service">
  <h2 class="section-heading">リフォームサービス</h2>
  ...

<section id="works">
  <h2 class="section-heading">施工事例</h2>
  ...

<h2 class="section-heading">
  <span class="en-label" aria-hidden="true">REFORM</span>
  <span class="ja-label">リフォームサービス</span>
</h2>

.ja-label {
  display: block;
  font-size: 0.85rem;
  color: #666;
  letter-spacing: 0.1em;
}

高優先度修正3｜見出し階層の整理　TOPページ全体

▼ 現状の見出し構造（問題あり）

▼ 修正後の推奨見出し構造

中優先度修正4｜alt属性の整備　TOPページ・施工事例ページ

▼ 修正前（問題のある箇所）

<!-- TOPページ 洗面セクション -->
<img src="/img/wash-img-01.jpg" alt="">
<img src="/img/wash-img-02.jpg" alt="">

<!-- 施工事例一覧 -->
<img src="...works_list_thums.jpg" alt="施工事例">
<!-- "施工事例"だけでは内容が伝わらない -->

<!-- 施工事例個別ページ（100043）-->
<img src="works_img01.jpg" alt="トイレリフォームの施工事例画像">
<!-- 全画像が同じalt（内容が区別できない）-->

▼ 修正後

<!-- TOPページ 洗面セクション -->
<img src="/img/wash-img-01.jpg" alt="洗面リフォームの施工前イメージ">
<img src="/img/wash-img-02.jpg" alt="オシャレな洗面空間のリフォーム完成例">

<!-- 施工事例一覧（事例ごとに固有のaltに変更）-->
<img src="...100043/works_list_thums.jpg"
     alt="モダンデザインにこだわったトイレリフォーム（静岡県磐田市）">
<img src="...100031/works_list_thums.jpg"
     alt="ホテルのようなシックな洗面空間リフォーム（静岡県浜松市）">

<!-- 施工事例個別ページ（画像ごとに異なるalt）-->
<img src="works_img01.jpg" alt="トイレリフォーム完成後の全体像">
<img src="works_img02.jpg" alt="グレー×ブラックのモダンなクロス仕上がり">
<img src="works_img03.jpg" alt="手洗いカウンター新設の施工後">

中優先度修正5｜施工事例一覧ページのh1修正　施工事例一覧

現状の「WORKS 施工事例一覧」は英字が先頭でSEO的に弱い。日本語キーワードを前に出す。

▼ 修正前

<h1>WORKS 施工事例一覧</h1>

▼ 修正後

<h1>
  <span class="ja-label">リフォーム施工事例一覧</span>
  <span class="en-label" aria-hidden="true">WORKS</span>
</h1>

低優先度修正6｜お問い合わせページのh1修正　お問い合わせ

▼ 修正前

<h1>CONTACT お問い合わせ</h1>

▼ 修正後

<h1>
  <span class="ja-label">お問い合わせ・無料相談</span>
  <span class="en-label" aria-hidden="true">CONTACT</span>
</h1>

📋 修正作業の優先順位まとめ