Technical SEO & Schema Markup Skill
Bu yetenek, web sitelerinin arama motorları tarafından daha iyi taranmasını ve anlaşılmasını sağlamak için yazılımsal iyileştirmeler yapmaya odaklanır.
Temel Yetkinlikler
- •
Schema Markup (Yapılandırılmış Veri):
- •JSON-LD formatında veri yapıları oluşturma.
- •Organization, Product, Article, FAQ, Breadcrumb ve LocalBusiness şemalarını uygulama.
- •Mevcut HTML yapısına şema verilerini entegre etme.
- •
Teknik SEO Optimizasyonu:
- •Semantic HTML (Anlamsal HTML) yapısının kurulması (H1-H6 hiyerarşisi, main, section, article kullanımı).
- •Meta etiketleri (Title, Description, Open Graph, Twitter Cards) yönetimi.
- •Canonical etiketlerinin yerleştirilmesi.
- •Görsel optimizasyonu (Alt text, lazy loading, modern formatlar).
- •
Performans ve Core Web Vitals:
- •LCP (Largest Contentful Paint) iyileştirmeleri için görsel ve script yükleme stratejileri.
- •CLS (Cumulative Layout Shift) engellemek için boyut tanımlamaları.
- •Scriptlerin
asyncveyadeferile yönetilmesi.
- •
Altyapı Dosyaları:
- •Dinamik veya statik
sitemap.xmloluşturma. - •Doğru yapılandırılmış
robots.txthazırlama.
- •Dinamik veya statik
Uygulama Rehberi
Schema Markup Ekleme (JSON-LD)
Her zaman <script type="application/ld+json"> bloğunu tercih edin.
Örnek FAQ Yapısı:
html
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Soru metni buraya?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Cevap metni buraya."
}
}]
}
</script>
Next.js / React SEO Uygulaması
Modern frameworklerde SEO yönetimi için özel bileşenleri veya API'leri kullanın.
Next.js Metadata Örneği:
typescript
export const metadata = {
title: 'Sayfa Başlığı',
description: 'SEO uyumlu açıklama metni',
alternates: {
canonical: 'https://example.com/sayfa',
},
};
Dikkat Edilmesi Gerekenler
- •Tek bir sayfada birden fazla H1 başlığı olmamasına dikkat edin.
- •Görsellerin
altetiketlerinin boş kalmadığından emin olun. - •Mevcut kodda değişiklik yaparken SEO değerlerini (mevcut meta tagler gibi) koruyun, sadece iyileştirme yapın.
- •Sayfa hızını etkilemeyecek şekilde script yerleşimi yapın.