16. Bölüm: SEO İçin Bilinmesi Gereken Temel HTML

Ekranında renkli kod satırları olan laptop, ahşap yapı blokları ve sayfa düzeni eskizi

Son güncelleme: 1 Kasım 2026.

SEO yaparken zaman zaman yazılımcılarla çalışıyoruz. Bazen de Chrome’da sayfa kaynağını açıp bir şeylere bakmamız gerekiyor. İşte tam bu noktada HTML bilmek büyük avantaj sağlıyor.

Burada “HTML öğrenmekten” bahsetmiyorum. Bence bir SEO uzmanının Google’ın okuduğu sayfayı anlayabilecek kadar HTML bilmesi yeterli.

Kullanıcı ile Google aynı sayfayı mı görüyor?

İlk bakışta evet gibi görünüyor. Ama aslında tam olarak değil.

Kullanıcı sayfaya baktığında tasarımı, renkleri, butonları, görselleri görüyor.

Google ise sayfanın kodunu okuyor. Önce sunucudan gelen kaynak kodu alıyor, sonra JavaScript’i çalıştırıp oluşan sayfaya bakıyor. Yani bizim gördüğümüz tasarımın arkasındaki yapıyı.

Bu yüzden bazen çok güzel görünen bir sayfa, Google açısından oldukça problemli olabiliyor.

Sayfa kaynağını hiç açtınız mı?

Chrome’da herhangi bir sayfaya girin. Sağ tıklayın. Sayfa Kaynağını Görüntüle (View Source) veya CTRL + U yapın.

Karşınıza yüzlerce satırlık kod çıkacak. İlk bakışta biraz karmaşık görünüyor. Ama SEO tarafında aslında bizim sürekli baktığımız birkaç bölüm var.

Chrome DevTools’u da tanımakta fayda var

Bir de çoğu kişinin karıştırdığı başka bir ekran var. İncele (Inspect) veya F12 ile açılan Chrome DevTools.

View Source ile DevTools aynı şey değil. View Source, sunucudan gelen kaynak kodunu gösterir. DevTools ise tarayıcının o anda oluşturduğu sayfayı gösterir.

SEO tarafında ikisi de zaman zaman işimize yarıyor. Özellikle JavaScript ile çalışan sitelerde bu farkı görmek önemli olabiliyor. 23. bölümde JavaScript SEO konusunu işlerken buna tekrar değineceğiz.

Title

14. bölümde konuşmuştuk. Sayfanın başlığı. Kaynak kodunda buna benzer bir satır görürsünüz:

<title>En İyi Kahve Makinesi Tavsiyeleri</title>

Google’ın gördüğü başlıklardan biri burası.

Meta Description

Bunun hemen altında genellikle şuna benzer bir satır bulunur:

<meta name="description" content="...">

Google bunu kullanabilir. Kullanmayabilir. Ama biz yine de kullanıcı için yazıyoruz.

H1

Sayfanın ana başlığı. Örneğin:

<h1>En İyi Kahve Makinesi Tavsiyeleri</h1>

Genellikle kullanıcı sayfaya girdiğinde gördüğü büyük başlık budur.

H2 ve H3

Bunlar ise yazının bölümlerini oluşturur. Örneğin:

<h2>Filtre Kahve Makineleri</h2>
<h2>Espresso Makineleri</h2>
<h3>Kimler tercih etmeli?</h3>

Aslında bunlar kitabın bölüm başlıkları gibi düşünülebilir. Hem kullanıcıya, hem de Google’a içeriğin nasıl organize edildiğini anlatırlar.

URL de HTML’in önemli bir parçası

Bazen sadece kaynak koduna bakıyoruz. Ama URL’yi unutuyoruz.

Şöyle düşünelim. site.com/p?id=38473 ile site.com/kahve-makineleri aynı şeyi anlatmıyor.

Ben mümkün olduğunca okunabilir, kısa, konuyu anlatan URL’leri tercih ediyorum. Çünkü kullanıcı da bunu görüyor. Google da.

HTML’de başka neler görebiliriz?

Kaynak kodunu incelerken bazen buna benzer satırlar görebilirsiniz:

<a href="https://example.com" rel="nofollow">

Buradaki <a> etiketi bir bağlantıyı (linki) temsil eder. href bağlantının gideceği adresi gösterir. rel="nofollow" ise Google’a bu bağlantıyla ilgili ek bir bilgi verir.

Backlink bölümünde (27. bölüm) şu etiketleri çok daha detaylı konuşacağız:

  • Follow
  • Nofollow
  • Sponsored
  • UGC

Şimdilik bunların HTML içerisinde görebileceğiniz normal yapılar olduğunu bilmeniz yeterli.

HTML’i ezberlemek gerekmiyor

Bence burada yapılan en büyük hata şu. SEO öğrenen kişiler, HTML kursu izlemeye başlıyor.

Ben buna çok gerek olduğunu düşünmüyorum. Çünkü bizim işimiz yazılım geliştirmek değil.

Ama şu etiketleri gördüğümüzde ne işe yaradığını bilmek büyük avantaj sağlıyor:

Bunların çoğunu zaten ileriki bölümlerde tek tek konuşacağız.

Yazılımcıyla aynı dili konuşabilmek

Bence HTML bilmenin en büyük faydası bu. Örneğin yazılımcıya:

H1 yanlış.

dediğinizde, ne demek istediğinizi ikiniz de biliyorsunuz. Veya:

Canonical etiketi yanlış URL’yi gösteriyor.

dediğinizde, konuşma çok daha hızlı ilerliyor.

Bence SEO uzmanının amacı kod yazmak değil. Kodun ne yaptığını anlayabilmek.

Ben HTML’e nasıl bakıyorum?

Yaklaşık 25 yıldır internet projeleriyle uğraşıyorum. Hâlâ yeni bir projeye başladığımda ilk yaptığım şeylerden biri sayfanın kaynak kodunu açmak.

Çünkü bazen ekranda göremediğiniz bir problemi, 30 saniyede kaynak kodunda görebiliyorsunuz. Eksik bir Title, yanlış bir Canonical, Noindex etiketi veya tamamen teknik bir hata… Bazen saatlerce uğraştıran sorunların cevabı orada olabiliyor.

HTML’in tamamını bilmek zorunda değilsiniz. Ama Google’ın sayfayı hangi yapı üzerinden okuduğunu anlamak, SEO yapan herkes için büyük avantaj sağlar.

Benim için HTML’in en önemli tarafı da tam olarak bu.

Önceki: 15. Bölüm, Google'ın Seveceği İçerik Nasıl Yazılır? · İçindekiler · Sonraki: 17. Bölüm, Görseller SEO'yu Nasıl Etkiliyor?

Bu bölümün ilk hali X’te yayınlandı (16 Eylül 2026).