0Pricing
Web Accessibility Academy · 강의

페이지마다 h1 하나: 주요 주제 이름 짓기

모든 페이지에 명확한 최상위 제목을 하나만 지정하세요.

페이지마다 h1 하나: 주요 주제 이름 짓기은(는) CoddyKit의 무료 Web Accessibility Academy 강의입니다. 이것은 4개 중 1번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Web Accessibility Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Web Accessibility Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

이 강의의 일부는 아직 번역되지 않았으며 영어로 표시됩니다.

The Page Title You Hear

The h1 is your page's headline. Screen reader users often jump straight to it to learn what this page is actually about. 🔎

One Main Topic

A page is about one main thing, so it gets one h1. Think of it as the title on a book cover, not a chapter heading.

<h1>Your Order Summary</h1>

h1 Is Not About Size

Pick h1 for meaning, never for looking big. If you want smaller text, style it with CSS and keep the heading level correct.

It Names, Not Decorates

A good h1 describes the content below it. Reading the h1 alone should tell a user roughly what they will find on this page.

Match the Tab Title

Your h1 should echo the browser tab title. When both agree, users feel confident they landed on the right page.

<title>Your Order Summary - Shop</title>
<h1>Your Order Summary</h1>

Not the Logo

Your site name in the corner usually is not the page topic. The h1 belongs to this page's content, not your brand logo. 🏷️

Why One, Not Many

Several h1 tags blur the outline, so users cannot tell the real topic from a section. One clear top level keeps the page focused.

Where It Lives

Place the h1 high in your main content, before the sections it introduces. It sets the stage for everything that follows.

<main>
  <h1>Annual Report 2025</h1>
  <h2>Highlights</h2>
</main>

Never Skip Straight to h2

Starting a page at h2 leaves the outline without a root. Give the page its single h1 first, then nest sections below it.

Keep It Honest

Write the h1 in plain words a stranger would understand. Skip clever puns that hide what the page really does.

Empty h1 Is a Trap

An h1 that wraps only an image or icon may read as nothing. Give it real text, even if you hide that text visually.

Quick Check

How many h1 elements should a typical page have?

Recap

You learned the h1 names a page's one main topic, sits high in the content, and is chosen for meaning over size. One page, one h1. ✅

자주 묻는 질문

“페이지마다 h1 하나: 주요 주제 이름 짓기” 강의는 무료인가요?

네 — “페이지마다 h1 하나: 주요 주제 이름 짓기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Web Accessibility Academy 강의 전체를 잠금 해제할 수 있습니다. Web Accessibility Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

“페이지마다 h1 하나: 주요 주제 이름 짓기”에서 뭘 배우나요?

모든 페이지에 명확한 최상위 제목을 하나만 지정하세요. 브라우저에서 직접 실행하는 실습 코드로 Web Accessibility Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

Web Accessibility Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 Web Accessibility Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 1번째 강의입니다.

“페이지마다 h1 하나: 주요 주제 이름 짓기” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 Web Accessibility Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 Web Accessibility Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. 페이지마다 h1 하나: 주요 주제 이름 짓기
  2. 건너뛰지 않고 중첩 수준 구성하기
  3. 제목은 큰 텍스트가 아니라 탐색 수단입니다
  4. 소리로 페이지 개요 감사하기
← Web Accessibility Academy(으)로 돌아가기