sitetasarimtr_logo
Yükleniyor

Bilgi Merkezi / Schema Markup

Schema Markup Nedir? Zengin Snippet'ler ve SEO Rehberi

Giriş

Schema Markup (Şema İşaretleme), arama motorlarına web sayfalarınızdaki içeriğin anlamını ve yapısını daha iyi anlatmak için kullanılan yapılandırılmış veri formatıdır. Schema.org vocabulary'si temel alınarak oluşturulan bu işaretlemeler, Google'ın sayfanızı daha iyi anlamasına ve zengin sonuçlar (rich snippets) göstermesine olanak tanır.

Bu rehberde, Schema Markup'in ne olduğunu, nasıl çalıştığını, en sık kullanılan şema türlerini ve SEO'ya etkilerini detaylı bir şekilde ele alacağız.

Schema Markup Neden Önemlidir?

Schema Markup, arama motoru sonuç sayfalarında (SERP) daha fazla görünürlük sağlayarak tıklama oranlarını (CTR) önemli ölçüde artırır. Yapılan araştırmalar, zengin snippet'lerin normal sonuçlara göre %30'a varan daha yüksek tıklama oranları elde ettiğini göstermektedir. Ayrıca, arama motorlarının içeriğinizi daha iyi anlamasına yardımcı olarak sıralama potansiyelinizi artırır.

Schema Markup Nedir başlığını temsil eden, JSON-LD kod blokları ve arama sonuçlarında çıkan yıldızlı snippet örneği

Schema Markup: Arama Motorları İçin İçerik Anlamsallaştırma

Schema Markup Nasıl Çalışır?

Schema Markup, web sayfalarınıza eklediğiniz yapılandırılmış veri işaretlemeleridir. Bu işaretlemeler sayesinde arama motorları, içeriğinizin ne hakkında olduğunu daha net anlar ve kullanıcılara daha zengin sonuçlar gösterebilir:

  1. Microdata, RDFa veya JSON-LD: Schema işaretleme için kullanılan üç farklı format bulunur. JSON-LD, Google tarafından önerilen ve en yaygın kullanılan formattır.
  2. Schema.org Vocabulary: Tüm şema türleri ve özellikleri schema.org üzerinde standartlaştırılmıştır.
  3. Zengin Sonuçlar: Doğru şema işaretlemesi, arama sonuçlarında yıldız derecelendirmeleri, resim karuselleri, FAQ bölümleri gibi zengin snippet'ler oluşturur.
  4. Anlamsal Web: Web içeriğinin makineler tarafından anlaşılabilir hale gelmesini sağlar.

En Sık Kullanılan Schema Markup Türleri

Farklı içerik türleri için özelleştirilmiş şema işaretlemeleri mevcuttur. İşte en yaygın kullanılan schema türleri:

Article Schema


{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Makale Başlığı",
  "description": "Makale açıklaması",
  "image": "https://example.com/resim.jpg",
  "author": {
    "@type": "Person",
    "name": "Yazar Adı"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Site Adı",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.jpg"
    }
  },
  "datePublished": "2025-01-20T08:00:00+08:00",
  "dateModified": "2025-01-21T09:00:00+08:00"
}

Local Business Schema


{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "İşletme Adı",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Cadde Adresi",
    "addressLocality": "İlçe",
    "addressRegion": "İl",
    "postalCode": "34000"
  },
  "telephone": "+90-212-XXX-XXXX",
  "openingHours": [
    "Mo-Fr 09:00-18:00",
    "Sa 10:00-16:00"
  ],
  "priceRange": "₺₺"
}

FAQ Schema


{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Soru başlığı?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Sorunun detaylı cevabı buraya yazılır."
    }
  }]
}

Product Schema


{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "Ürün Adı",
  "image": "https://example.com/urun-resmi.jpg",
  "description": "Ürün açıklaması",
  "sku": "0446310786",
  "brand": {
    "@type": "Brand",
    "name": "Marka Adı"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/urun-url",
    "priceCurrency": "TRY",
    "price": "299.00",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "125"
  }
}

Schema Markup ve SEO İlişkisi

Schema Markup doğrudan bir sıralama faktörü olmasa da, dolaylı olarak SEO performansınızı önemli ölçüde etkiler:

  • Artırılmış Tıklama Oranı (CTR): Zengin snippet'ler normal sonuçlardan daha fazla dikkat çeker
  • Daha İyi İçerik Anlaşılırlığı: Arama motorları içeriğinizi daha iyi anlar
  • Voice Search Optimizasyonu: Sesli aramalarda daha iyi sonuçlar alırsınız
  • Düşük Hemen Çıkma Oranı: Doğru beklenti oluşturarak ilgili trafik çekersiniz
  • Featured Snippet Potansiyeli: Şema işaretlemesi, öne çıkan snippet'ler için fırsat yaratır

Schema Markup Uygulama Adımları

