İnternette harika bir içerik oluşturmak yetmez; bu içeriğin görünür olması da gerekir, değil mi? İşte burada devreye “SEO dostu kodlama” giriyor. Web sitenizin altyapısı, kod yapısı ve teknik performansı, arama motorlarının sizi nasıl değerlendirdiğini doğrudan etkiler.
Bu kapsamlı rehberde, SEO dostu kodlamanın tüm inceliklerine değineceğiz. HTML’den CSS’e, JavaScript’ten mobil uyumluluğa kadar birçok noktaya değinecek, örneklerle süsleyerek akılda kalıcı hale getireceğiz.
SEO Dostu Kodlama Nedir?
SEO dostu kodlama, bir web sitesinin arama motorları tarafından daha kolay taranmasını, anlaşılmasını ve sıralanmasını sağlayacak şekilde geliştirilen kod yapısıdır. Bu yalnızca içerikle değil; kod kalitesi, sayfa hızı, mobil uyumluluk, semantik HTML kullanımı ve daha fazlasıyla ilgilidir.
Neden Önemlidir?
- Arama motorları web sitenizi daha iyi analiz eder.
- Sayfa hızı artar, kullanıcı deneyimi gelişir.
- Mobil uyumluluk sayesinde daha fazla kullanıcıya ulaşırsınız.
- Temiz ve düzenli kod, geliştirici iş akışını kolaylaştırır.
- Daha düşük bounce rate ve daha fazla etkileşim sağlanır.
Temel SEO Dostu Kodlama Teknikleri
1. Semantik HTML Kullanımı
HTML5 ile gelen semantik etiketler (<header>, <nav>, <section>, <article>, <footer>) hem geliştiriciler hem de arama motorları için anlamlı yapılar sunar.
Neden önemli?
Google, bir içeriğin ne hakkında olduğunu yapıya göre daha kolay anlar.
Kötü örnek:
htmlKopyalaDüzenle<div class="header">Başlık</div>
İyi örnek:
htmlKopyalaDüzenle<header>Başlık</header>
2. Başlık Etiketlerini (H1-H6) Doğru Kullanın
Her sayfada sadece bir tane <h1> etiketi olmalı. Diğer başlıklar ise mantıksal hiyerarşiye göre kullanılmalı.
Öneri:
<h1>– Sayfa ana başlığı<h2>– Bölüm başlığı<h3>– Alt başlık, ve bu şekilde devam eder…
3. Meta Etiketleri Doğru Şekilde Tanımlayın
Her sayfa için benzersiz bir title ve meta description tanımlayın.
htmlKopyalaDüzenle<title>SEO Dostu Kodlama Rehberi</title>
<meta name="description" content="Web sitenizi arama motorları için optimize etmek istiyorsanız SEO dostu kodlama tekniklerini mutlaka öğrenmelisiniz.">
4. URL Yapısı Temiz ve Anlamlı Olsun
Anlamsız parametreler içeren URL’ler yerine, kısa ve açıklayıcı yapılar tercih edin.
Kötü örnek:site.com/page?id=12345
İyi örnek:site.com/seo-dostu-kodlama
5. Sayfa Hızını Optimize Edin
Hız, hem kullanıcı deneyimi hem de SEO için kritik!
Hız optimizasyonu için:
- Görselleri sıkıştırın (WebP formatını kullanın).
- Lazy Load özelliği ile görselleri kaydırma esnasında yükleyin.
- JavaScript ve CSS dosyalarını minimize edin.
- CDN (Content Delivery Network) kullanın.
Araç Önerisi:
Google PageSpeed Insights
6. Mobil Uyumluluk (Responsive Design)
Google, mobil öncelikli indeksleme sistemine geçti. Yani sitenizin mobilde düzgün görünmesi, masaüstünden daha bile önemli olabilir!
- Media queries kullanın.
- Mobil menüleri sadeleştirin.
- Butonlar ve linkler dokunmatik uyumlu olmalı.
7. Structured Data (Yapılandırılmış Veri) Kullanımı
Google’a içeriğinizin ne hakkında olduğunu açıkça göstermek için schema.org etiketlerini kullanın.
Örnek: Blog Yazısı Schema
htmlKopyalaDüzenle<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "SEO Dostu Kodlama Rehberi",
"author": {
"@type": "Person",
"name": "Faisal Bin Ateeq"
},
"datePublished": "2025-07-20"
}
</script>
JavaScript ve SEO
JavaScript web siteleri daha dinamik hale getiriyor ama yanlış kullanılırsa SEO’ya zarar verebilir.
Dikkat edilmesi gerekenler:
- Önemli içerikleri JavaScript ile değil, HTML ile sunun.
- SPA (Single Page Application) projelerinde SSR (Server-Side Rendering) kullanın. Örneğin: Next.js veya Nuxt.js
Resim Optimizasyonu
- Her resim için alt etiketi tanımlayın.
- Görsel isimleri açıklayıcı olmalı.
Kötü örnek:IMG123.jpg
İyi örnek:seo-dostu-kodlama-ornek.jpg
Dahili Bağlantılar ve Site Haritası
- İçerikler arasında bağlantı verin (internal linking).
sitemap.xmldosyası oluşturup Google Search Console üzerinden gönderin.robots.txtdosyası ile arama motorlarına neyi tarayıp taramayacaklarını söyleyin.
En İyi SEO Dostu Kodlama Uygulamaları (Özet)
- ✅ Semantik HTML kullan
- ✅ Başlık hiyerarşisini koru
- ✅ Hız optimizasyonuna önem ver
- ✅ Mobil uyumlu tasarla
- ✅ Yapılandırılmış veri uygula
- ✅ Görselleri sıkıştır, isimlendir
- ✅ Temiz URL yapısı kullan
- ✅ JavaScript kullanımına dikkat et
Sık Sorulan Sorular (FAQ)
SEO dostu kodlama ile SEO içerik yazımı aynı şey mi?
Hayır, içerik yazımı içerik kalitesiyle ilgilenirken kodlama kısmı altyapı ile ilgilenir. İkisi bir arada çalışmalıdır.
WordPress kullanıyorum, SEO dostu kodlama yapabilir miyim?
Evet! Doğru temayı kullanarak ve bazı eklentilerle (örneğin RankMath, Yoast) kodlama bilgisi olmadan da birçok SEO uygulaması yapılabilir.
JavaScript kullanan siteler Google’da sıralanamaz mı?
Yanlış! Google JavaScript’i işleyebilir ama yine de SSR gibi çözümlerle desteklemek SEO performansını artırır.
Son Söz: Kod Sadece Kod Değildir!
SEO sadece içerik odaklı değildir; kodun ta kendisi de oyunun bir parçasıdır. Eğer bir geliştiriciysen ya da bir web sitesine sahipsen, SEO dostu kodlama prensiplerini öğrenmek seni rakiplerinden birkaç adım öne çıkarır.
İçeriği uygulamaya geçirdiğinde arama motorlarında yükselmeye başladığını bizzat göreceksin!