Sayfa Başına Bir h1: Ana Konuyu Adlandırma
Her sayfaya tek ve açık bir üst düzey başlık verin.
Sayfa Başına Bir h1: Ana Konuyu Adlandırma, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Web Accessibility Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.
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. ✅
Sıkça Sorulan Sorular
“Sayfa Başına Bir h1: Ana Konuyu Adlandırma” dersi ücretsiz mi?
Evet — “Sayfa Başına Bir h1: Ana Konuyu Adlandırma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Web Accessibility Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
“Sayfa Başına Bir h1: Ana Konuyu Adlandırma” dersinde ne öğreneceğim?
Her sayfaya tek ve açık bir üst düzey başlık verin. Web Accessibility Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Web Accessibility Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Web Accessibility Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“Sayfa Başına Bir h1: Ana Konuyu Adlandırma” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Web Accessibility Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Web Accessibility Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Sayfa Başına Bir h1: Ana Konuyu Adlandırma
- Atlamadan İç İçe Geçme Düzeyleri
- Başlıklar Yalnızca Büyük Metin Değil, Gezinmedir
- Sayfa Anahatlarını Dinleyerek Denetleme