- Title ne demek? Kısa ve net cevap
- Title etiketi ne amaçla kullanılır?
- HTML title etiketi nasıl yazılır?
- Title ile H1 arasındaki fark nedir?
- İyi bir title nasıl yazılır?
- Title SEO için neden önemlidir?
- Title yazarken hangi hatalardan kaçınılmalı?
- Bir web sitesinde title kontrolü nasıl yapılır?
- Bir title sorununu kendi test ortamımda nasıl yakaladım?
- Title, sosyal medya başlığı ve H1 aynı şey mi?
- Title etiketi için hızlı kontrol listesi
- Sık Sorulan Sorular
- Kaynaklar
Title ne demek? Kısa ve net cevap
Title, bir HTML belgesinin başlığını tanımlayan <title> etiketidir. Tarayıcı sekmesinde görünen metni belirler, arama motorlarının sonuçlarda gösterdiği başlık için güçlü bir kaynak oluşturur ve sayfanın ne hakkında olduğunu açıklar. Kullanıcılar sayfayı yer imlerine eklediğinde de çoğu tarayıcı bu değeri kullanır.
Bir web sayfasında gördüğünüz başlıkların hepsi aynı şey değildir. Sayfanın üst kısmındaki büyük başlık genellikle <h1> etiketiyle yazılır; tarayıcı sekmesindeki, yer imi adındaki ve arama sonucu başlığındaki metnin temel kaynağı ise <title> etiketidir.
Title etiketi ne amaçla kullanılır?
<title> etiketi, HTML belgesinin <head> bölümünde bulunur. Sayfanın ana içeriği içinde görünmez. Buna rağmen hem tarayıcı hem de arama motoru açısından sayfanın kimliğini anlatan ilk HTML alanlarından biridir.
MDN dokümantasyonunda da belirtildiği gibi her HTML belgesinin bir başlık taşıması beklenir. Bu başlık, sayfanın içeriğini kısa ve anlaşılır şekilde tanımlamalıdır. Örneğin bir VPS makalesi için yalnızca Sayfa 1 yazmak teknik olarak bir değer taşısa da ziyaretçiye ve arama motoruna anlamlı bir bilgi vermez.
- Tarayıcı sekmesini adlandırır: Açık sekmeler arasında hangi sayfanın nerede olduğunu anlamayı kolaylaştırır.
- Arama sonucu başlığına kaynak olur: Google gibi arama motorları title değerini kullanabilir, fakat gerektiğinde farklı bir başlık da oluşturabilir.
- Yer imi adını etkiler: Sayfa kaydedildiğinde tarayıcı çoğu zaman title metnini varsayılan ad olarak önerir.
- Erişilebilirlik bağlamı sağlar: Ekran okuyucu ve yardımcı teknolojiler sayfanın başlığını kullanıcıya aktarabilir.
- Sayfaları ayırt etmeye yardım eder: Aynı sitedeki farklı URL’lerin birbirinden ayrılması için her title mümkün olduğunca özgün olmalıdır.
Buradaki kritik ayrım şu: Title, sayfanın görsel başlığı değildir. Kullanıcının sayfa içinde okuduğu ana başlık için <h1>, tarayıcı ve belge kimliği için <title> kullanılır.
HTML title etiketi nasıl yazılır?
En basit kullanım, <head> içinde tek bir <title> elementi oluşturmaktır:
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Title Ne Demek? HTML Title Etiketi</title>
</head>
<body>
<h1>Title etiketi ne işe yarar?</h1>
<p>Sayfanın içeriği burada yer alır.</p>
</body>
</html>
Bu örnekte <title> ve <h1> birbirine yakın anlam taşıyor, fakat görevleri farklı. <title> tarayıcı sekmesine, <h1> ise sayfanın gövdesine başlık sağlar.
Bir HTML belgesinde birden fazla title elementi kullanmak doğru yaklaşım değildir. Dinamik bir uygulama geliştiriyorsanız her sayfa için tek ve o URL’ye özgü bir değer üretin. Şablonda varsayılan değer bulunabilir; ancak ürün, kategori ve makale sayfalarının hepsine aynı title yazmak sayfaları ayırt etmeyi zorlaştırır.
Title etiketi nereye yazılır?
Title değeri <head> bölümüne yazılır. <body> içinde kullanılması, sayfa gövdesinde başlık göstermek için doğru yöntem değildir.
<head>
<title>Linux VPS Yedekleme Rehberi | Örnek Site</title>
</head>
Sayfa kaynağını kontrol etmek için Linux terminalinde curl kullanabilirsiniz:
curl -sL https://example.com/ | grep -i -m1 '<title>'
Buradaki -sL seçenekleri çıktıyı sessizleştirip yönlendirmeleri takip eder. Gerçek bir sitede çıktının içinde title satırını göremiyorsanız sunucu tarafı oluşturma, JavaScript ile sonradan değiştirme veya hatalı HTML üretimi gibi ihtimalleri ayrıca incelemek gerekir.
Title ile H1 arasındaki fark nedir?
Yeni başlayanların en sık karıştırdığı iki etiket bunlar. İkisi de sayfanın konusunu anlatır, fakat farklı yüzeylerde çalışır.
| Özellik | <title> |
<h1> |
|---|---|---|
| Bulunduğu bölüm | <head> |
<body> |
| Kullanıcıya nerede görünür? | Tarayıcı sekmesi, yer imi ve arama sonucu gibi alanlarda | Sayfanın içeriğinde |
| Ana görevi | HTML belgesini adlandırmak | Sayfanın görünen ana başlığını belirtmek |
| CSS ile biçimlendirme | Sayfa içinde doğrudan biçimlendirilemez | CSS ile biçimlendirilebilir |
| Her sayfada bulunması | Bulunması gerekir | İçerik yapısına göre kullanılmalıdır |
İyi bir sayfada iki metin aynı olmak zorunda değildir. Örneğin title, arama sonucunda konuyu daha açık anlatmak için Ubuntu VPS Yedekleme: BorgBackup ile Güvenli Kurulum olabilir. Sayfa içindeki H1 ise daha kısa şekilde Ubuntu VPS'te BorgBackup Kurulumu yazabilir. Aralarındaki anlam kopmadığı sürece bu bir sorun değildir.
Asıl problem, title’da başka, H1’de tamamen başka bir konu anlatılmasıdır. Kullanıcı arama sonucunda bir vaat görüp sayfaya geldiğinde farklı bir başlıkla karşılaşırsa güven kaybı oluşur.
İyi bir title nasıl yazılır?
İyi bir title için tek bir karakter sınırı ezberlemek yerine sayfanın amacını, ana konusunu ve marka bilgisini birlikte değerlendirmek daha sağlıklıdır. Google Search Central dokümantasyonunda da arama sonuçlarındaki title link’in farklı kaynaklardan oluşturulabileceği ve başlığın gerektiğinde değiştirilebileceği açıklanır. Yani HTML’e yazdığınız metin bir talimat değil, güçlü bir öneridir.
Ben title hazırlarken şu sırayı izliyorum:
- Sayfanın ana konusunu başa alın. Kullanıcı ilk birkaç kelimede hangi sorunun yanıtlandığını anlamalıdır.
- Gereksiz tekrarları temizleyin. Aynı kelimeyi art arda kullanmak başlığı açıklayıcı yapmaz.
- Marka adını gerekiyorsa sona ekleyin. Marka zaten biliniyorsa her sayfada uzun biçimde tekrarlamak için sebep olmayabilir.
- Her URL için özgün değer üretin. Aynı title’ı yüzlerce ürün veya makale sayfasına kopyalamayın.
- Gerçek içeriği yansıtın. Başlıkta olmayan bir özelliği vaat etmek kısa vadede tıklama getirse bile iyi bir sayfa deneyimi oluşturmaz.
- Okunabilirliği test edin. Title’ı yüksek sesle okuduğunuzda doğal bir cümle gibi durmuyorsa yeniden yazın.
Title içinde odak anahtar kelime bulunabilir. Ancak anahtar kelimeyi zorla üç kez yazmak yerine, sayfanın neyi çözdüğünü anlatan tek bir doğal kullanım çoğu zaman daha iyi bir seçimdir. Title ne demek? aramasına yönelik bir sayfada bu ifade başlığın içinde yer alabilir; title’ın tamamını aynı ifadeyle doldurmak gerekmez.
Title uzunluğu kaç karakter olmalı?
Arama sonuçlarında başlıklar cihazın ekran genişliğine ve kullanılan yazı tipine göre kısaltılabilir. Bu nedenle 60 karakteri kesin bir Google kuralı gibi düşünmek doğru değildir. Kısa başlıklar her zaman tam gösterilmez, uzun başlıklar da her zaman kesilmez; görüntüleme genişliği belirleyicidir.
Ben pratikte önce anlamı tamamlayan bir başlık yazar, sonra gereksiz kelimeleri çıkarırım. Başlığı yalnızca piksel hesabına göre kısaltıp ana konuyu silmem. Öncelik, kullanıcının başlığı gördüğünde sayfanın ne sunduğunu anlayabilmesidir.
Aşağıdaki örnekte ikinci seçenek daha açıklayıcıdır:
Title Ne Demek? | SiteTitle Ne Demek? HTML Title Etiketi ve Kullanımı
İkinci başlık daha uzun olsa da hedef sayfanın HTML title etiketi hakkında olduğunu açıkça söyler. Marka adı çok uzunsa, onu her sayfada başlığın yarısını kaplayacak şekilde eklemek yerine site mimarisini ve şablonu gözden geçirmek gerekir.
Title SEO için neden önemlidir?
Title tek başına sıralama garantisi vermez. SEO, yalnızca bir etikete anahtar kelime yerleştirmekten ibaret değildir. Fakat title; sayfanın konusu, arama sonucu görünümü ve kullanıcının tıklama kararı arasında doğrudan bağlantı kurduğu için ihmal edilmemelidir.
Arama motoru title metnini kullanabilir, H1’i değerlendirebilir, sayfa içeriğindeki belirgin metinlere bakabilir ve gerektiğinde kendi title link’ini oluşturabilir. Bu davranışın amacı genellikle kullanıcıya sorgusuyla daha uyumlu bir başlık sunmaktır. Başlığınızın değiştirilmesini istemiyorsanız yalnızca title etiketine değil, sayfanın ana başlığına, metinlerine ve bağlantı metinlerine de tutarlı biçimde dikkat edin.
Bir içerik sayfasında title şu üç soruyu yanıtlamalıdır:
- Bu sayfa hangi konu hakkında?
- Kullanıcı burada hangi sorunun cevabını bulacak?
- Bu sayfayı benzer sonuçlardan ayıran belirgin taraf ne?
Örneğin VPS tek başına fazla geniş bir title’dır. VPS Bant Genişliği Nasıl Hesaplanır? ise arama niyetini daha net ifade eder. Aynı yaklaşımı Organik Hit Nedir? Organik Trafik Nasıl Artırılır? gibi konu başlıklarında da görebilirsiniz: ana kavram ve kullanıcının muhtemel amacı aynı başlıkta buluşur.
Başlık ile içerik arasındaki uyumu kontrol etmek için ben önce arama sonucuna değil, sayfanın kendisine bakarım. Başlıkta yazan sorunun cevabı ilk ekranlarda anlaşılmıyorsa yalnızca title’ı değiştirerek problemi çözemezsiniz.
Title yazarken hangi hatalardan kaçınılmalı?
Her sayfada aynı title’ı kullanmak
Bir WordPress temasında sayfa başlığı üretilmediğinde bütün sayfaların title’ı Site Adı olarak kalabilir. Bu durumda arama motoru hangi URL’nin hangi içeriğe ait olduğunu ayırt etmekte zorlanabilir. Ürün, kategori, etiket ve makale şablonlarını ayrı ayrı kontrol edin.
Keyword stuffing yapmak
Title Ne Demek, Title Etiketi, Title Kullanımı, Title Nedir gibi tekrarlarla dolu bir başlık doğal okunmaz. Aynı kelimeyi artırmak, başlığın bilgi değerini artırmaz. Bir ana ifade seçin ve onu cümlenin doğal parçası haline getirin.
Başlığı tamamen büyük harfle yazmak
TITLE NE DEMEK? HTML TITLE ETİKETİ biçimi okunabilirliği düşürür ve bağıran bir arayüz izlenimi oluşturur. Büyük harf kullanımı teknik bir SEO avantajı sağlamaz.
Başlığa alakasız marka veya şehir adları eklemek
Bir sayfa İzmir’deki VPS hizmetini anlatmıyorsa title’a İzmir kelimesini yalnızca arama yakalamak amacıyla eklemek doğru değildir. Başlık, sayfanın gerçek içeriğini temsil etmelidir.
Title’ı boş bırakmak
Boş veya anlamsız title, özellikle çok sayfalı sitelerde bakım sorununa dönüşür. HTML kaynağını, şablon dosyalarını ve sunucu tarafı oluşturulan çıktıyı kontrol edin. Her sayfa için anlamlı bir varsayılan üretmek, boş bırakmaktan daha güvenlidir.
Bir web sitesinde title kontrolü nasıl yapılır?
Tek bir sayfayı tarayıcıda açıp sekmeye bakmak başlangıç için yeterlidir. Daha güvenilir kontrol için sayfanın kaynak kodunu da inceleyin. Geliştirme sırasında ben önce küçük bir URL listesi üzerinde kontrol yapıyorum; bütün siteyi tarayıp yüzlerce hatayı aynı anda çözmeye çalışmak gereksiz gürültü üretiyor.
curl -sL https://example.com/ornek-sayfa | sed -n '/<head>/,/</head>/p' | grep -i 'title'
Bu komut yalnızca HTML çıktısındaki title satırını arar. JavaScript ile sonradan değiştirilen başlığı göstermeyebilir; böyle bir uygulamada tarayıcının geliştirici araçlarında Elements ve Network sekmelerini birlikte kontrol etmek gerekir.
WordPress kullanıyorsanız SEO eklentisinin oluşturduğu title şablonunu, temanın header.php dosyasını ve eklentiler arasındaki çakışmaları inceleyin. WordPress SEO Eklentileri Nelerdir? En İyi Seçenekler başlıklı içerikteki eklenti karşılaştırmalarına bakarken de yalnızca arayüzde yazılan değere değil, sayfanın kaynak kodunda gerçekten üretilen <title> etiketine güvenin.
Bir title sorununu kendi test ortamımda nasıl yakaladım?
Bir süre önce kendi Debian test sanal makinemde küçük bir statik site şablonu hazırlıyordum. Ortak şablondaki <title> satırını yanlışlıkla sabit bir değer olarak bırakmışım. Üç farklı sayfayı tarayıcıda açtığımda içerikler farklıydı, sekmeler ise aynı şeyi söylüyordu: Test Sitesi.
İlk anda dosya yollarını kontrol ettim; sorun CSS’te ya da tarayıcı önbelleğinde değildi. Sayfaların kaynak kodunu curl ile karşılaştırınca title değerinin gerçekten sunucudan aynı geldiğini gördüm. Değeri ortak şablondan çıkarıp sayfa verisinden ürettikten sonra kontrolü tekrarladım.
for url in
https://example.com/makale-1
https://example.com/makale-2
https://example.com/makale-3; do
printf '%s: ' "$url"
curl -sL "$url" | grep -io -m1 '<title>[^<]*' | sed 's/<title>//I'
done
Üç URL’nin farklı değerler döndürmesi, sorunun şablondan çıktığını doğruladı. Küçük bir testti ama ders tanıdık: Görsel olarak doğru çalışan sayfa, HTML başlıkları açısından doğru çalışıyor demek değildir.
Taşıma veya tema değişikliği sonrasında şu kontrolleri özellikle yapın:
- Örnek bir ana sayfa, kategori, ürün ve makale URL’si seçin.
- Her URL’nin kaynak kodunda tek bir title elementi olduğunu doğrulayın.
- Title metninin URL ve H1 ile aynı konuyu anlattığını kontrol edin.
- Yönlendirme sonrası oluşan son URL’nin title değerini ayrıca inceleyin.
- Şablonun boş başlıklar için nasıl davrandığını test edin.
Title, sosyal medya başlığı ve H1 aynı şey mi?
Hayır. Open Graph için kullanılan og:title ve sosyal platformlara özel metadata alanları, paylaşım kartında görünen başlığı etkileyebilir. Bir sayfanın title’ı doğru olduğu halde sosyal medya paylaşımında farklı bir başlık görünmesi mümkündür. Bu üç alanı birbirinin yerine kullanmayın.
| Alan | Genellikle nerede görünür? | Ne anlatmalı? |
|---|---|---|
<title> |
Tarayıcı sekmesi ve arama sonucu | Belgenin kısa ve özgün adı |
<h1> |
Sayfanın gövdesi | İçeriğin ana başlığı |
og:title |
Sosyal paylaşım önizlemesi | Paylaşım kartında gösterilecek başlık |
Bu alanları aynı metinle doldurmak zorunlu değildir. Farklı yazacaksanız aralarında anlam uyumu bırakın. Kullanıcı aynı URL için üç farklı konu görmemeli.
Title etiketi için hızlı kontrol listesi
- HTML belgesinde bir title elementi var mı?
- Element
<head>içinde mi? - Her önemli URL’nin title değeri özgün mü?
- Başlık sayfanın gerçek içeriğini anlatıyor mu?
- Odak kelime doğal bir cümle içinde mi?
- Gereksiz tekrar, marka yığını veya alakasız konum adı var mı?
- H1, title ve sayfa metni aynı arama niyetine hizmet ediyor mu?
- Mobil ekranda başlığın ilk kısmı anlamını koruyor mu?
- JavaScript veya eklenti, sunucunun ürettiği title’ı sonradan değiştiriyor mu?
Title ne demek sorusunun teknik cevabı kısa: HTML belgesinin adıdır. Uygulamadaki karşılığı ise bundan biraz daha geniştir; doğru title, tarayıcıda, kaynak kodunda ve arama sonucunda aynı sayfanın ne anlattığını tutarlı biçimde gösterir.
Sık Sorulan Sorular
Title etiketi Google sıralamasını doğrudan belirler mi?
Hayır. Title, sayfanın konusunu açıklayan ve arama sonucu başlığı için kullanılan sinyallerden biridir; tek başına sıralama garantisi vermez. Google, gerektiğinde sayfa içeriğine göre farklı bir title link de oluşturabilir.
Title ve H1 aynı olmak zorunda mı?
Hayır, aynı olmak zorunda değildir. İki alanın konusu ve arama niyeti uyumlu kaldığı sürece title daha açıklayıcı, H1 ise sayfa içinde daha kısa bir biçimde yazılabilir.
Bir sayfada kaç tane title etiketi olmalı?
Normal bir HTML belgesinde tek bir <title> elementi kullanılmalıdır. Birden fazla title tanımlamak tarayıcı ve arama motoru açısından belirsizlik yaratabilir.
Title etiketi sayfada görünmüyorsa sorun mu vardır?
Title’ın sayfa gövdesinde görünmemesi normaldir; genellikle tarayıcı sekmesinde görünür. Sayfanın içinde başlık göstermek için <h1> veya uygun başka bir başlık elementi kullanılır.
Kaynaklar
- MDN – HTML title element — developer.mozilla.org
- Google Search Central – Title Links — developers.google.com
- WHATWG – The title element — html.spec.whatwg.org
Türkçe
English
فارسی
Русский