Schema Markup'i web sitenize doğru şekilde uygulamak için şu adımları izleyin:

  1. İçerik Analizi: Hangi şema türlerinin içeriğinize uygun olduğunu belirleyin
  2. JSON-LD Kodu Oluşturma: Schema.org'dan yararlanarak uygun JSON-LD kodunu oluşturun
  3. Sayfaya Ekleme: Kodu sayfanızın <head> bölümüne ekleyin
  4. Test Etme: Google'ın Rich Results Test aracı ile işaretlemeyi kontrol edin
  5. Google Search Console: Zengin sonuçlar raporunu takip edin
  6. Güncelleme: İçerik değiştikçe şema işaretlemelerini güncelleyin

Schema Markup İçin Araçlar ve Kaynaklar

  • Google Rich Results Test: Şema işaretlemelerinizi test etmek için
  • Schema Markup Generator: JSON-LD kodu oluşturmak için
  • Google Structured Data Testing Tool: Yapılandırılmış veri testi
  • Schema.org: Tüm şema türleri ve özellikleri için referans
  • TechnicalSEO.com Schema Generator: Gelişmiş şema oluşturma aracı

Sıkça Sorulan Sorular (FAQ)

Schema Markup nedir?

Schema Markup, arama motorlarına web sayfalarınızdaki içeriğin anlamını ve yapısını daha iyi anlatmak için kullanılan yapılandırılmış veri formatıdır.


Schema Markup SEO'yu nasıl etkiler?

Schema Markup doğrudan sıralama faktörü değildir, ancak tıklama oranlarını artırarak ve içeriğin daha iyi anlaşılmasını sağlayarak dolaylı olarak SEO'yu güçlendirir.


Hangi schema formatı en iyisidir?

JSON-LD, Google tarafından önerilen ve en yaygın kullanılan schema formatıdır. Uygulaması kolay ve bakımı daha basittir.

Sonuç

Schema Markup, modern SEO stratejilerinin vazgeçilmez bir parçasıdır. Doğru uygulandığında, arama motoru sonuç sayfalarında daha fazla görünürlük sağlar, tıklama oranlarını artırır ve kullanıcı deneyimini iyileştirir. Site Tasarım TR olarak, Schema Markup uygulaması ve SEO optimizasyonu konularında uzman destek sunuyoruz. Web siteniz için en uygun şema işaretlemelerini belirlemek ve uygulamak için bizimle iletişime geçin.

Diğer İçerikler

Vercel ve Netlify logoları yan yana, arka planda global CDN haritası

Vercel / Netlify Nedir?

Web Components yapısını ve Shadow DOM kapsüllemesini gösteren şema

Web Components Nedir?

Hızlı yüklenen bir web sitesi, yeşil PageSpeed skoru ve Core Web Vitals 100/100 gösteren ekran görüntüsü

Web Siteniz 3 Saniyeden Yavaş mı?

Web tarayıcısında 3D ürün modeli döndürülen ve AR ile mobilyanın odada görüntülendiği örnek

3D ve AR Web Deneyimleri

Page Speed Optimization Nedir başlığını temsil eden, hızlı yükleme ve web performansını simgeleyen hız göstergesi

Page Speed Optimization Nedir?

Google arama sonuçlarında 1. sırada çıkan bir web sitesi, yeşil URL ve yıldızlı snippet gösteren ekran görüntüsü

Google’da İlk Sayfaya Çıkmak

Git Versiyon Kontrol Nedir başlığını temsil eden, branch ağacı ve terminal ekranında Git komutlarını gösteren görsel

Git Versiyon Kontrol Nedir?

API Nedir başlığını temsil eden, farklı uygulamaların birbiriyle iletişimini gösteren bağlantı noktası illüstrasyonu

API Nedir?

Lazy Loading Nedir başlığını temsil eden, yavaş yavaş yüklenen görsel katmanlarını gösteren illüstrasyon

Lazy Loading Nedir?

Keyword Research Nedir başlığını temsil eden, büyüteçle anahtar kelime veya arama kutusu inceleyen bir illüstrasyon

Keyword Research Nedir?

Telefonla QR kod taratılırken dijital restoran menüsü ekranı

QR Menü Nedir?

Nuxt.js logosu ve pages klasörü yapısını gösteren klasik ekran görüntüsü

Nuxt.js Nedir?

Yapay zeka ile otomatik web tasarımı yapan arayüz, renk paleti ve layout önerileri gösteren ekran görüntüsü

Yapay Zeka Destekli Web Tasarımı

Angular logosu ve component yapısını gösteren ekran görüntüsü

Angular Nedir?

WebAssembly performans karşılaştırması gösteren grafik ve tarayıcıda native hızda çalışan uygulama illüstrasyonu

WebAssembly Nedir?

Sürükle-bırak arayüzüyle no-code web sitesi oluşturan ekran görüntüsü

No-Code / Low-Code Platformlar

Express.js logosu ve basit bir API route örneği gösteren ekran görüntüsü

