SEO için site ayarlarında neler önemli?

Sitenin head kısmında site başlığı açıklaması ve favicon dışında site head kısmında seo için önemli olan dikkat edilmesi gerekilen alanlar nelerdir?

Bir web sitesinin head bölümünde yer alması gereken unsurlar, SEO (arama motoru optimizasyonu) açısından oldukça önemlidir. İşte SEO için dikkat edilmesi gereken temel öğeler:

1. Title Tag (Başlık Etiketi)

• Web sayfasının başlığıdır ve arama motoru sonuçlarında görünen mavi tıklanabilir başlıktır.
• Öneri: Sayfanın içeriğini net bir şekilde özetlemeli ve genellikle 50-60 karakter uzunluğunda olmalıdır.

2. Meta Description (Meta Açıklama)

• Sayfanın içeriğini kısa ve öz bir şekilde açıklayan HTML etiketidir. Arama sonuçlarında, başlık altında görünür.
• Öneri: 150-160 karakter arasında olmalı, anahtar kelimeleri doğal bir şekilde içermelidir.

3. Meta Keywords (Meta Anahtar Kelimeler)

• Günümüzde arama motorları tarafından eskisi kadar dikkate alınmıyor, fakat bazı niş durumlarda kullanılabilir.
• Öneri: Fazla anahtar kelime kullanımı yerine içeriğe odaklanmak daha faydalı olacaktır.

4. Viewport Ayarları

• Mobil uyumluluk ve duyarlı tasarım (responsive design) için önemlidir.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

• Öneri: Mobil cihazlar için uyumluluğu sağlamak, SEO'da büyük bir avantaj sağlar.

5. Canonical URL

• Aynı içeriğin farklı URL'lerle erişilebileceği durumlarda, arama motorlarına hangi URL'nin tercih edilmesi gerektiğini bildirir.

<link rel="canonical" href="https://www.example.com/original-page">

• Öneri: Kopya içerik sorunlarından kaçınmak için canonical etiketi kullanın.

6. Hreflang (Dil ve Bölge Etiketi)

• Çok dilli sitelerde, sayfanın hangi dilde ve hangi bölge için olduğunu belirtir.

<link rel="alternate" hreflang="en" href="https://www.example.com/en">

• Öneri: Dil ve ülke bazlı SEO stratejileri için bu etiketi kullanmak önemlidir.

7. Open Graph ve Twitter Cards

• Sosyal medya platformlarında sayfa paylaşılırken doğru bilgi ve görselin gösterilmesini sağlar. Facebook, Twitter gibi sosyal medya siteleri bu meta verileri kullanır.

<meta property="og:title" content="Sayfa Başlığı">
<meta property="og:description" content="Sayfa Açıklaması">
<meta property="og:image" content="https://www.example.com/image.jpg">

• Öneri: Paylaşımlarda görselliği artırmak ve daha fazla etkileşim almak için kullanın.

8. Structured Data (Yapısal Veri)

• Google ve diğer arama motorları için sayfanın içeriğini daha anlaşılır kılan JSON-LD veya microdata biçiminde yapısal veri ekleyebilirsiniz.

<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.example.com/", "name": "Site Adı"
}
</script>

• Öneri: Rich snippets ve diğer arama sonuçları iyileştirmeleri için yapılandırılmış verileri kullanın.

9. Robots Meta Tag

• Arama motorlarına sayfanın taranıp taranamayacağını veya dizine eklenip eklenemeyeceğini belirtir.

<meta name="robots" content="index, follow">

• Öneri: Sayfaların indekslenmesini kontrol etmek için kullanılabilir.

10. CSS ve JavaScript Dosyaları

• Harici stil dosyaları ve JavaScript dosyaları head içerisinde çağrılmalıdır.

<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>

• Öneri: Sayfanın hızlı yüklenmesi ve SEO puanı için gereksiz dosyaları optimize edin.

Bu unsurlar, hem arama motorlarının sitenizi daha iyi anlamasını sağlar hem de kullanıcı deneyimini iyileştirir. SEO açısından bu temel bileşenlere dikkat etmek, sitenizin arama sonuçlarında daha iyi sıralanmasına yardımcı olacaktır.