🚀 HTML Page Title: Web'in 'Window Name'i ve Kimliği

<title> etiketinin SEO, tarayıcı sekmeleri ve kullanıcı deneyimi (UX) üzerindeki kritik rolünü, doğru yapılandırma kurallarıyla inceliyoruz.

Bir Sayfanın İlk Etkileşimi: <title>

Selamlar. Bugün, HTML dökümanınızın belki de en az kod satırı kaplayan ama en çok iş yapan kısmına, <title> etiketine bakıyoruz. Bir oyunu başlattığınızda pencerenin üstünde yazan isim veya görev günlüğünüzdeki o ana başlık neyse, web sitesi için de sayfa başlığı odur.

Birçok yeni geliştirici bunu sadece sekmede yazan bir yazı sanıyor. Oysa ki bu etiket, sayfanızın dünyadaki kimlik kartıdır.

Neden Bu Kadar Kritik?

  1. SEO (Arama Motoru Optimizasyonu): Google botları bir sayfayı tararken ilk olarak bu etikete bakar. Arama sonuçlarında (SERP) görünen o büyük mavi link, doğrudan buradaki metindir.
  2. Kullanıcı Deneyimi (UX): Kullanıcılar genellikle tarayıcılarında onlarca sekme açık tutarlar. İkonunuz (Favicon) ile birlikte doğru bir başlık, kullanıcının sitenize geri dönmesini sağlar.
  3. Sosyal Paylaşım: Sayfanızı LinkedIn veya WhatsApp üzerinden paylaştığınızda, linkin üzerine otomatik olarak binen başlık buradan çekilir.

Biz Ovid Game projelerimizde, özellikle çok oyunculu olan Car Football gibi yapımlarda, sayfa başlığını sadece sabit bir isim olarak bırakmıyoruz. JavaScript ile anlık olarak 'Car Football - Maç Başlıyor!' veya 'Car Football - (1) Yeni Mesaj' gibi dinamik güncellemeler yaparak oyuncunun dikkatini sekmede tutuyoruz. Bu, kullanıcı tutundurma (retention) için küçük ama çok etkili bir 'senior' dokunuşudur.

🚀 Sanal Kodlama Alanı Yükleniyor...

Doğru Yapılandırma Kuralları

  1. Benzersizlik: Sitenizdeki her sayfanın kendine has bir başlığı olmalı. Tüm sayfaların başlığını aynı yapmak SEO açısından felakettir.
  2. Önem Sırası: Anahtar kelimenizi başlığın başına koyun. Örneğin: Oyun Geliştirme Eğitimi | Ovid Game.
  3. Uzunluk: Başlığınızı 50-60 karakter arasında tutmaya çalışın. Çok uzun başlıklar arama sonuçlarında üç nokta (...) ile kesilir.
  4. Marka Kullanımı: Başlığın sonunda veya başında marka isminizi tutarlı bir şekilde kullanın.

Başlık etiketini düzgün kullanmak, sitenizin profesyonel görünmesini sağlayan en hızlı yöntemdir. Bir sonraki derste, sayfanın görünmeyen ama hayati önem taşıyan diğer 'head' öğelerine, yani Meta Etiketlerine bakacağız.

Geliştirme Notları: ovidgame.com