Express.js Nedir?

Domain Nedir başlığını temsil eden, bir web adresi çubuğu veya alan adı kavramını gösteren görsel

Domain Nedir?

SEO Nedir başlığını temsil eden, arama motoru optimizasyonu kavramını ve stratejilerini gösteren illüstrasyon

SEO Nedir?

Vue.js logosu ve Composition API kod örneği gösteren görsel

Vue.js Nedir?

Google Analytics Nedir başlığını temsil eden, web trafiği analizlerini ve raporlama verilerini gösteren grafikler

Google Analytics Nedir?

PostgreSQL logosu ve ilişkisel veritabanı şeması örneği

PostgreSQL Nedir?

GraphQL logosu ve tek endpoint üzerinden sorgu yapısını gösteren görsel

GraphQL Nedir?

Remix logosu ve nested routing yapısını gösteren diyagram

Remix.run Nedir?

Node.js logosu ve sunucu mimarisini gösteren şema

Node.js Nedir?

Browser Cache Nedir başlığını temsil eden, tarayıcıda önbellek mekanizmasını gösteren illüstrasyon

Browser Cache Nedir?

Google AI Overview ekranında birinci sırada çıkan kaynak kutusu, Gemini ve SGE sonuçlarında öne çıkan içerik örneği

AI Search Optimization (AIO) Nedir?

React logosu ve bileşen ağacını gösteren klasik ekran görüntüsü

React Nedir?

CDN Nedir başlığını temsil eden, dünya üzerinde dağıtılmış sunucu noktalarını gösteren şematik görsel

CDN Nedir?

Schema Markup Nedir başlığını temsil eden, JSON-LD kod blokları ve arama sonuçlarında çıkan yıldızlı snippet örneği

Schema Markup Nedir?

HTML Nedir başlığını temsil eden, HTML etiketlerini ve web geliştirme temellerini gösteren kod snippet görseli

HTML Nedir?

CSS Nedir başlığını temsil eden, renk paletleri ve tasarım kurallarını (Cascading Style Sheets) simgeleyen görsel

CSS Nedir?

NestJS logosu ve modüler yapı şeması

NestJS Nedir?

Next.js logosu ve pages klasörü yapısını gösteren klasik ekran görüntüsü

Next.js Nedir?

Web sayfasında yumuşak geçişli mikro animasyonlar ve hover efektleri gösteren dinamik görsel

Motion UI ve Mikro Animasyonlar

Web Araçları

PDF Küçültücü & Sıkıştırıcı

PDF dosyalarınızı kalite kaybı minimumda %50-90 küçültün. Dosya boyutu seçimi, sayfa optimizasyonu ve tamamen tarayıcıda işlem – sunucuya yükleme yok!

PDF & DokümanPopüler

Base64 Encoder & Decoder

Metin ve görselleri Base64 formatına dönüştürün veya Base64 kodunu çözün. API geliştirme ve veri aktarımı için vazgeçilmez.

Kod & GeliştirmeGeliştirici

Web Editor

HTML ve CSS kodlarınızı yazın, düzenleyin ve canlı önizlemeyi görün. Hızlı prototipleme ve öğrenme için ideal.

Kod & GeliştirmeCanlı Düzenleyici

Güçlü Şifre Oluşturucu

Anında rastgele ve çok güçlü şifreler üretin. Uzunluk, büyük/küçük harf, rakam, sembol ayarları + kendi şifrenizi test etme özelliği.

GüvenlikGüvenlik

QR Kod Oluşturucu

URL, Wi-Fi, vCard, metin gibi verilerinizi saniyeler içinde özelleştirilebilir QR koda çevirin. Logo, renk ve SVG/PNG indirme desteği.

QR & PaylaşımPopüler

CSS Oluşturucu

CSS kodlarınızı otomatik oluşturun: gölgeler, gradyanlar ve daha fazlası.

Web TasarımÜcretsiz

Renk Seçici

Web tasarımlarınız için renk paletleri oluşturun ve HEX, RGB kodlarını alın.

Web TasarımAraç

Emoji Seçici

1800+ Unicode emoji ile web tasarımlarınıza duygusal ifadeler ekleyin. Arama, kategori filtreleme ve 5 favori grubu.

Emoji & İçerikÜcretsiz

Resim Format Dönüştürücü

PNG → JPG, JPG → PNG, WEBP → JPG/PNG, HEIC → JPG gibi en popüler formatlar arasında saniyeler içinde dönüşüm yapın. Kalite ayarı, toplu işlem desteği ve tamamen tarayıcıda – indirme olmadan!

MultimedyaPopüler

Ücretsiz Fotoğraf Düzenleyici

Tarayıcıda profesyonel fotoğraf düzenleme. Parlaklık, kontrast, doygunluk, sıcaklık, netlik, vignette ve 10+ hazır filtre ile Lightroom benzeri deneyim. Hiç indirme gerekmez, tamamen ücretsiz!

MultimedyaYeni