HTML ve SEO (HTML Etiketleri) Nedir?

Neden bilmek gerekir?

SEO çalışmasının büyük bölümü HTML etiketleriyle ilgilidir. Kod yazmayı bilmek gerekmez ama hangi etiketin ne işe yaradığını anlamak gerekir.

SEO açısından önemli etiketler

Etiket	İşlevi	SEO önemi
`<title>`	Sayfa başlığı	Çok yüksek
`<meta description>`	Açıklama	Tıklama oranı
`<h1>-<h6>`	Başlık hiyerarşisi	Yüksek
`<a href>`	Bağlantı	Çok yüksek
`<img alt>`	Görsel açıklaması	Orta
`<link rel="canonical">`	Asıl sürüm bildirimi	Çok yüksek
`<meta robots>`	İndeksleme direktifi	Kritik
`<html lang>`	Sayfa dili	Orta

Anlamsal HTML

Her şeyi <div> ile yapmak yerine anlamlı etiketler kullanmak, hem arama motorlarına hem yardımcı teknolojilere sayfanın yapısını anlatır:

<header>   Sayfa üst bölümü
<nav>      Gezinme menüsü
<main>     Ana içerik
<article>  Bağımsız içerik birimi
<section>  İçerik bölümü
<aside>    Yan içerik
<footer>   Alt bilgi

En kritik detay: gerçek bağlantı

Bir bağlantının takip edilebilmesi için gerçek <a href> etiketi olması gerekir:

Takip edilir:
<a href="/urunler">Ürünler</a>

Takip edilmeyebilir:
<span onclick="git('/urunler')">Ürünler</span>
<div data-url="/urunler">Ürünler</div>

Bu, JavaScript ağırlıklı sitelerde en sık karşılaşılan keşif sorunudur.

Görüntü ile içerik ayrımı

Görsel içine gömülü metin okunamaz. Önemli bilgiler (başlıklar, fiyatlar, açıklamalar) metin olarak bulunmalıdır.

Aynı şekilde, CSS arka planı olarak eklenen görseller indekslenmez — ürün görselleri için <img> etiketi kullanılmalıdır.

Kaynağı nasıl inceleyeceksiniz?

Tarayıcıda sağ tıklayıp "sayfa kaynağını görüntüle" seçeneği, sunucudan gelen ham HTML'i gösterir. Burada metniniz görünmüyorsa, içerik JavaScript ile üretiliyor demektir.

Bu basit kontrol, birçok teknik sorunun ilk teşhis adımıdır.

Ne anlama gelir?

HTML ve SEO ilişkisi, bir sayfanın HTML yapısının arama motorları tarafından nasıl anlaşıldığını konu alır. HTML, bir web sayfasının iskeletidir; başlıklar, paragraflar, bağlantılar ve görseller HTML etiketleriyle tanımlanır. Bu etiketlerin doğru ve anlamlı (semantik) kullanımı, arama motorunun içeriği doğru anlamasını sağlar; yani HTML, SEO'nun görünmeyen ama temel katmanıdır.

SEO açısından önemli HTML öğeleri

Başlık etiketleri (title, h1-h6)
Meta etiketler (açıklama, robots)
Bağlantılar (a) ve çıpa metinleri
Görseller ve alt metinleri
Anlamsal etiketler (nav, main, article, header)

Anlamsal HTML neden önemli?

Her öğe için görünüşe değil anlamına uygun etiketi kullanmak (başlık için h1, gezinme için nav gibi), arama motorunun sayfa yapısını doğru çözmesini sağlar. Her şeyi anlamsız div etiketleriyle kurmak, sayfayı hem makineler hem yardımcı teknolojiler için "anlamsız bir yığına" çevirir. Anlamsal HTML, hem SEO hem erişilebilirlik için sağlam bir temeldir ve modern web geliştirmenin standardıdır.

Gerçek örnek

Bir site, tüm başlıklarını ve yapısını anlamsız div ve stil etiketleriyle kurmuştu; arama motoru sayfanın yapısını çözemiyordu. İçerik doğru anlamsal etiketlerle (h1, h2, nav, article) yeniden düzenlendiğinde, hem taranabilirlik hem otomatik özellikler (içindekiler, snippet) düzgün çalışmaya başladı.

Özet

HTML, bir sayfanın iskeletidir ve doğru, anlamlı kullanımı SEO'nun temel katmanıdır. Başlık, meta, bağlantı ve anlamsal etiketlerin doğru kullanımı, arama motorunun içeriği doğru anlamasını sağlar; anlamsal HTML hem SEO hem erişilebilirlik için sağlam bir temeldir.