HTML Kodları Dijital Dünyaya Açılan Kapı

h1 - h6

h1 - h6 Nedir?

<h1> – <h6> etiketleri, HTML’de başlık (heading) tanımlamak için kullanılır. Bu etiketler, sayfa içeriğinin hiyerarşik yapısını oluşturur. <h1> en önemli ve en büyük başlığı, <h6> ise en az önemli ve en küçük başlığı temsil eder.

Ne İşe Yarar?

Başlık etiketleri, hem kullanıcılar hem de arama motorları için sayfa yapısını anlaşılır hale getirir. Arama motorları, sayfanın ana konusunu ve alt başlıklarını bu etiketler sayesinde analiz eder. Doğru kullanılan başlık yapısı, SEO açısından büyük önem taşır.

En Basit Kullanımı

Başlık etiketleri içerik sırasına göre kullanılır ve numara büyüdükçe başlığın önemi azalır.

<h1>Ana Başlık</h1>
<h2>Alt Başlık</h2>
<h3>Alt Başlığın Altı</h3>

Örnek Kullanımlar

Tüm başlık seviyelerinin kullanımı

Bir sayfada tüm başlık seviyeleri birlikte kullanılabilir.

<h1>HTML Etiketleri</h1>
<h2>Metin Etiketleri</h2>
<h3>Başlık Etiketleri</h3>
<h4>h1 – h6 Kullanımı</h4>
<h5>SEO Etkisi</h5>
<h6>Ek Bilgiler</h6>

Makale yapısı oluşturma

Uzun yazılarda başlık etiketleri içerik düzeni için kullanılır.

<h1>HTML Öğreniyorum</h1>
<h2>HTML Nedir?</h2>
<h2>HTML Etiketleri</h2>
<h3>Metin Etiketleri</h3>

SEO uyumlu başlık kullanımı

Başlıklar, anahtar kelimeleri doğal şekilde içermelidir.

<h1>HTML Başlık Etiketleri</h1>
<h2>h1 Etiketi Nedir?</h2>
<h2>h2 – h6 Etiketleri</h2>

Ne Zaman Kullanılır?

  • Sayfa ve makale başlığı oluştururken.
  • İçeriği bölümlere ayırmak gerektiğinde.
  • SEO ve okunabilirlik artırılmak istendiğinde.

Küçük İpuçları

  • Bir sayfada genellikle tek bir <h1> etiketi kullanılması önerilir.
  • Başlık sıralaması atlanmamalıdır (h1’den sonra h3 kullanmak gibi).
  • Başlıkları sadece boyut için değil, anlam için kullan.
  • Görsel stiller CSS ile verilmelidir.
1 ay önce