Yükleniyor...

HTML Sayfa Başlığı

Emoji, sayfanın metin akışında yaşar. Sayfa başlığı farklı bir iş yapar: tüm belgeyi tarayıcı arayüzü ve keşif sistemleri için adlandırır. Kullanıcılar onu sekmede, geçmişte ve sayfayı yer imlerine eklediklerinde görür. Arama motorları çoğu zaman sonuç bağlantı metni için güçlü bir ipucu olarak kullanır. Öğrenme siteleri ve ürün belgeleri bunu erken doğru yapmalıdır; çünkü zayıf bir title, kimse ilk paragrafı okumadan önce dikkati boşa harcar.

title öğesi nedir

HTML title öğesi belgenin head bölümüne aittir. Metin içeriği, sayfanın bütünü için meta veridir. body içinde görünen stillendirilmiş bir başlık değildir. Okuyucuların sayfanın kendisinde taradığı görünür ana hat için hâlâ h1 (ve diğer başlıklara) ihtiyacınız vardır.

Doğrudan yanıt

<head> içine tam olarak bir <title>...</title> koyun. Kısa, spesifik, insan tarafından okunabilir metin yazın — örneğin City Guide — Home veya HTML Page Title — Untitled değil, ham bir dosya adı değil ve kimsenin sekmede görmek istemeyeceği bir anahtar kelime yığını değil. Title, görünür h1’in yerini almaz. İkisi çoğu zaman aynı temayı paylaşır; yine de farklı işleri olan farklı öğeler olarak kalırlar.

Belgede nerede yaşar

Minimal bir sayfa ilişkiyi net gösterir: DOCTYPE, html, title içeren head, ardından görünür bir başlık ve içerik içeren body.

head içindeki Title

html

HTML Code

<!DOCTYPE html>
<html>
<head>
<title>City Guide — Home</title>
</head>
<body>
<h1>Welcome to the City Guide</h1>
<p>The h1 is visible on the page; the title labels the browser tab.</p>
</body>
</html>

Örneği okumak

<title>City Guide — Home</title> head içinde yer alır
Tarayıcı sekmesi bu etiketi göstermelidir (tam UI tarayıcıya göre biraz değişir)
<h1>Welcome to the City Guide</h1> okuyucuların sayfa gövdesinde gördüğüdür
Kapanış etiketleri ve iç içe geçme sıradan HTML kalır — öğenin kendisinin ötesinde özel bir title sözdizimi yoktur

title ve h1 bir bakışta

📊 title versus h1

Konu	title	h1
Belgedeki yer	head içinde	body içinde
Kullanıcı bunu şöyle görür	Sekme / yer imi / birçok sonuç başlığı	Sayfadaki ana başlık
SEO rolü	Güçlü belge etiketi sinyali	Sayfa ana hattına ve alaka düzeyine yardımcı olur
Kaç tane	Belge başına bir	Genellikle bir ana h1 (daha fazla başlık h2+ olarak vardır)
Diğerinin yerini alır mı?	Hayır	Hayır

İyi bir title neden önemlidir

İnsanlar birçok açık sayfayla öğrendiğinde sekmeler hızla dolar. Kesin bir title, doğru derse geri dönmelerine yardımcı olur. Yer imleri aynı metni miras alır. Arama listeleri çoğu zaman title’ı tıklanabilir manşet olarak gösterir. Document veya Page 2 gibi belirsiz title’lar, ne olduğunu hatırlamak için sekmeyi açmaya zorlar.

Net title metni yazmak

Kalabalık bir sekme şeridinde bir insanın tanıyacağı bir ifade hedefleyin. Konuyu ve yararlı olduğunda site veya ders bağlamını ekleyin. Sesli okunabilir tutun. Her eş anlamlıyı tek bir dizeye tıkıştırmaktan kaçının. lists ul ol html tutorial best seo lists lists yerine HTML Lists — Practice tercih edin.

Net title’a karşı zayıf title

html

HTML Code

<!-- Prefer -->
<title>HTML Lists — Practice</title>

<!-- Avoid -->
<title>Untitled</title>
<title>aaaaaaaa</title>
<title>lists lists lists seo seo seo</title>

Yeni başlayanlar için işe yarayan kalıplar

Önce konu, sonra kısa bağlam: Forms — Contact page
Birkaç site benzer konuları paylaştığında uzun tireden sonra kurs veya marka
Sayfanın vaadiyle eşleşin: ders title hakkındaysa bunu söyleyin
Dosyayı yeni bir ders olarak çoğalttığınızda title’ı güncelleyin — dünün etiketini tutmayın

Sayfa başına bir title öğesi

HTML belgeleri head içinde tek bir title olacak şekilde tasarlanmıştır. Birden fazla title öğesi araçları karıştırır ve yararlı çok satırlı bir sekme oluşturmaz. Bir şablon yanlışlıkla iki title üretirse, “daha fazla etiket eklemek” yerine şablonu düzeltin.

Mitler olmadan title ve SEO

Net bir title, arama motorlarının sayfayı anlamasına ve insanların doğru sonuca tıklamasına yardımcı olur. Sihirli bir sıralama hile kodu değildir. Sekme deneyimini bozan anahtar kelime doldurma genellikle yardımcı olmaktan çok zarar verir. Önce sekmeleri ve sonuçları tarayan kişi için yazın; arama yararı dürüst etiketlemeyi izler.

Editörünüzde pratik

head ve body içeren minimal bir HTML sayfası oluşturun.
<title> öğesini pratik sayfanız hakkında net bir ifadeye ayarlayın.
Temayı paylaşan ama farklı sözcükler kullanan bir h1 ekleyin.
Dosyayı açın ve tarayıcı sekmesi metnini okuyun.
Yalnızca title’ı değiştirin, kaydedin, yenileyin — h1 aynı kalırken sekmenin güncellendiğini doğrulayın.
Zayıf bir title’ı (Untitled) spesifik birine yeniden yazın ve sekmenin nasıl hissettirdiğini karşılaştırın.

Kolay hatalar

title öğesini head yerine body içine koymak
Untitled document veya geçici bir dosya adını sonsuza dek bırakmak
title öğesinin büyük sayfa içi başlık olarak render edilmesini beklemek (bu h1’dir)
Okunamaz bir sekme etiketi olana kadar title’ı tekrarlanan anahtar kelimelerle doldurmak
Birçok farklı derste aynı title’ı kopyalayıp her sekmenin aynı görünmesini sağlamak
Tüm title olarak yalnızca emoji veya yalnızca noktalama kullanmak

Özet

title head içine aittir ve tüm belgeyi etiketler
Kullanıcılar onu sekmelerde, yer imlerinde ve çoğu zaman arama sonuçlarında görür
h1 body içindeki ana görünür başlıktır — ilgili tema, farklı iş
Sayfa başına bir net, spesifik title yazın
Untitled veya anahtar kelime yığınları yerine insan tarafından okunabilir etiketleri tercih edin

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓

Sorular

🎯

70%

Geçmek İçin

♾️

∞

Süre

🔄

∞

Deneme

📝 Talimatlar

Her soruyu dikkatle okuyun
Her soru için en iyi cevabı seçin
Quiz'i istediğiniz kadar tekrar alabilirsiniz
İlerlemeniz üstte gösterilecek

Dil