Minik Etiketler, Büyük Trafik Dramları, Bol Kod ve Biraz da SEO Terapisi
Selam SEO yolcusu 💻🔍✨
Bir site yaptın…
- Tasarım: 🔥
- İçerik: ✍️ şahane
- Emek: geceler boyu 😵💫
Ama Google ne diyor biliyor musun?
“Güzel ama… seni pek anlayamadım.” 😐
Ve işte o an başlar:
- Sayfa 6 sendromu
- “Index aldım ama görünmüyorum” dramı
- Search Console’a boş boş bakmalar
Üzgünüm ama suç çoğu zaman HTML’de 😬
Hadi gel, Google’ı küstüren HTML kaynaklı SEO hatalarını aşırı detaylı, bol örnekli ve eğlenceli şekilde masaya yatıralım.
❌ 1. Birden Fazla <h1> Kullanmak (Taht Kavgası 👑)
<h1> etiketi sayfanın ana konusunu anlatır.
Yani bu sayfanın “Ben ne anlatıyorum?” cevabıdır.
🚫 Yanlış Kullanım
<h1>Blog</h1>
<h1>HTML</h1>
<h1>SEO Hataları</h1>
Google bu noktada:
“Hangisi ana konu kardeşim?” 🤨
✅ Doğru Kullanım
<h1>HTML’de SEO Hataları</h1>
<h2>Başlık Yapısının Önemi</h2>
<h2>En Yaygın HTML SEO Hataları</h2>
<h3>Birden Fazla H1 Sorunu</h3>
💡 Pratik İpuçları
- Her sayfada 1 tane h1
- Ana anahtar kelimeyi h1’e yerleştir
- Logo veya sloganı h1 yapma ❌
❌ 2. Başlık Hiyerarşisini Bozmak (SEO Jenga)
Başlık etiketleri Google için bir içindekiler tablosudur.
🚫 Atlaya Atlaya Kullanım
<h1>Ana Konu</h1>
<h4>Alt Başlık</h4>
Bu, kitapta 1. bölümden direkt 4’e atlamak gibidir 📚
✅ Mantıklı Hiyerarşi
<h1>Ana Konu</h1>
<h2>Alt Başlık</h2>
<h3>Detay</h3>
<h4>Ek Bilgi</h4>
💡 SEO İpucu
- Başlıklar sadece büyük olsun diye kullanılmaz
- Hiyerarşi = Anlam = SEO
❌ 3. <title> ve <meta description> Yazmamak (Google’a Kendini Tanıtmamak)
Google sonuçlarında ilk gördüğümüz şey nedir?
👉 Title
👉 Description
🚫 Boş veya Kopya Title
<title>Anasayfa</title>
✅ SEO Dostu Head Yapısı
<head>
<title>HTML’de SEO Hataları | Google Dostu Rehber</title>
<meta name="description" content="HTML kaynaklı SEO hatalarını öğren, Google’ı küstürme ve sıralamada yüksel.">
</head>
📏 Uzunluk Rehberi
- Title: 50–60 karakter
- Description: 150–160 karakter
❌ 4. Görsellerde alt Etiketini Boşlamak (Google Kör Değil Ama…)
<img src="seo.png">
Google:
“Bu neyin resmi?” 👀
✅ Anlamlı Alt Kullanımı
<img src="seo.png" alt="HTML SEO hatalarını gösteren şema">
🎯 Alt Etiket İpuçları
- Anahtar kelime zorla sokulmaz
- Görseli anlatır
- Erişilebilirlik puanı kazandırır
❌ 5. Her Yeri <div> ile Doldurmak (div Çorbası 🍲)
<div class="header"></div>
<div class="menu"></div>
<div class="content"></div>
<div class="footer"></div>
Google:
“Bu sayfanın yapısı nerede?” 😵💫
✅ Semantic HTML ile Netlik
<header></header>
<nav></nav>
<main></main>
<section></section>
<article></article>
<footer></footer>
💡 Neden Önemli?
- Google sayfayı daha iyi anlar
- Accessibility artar
- Kod okunabilirliği yükselir
❌ 6. Link Metinlerini “Buraya Tıkla” Yapmak
<a href="/seo">Buraya tıkla</a>
Google:
“Buraya neresi?” 🤔
✅ Açıklayıcı Link Metni
<a href="/seo">HTML SEO Rehberi</a>
🔗 İç Linkleme İpuçları
- Anahtar kelime içeren link metni
- Aynı sayfaya 10 farklı link atma ❌
❌ 7. Aynı id’yi Defalarca Kullanmak
<div id="content"></div>
<div id="content"></div>
Bu sadece SEO değil… JS felaketi 💥
✅ Class ile Kurtuluş
<div class="content"></div>
<div class="content"></div>
❌ 8. lang Attribute Unutmak (Dil Krizi)
<html>
✅ Doğru Kullanım
<html lang="tr">
🎯 Kazanımlar
- Yerel SEO
- Screen reader uyumu
- Google’a net sinyal
❌ 9. Mobil Meta Viewport Yazmamak
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Bunu yazmayan site mobilde:
“Ben masaüstüyüm, beni çevir” 😬
🧁 HTML SEO Mini Checklist (Kaydetmelik ⭐)
- ✅ Tek
h1 - ✅ Doğru başlık hiyerarşisi
- ✅ Semantic HTML
- ✅
altattribute - ✅ Açıklayıcı linkler
- ✅
title&description - ✅
langtanımı - ✅ Mobil uyum
🎉 Son Söz
SEO sadece anahtar kelime değildir.
👉 HTML temeliniz zayıfsa, içerik ne kadar iyi olursa olsun Google sizi anlamaz.
Ama bu hatalardan kaçınırsan:
- 📈 Sıralaman yükselir
- 🔍 Tarama kolaylaşır
- 💖 Google seni sever
Ve sen de:
“Niye görünmüyorum?” diye ağlamazsın 😄
