title etiketi nereye yazılır
Her sayfanın <head> içinde bir <title> elementine ihtiyacı vardır. Metni, tarayıcıların sekmede ve yer imlerinde gösterdiği, arama motorlarının da genellikle sonuç başlığı olarak gösterdiği sayfa adıdır:
Title'ın kendisi sayfanın içinde asla görünmez. Bu önizleme de Coddy docs sayfasının içinde çalışır, bu yüzden tarayıcı sekmen docs başlığını göstermeye devam eder; küçük script, örneği kendi dosyası olarak açsaydın bir sekmenin ne göstereceğini yazdırır. <title> içindeki metni düzenle, satır güncellenir.
İyi bir title yazmak
Title çoğunlukla bir kişinin sayfan hakkında okuduğu ilk şeydir, bir arama sonucunda ya da bir sekme sırasında. Birkaç kural çoğu sayfayı kapsar:
- Belirli ve benzersiz ol. Bir sitedeki her sayfanın o sayfayı tarif eden kendi title'ı olmalı: "Home" ya da "Page 1" değil, "Chocolate Chip Cookies Recipe".
- Önemli kelimeleri başa koy. Sekmeler dardır ve arama sonuçları uzun başlıkları keser. Anahtar ifadeyi yaklaşık ilk 50 ile 60 karakter içinde tut.
- Site adını sona ekle, araya
|ya da:koyarak, böylece sayfanın konusu yine önce gelir. - İnsanlar için yaz. Tekrarlanan anahtar kelimelerle doldurulmuş bir title spam gibi görünür ve arama motorları onu yeniden yazabilir.
Bu sahte sekme, title'ı yaklaşık gerçek bir sekmenin genişliğinde keser. Daha kısa ya da daha uzun bir title dene:
Site adı sonda olduğunda, kesilmiş bir sekme yine sayfanın ne hakkında olduğunu gösterir. Sırayı değiştir ("Bake Club | How to..."), sitendeki her sekme aynı iki kelimeyle başlar.
title etiketi, h1 ve title özelliği
| Nerede | Gösterildiği yer | Görevi | |
|---|---|---|---|
<title> | <head> içinde, bir kez | Sekme, yer imleri, arama sonuçları | Sayfayı adlandırır |
<h1> | <body> içinde | Sayfada | Görünür ana başlık |
title="..." özelliği | Herhangi bir elementte | Üzerine gelince ipucu | O element hakkında ek bir ipucu |
Title ve <h1> anlam olarak genellikle eşleşir, ama title arama için ifade edilebilir ve site adını taşıyabilir, başlık ise daha kısa olabilir. title özelliği, adına rağmen bununla ilgisizdir. Altı çizili kelimenin üzerine gel:
title özelliğinden gelen ipuçları dokunmatik ekranlarda görünmez ve ekran okuyucular tarafından güvenilir şekilde okunmaz, bu yüzden önemli bilgileri yalnızca oraya koyma.
title içine yalnızca metin girer
Tarayıcı <title> ile </title> arasındaki her şeyi düz metin olarak okur. Etiketler ayrıştırılmaz, ama & gibi karakter referansları çözülür ve art arda gelen boşluklar tek boşluğa iner:
Sonuç Salt & Pepper <b>Bold?</b> olur: entity & oldu, üç boşluk bir oldu ve <b> etiketleri olduğu gibi karakter olarak kaldı. Bir title'da vurgu mümkün değildir.
title'ı JavaScript ile değiştirmek
document.title okunabilir ve yazılabilir. Web uygulamaları onu sekmede okunmamış sayılarını ya da geçerli durumu göstermek için kullanır:
Gerçek bir sayfada tarayıcı sekmesi buradaki sahte sekmeyle aynı anda değişir. JavaScript çalıştıran arama motorları script ile ayarlanmış bir title'ı görebilir, ama indekslenmesi gereken her şey için HTML'e yazılmış bir title güvenilir seçimdir.
Sık yapılan hatalar
- Hiç title olmaması. Tarayıcı URL'ye ya da dosya adına geri döner ve sayfa geçersiz HTML olur. Her sayfaya, şablonunda meta viewport etiketinin yanına bir tane ekle.
- Her sayfada aynı title. Sekmeleri, yer imlerini ve arama sonuçlarını birbirinden ayırt etmek imkânsız hâle gelir.
<title>etiketini<body>içine koymak. Tarayıcılar onu yine kullanır, ama yeri<head>içidir ve bazı araçlar onu kaçırır.- İki
<title>elementi. Yalnızca ilki sayılır. Diğerlerini kaldır. - Her title'a site adıyla başlamak. Sayfanın konusuyla başla; site adı sona gelir.
Sıkça Sorulan Sorular
HTML'de title etiketi nedir?
<title> sayfanın adını belirler. Tarayıcılar onu sekmede ve yer imlerinde gösterir, arama motorları da genellikle onu sonucun tıklanabilir başlığı olarak gösterir. <head> içine yazılır ve yalnızca metin içerir.
Bir title etiketi ne kadar uzun olmalı?
Arama motorları uzun başlıkları görüntüleme genişliğine göre keser, bu yüzden önemli kelimeleri yaklaşık ilk 50 ile 60 karakter içinde tut. HTML'de kesin bir sınır yoktur, ama o noktadan sonrası bir üç noktanın arkasında gizlenebilir.
title etiketi ile h1 arasındaki fark nedir?
<title> meta veridir: sayfayı sekmelerde ve arama sonuçlarında adlandırır ve sayfanın içinde gösterilmez. <h1> ise body içindeki görünür ana başlıktır. Çoğunlukla benzer şeyler söylerler, ama title site adını ekleyebilir ve arama için ifade edilebilir.
title etiketinin içine HTML etiketleri koyabilir miyim?
Hayır. title elementi yalnızca metin tutar. İçindeki etiketler olduğu gibi gösterilir, yani <title>A <b>B</b></title> "A <b>B</b>" yazan bir sekme verir. & gibi karakter referansları ise çalışır.
Sayfa başlığını JavaScript ile nasıl değiştiririm?
document.title değerine atama yap, örneğin document.title = '(3) Inbox'. Tarayıcı sekmeyi hemen günceller; web uygulamaları okunmamış sayılarını böyle gösterir.
title etiketi ile title özelliği aynı şey mi?
Hayır. <title> elementi bütün sayfayı adlandırır. Neredeyse her elementte çalışan title özelliği ise o elementin üzerine gelince görünen bir ipucu ekler.
