HTML
Proje sonu - Yapısal veri
Bir makaleye tam Schema.org işaretlemesini ekleyip dokümante edersin.
Son adım: yayıncı ve özet
Son adımda öğrendiklerini birleştirip makaleye yayıncı ekleyeceksin. Yayıncı, makaleyi yayımlayan kuruluştur ve Organization tipiyle işaretlenir.
Aynı iç içe yöntemi kullanırsın: dış span'a itemprop="publisher" itemscope itemtype verir, iç span'a itemprop="name" ile kuruluş adını koyarsın.
Son olarak makalenin başına kısa bir HTML yorumu ekleyip yapısal verinin başladığını belirtirsin. Bu, kodu okuyanlara yardımcı olur.
Yorum ile dokümante et
Yapısal veri ekledikçe HTML kalabalıklaşır. Kodu okuyanlara yardımcı olmak için HTML yorumları ekleyebilirsin.
Bir yorum <!-- ... --> biçimindedir ve tarayıcıda görünmez. Makalenin başına <!-- Yapısal veri: Schema.org Article işaretleme --> gibi bir not koyarsan, dosyayı açan kişi içerikte yapısal veri olduğunu hemen görür.
Yorumlar içerik değiştirmeden kodu anlatır.
Uygulama Yayıncı ekle ve yapısal veriyi yorumla belirt
Önceki adımın makalesini al. Author paragrafından sonra yeni bir <p> ve içine iç içe Organization yapısı ekle:
Dış span: itemprop="publisher" itemscope itemtype="https://schema.org/Organization". İç span: itemprop="name" ile yayıncı adı (ör. Eğitim Yayınları).
Ayrıca <article>'den önce kısa bir HTML yorumu ekle ve yapısal verinin başladığını belirt (ör. <!-- Yapısal veri: Schema.org Article işaretleme -->).
Örnek çözümü göster
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yapay Zeka Çağında Eğitim</title>
</head>
<body>
<!-- Yapısal veri: Schema.org Article işaretleme -->
<article itemscope itemtype="https://schema.org/Article" itemid="/yazilar/yapay-zeka-caginda-egitim">
<h1 itemprop="headline">Yapay Zeka Çağında Eğitim</h1>
<p>Yayın tarihi: <time itemprop="datePublished">2026-03-15</time></p>
<p>Yazar: <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">Ayşe Yılmaz</span></span></p>
<p>Yayıncı: <span itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span itemprop="name">Eğitim Yayınları</span></span></p>
<p>Yapay zeka, sınıflarda öğretmenle öğrenci arasındaki ilişkiyi değiştiriyor.</p>
</article>
</body>
</html>
Proje tamam!
Tebrikler! Beş derslik projeyi tamamladın. Artık elinde Schema.org ile tam işaretlenmiş bir makale var.
Öğrendiklerin:
- itemscope ile kapsam açma
- itemtype ile tip belirtme
- itemid ile benzersiz kimlik
- itemprop ile özellik ekleme
- İç içe Person ve Organization tipleri
Bu yöntemi haber, blog yazısı, ürün ve etkinlik sayfalarına da uygulayabilirsin.
Kendini test et
-
Yayıncı kuruluş için hangi tip kullanılır?
<span itemprop="publisher" itemscope itemtype="...">
- https://schema.org/Person
- https://schema.org/Organization
- https://schema.org/Article
- https://schema.org/Event
Cevabı göster
https://schema.org/Organization — Doğru. Yayıncı bir kuruluş olduğundan Organization tipi kullanılır.
-
Organization tipinin URL'ini tamamla
<span itemprop="publisher" itemscope itemtype="____"><span itemprop="name">Yayıncı</span></span>
Cevabı göster
<span itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span itemprop="name">Yayıncı</span></span>
-
Tipi işaretlediği varlıkla eşleştir
- Article
- İşaretlenen makale
- Person
- Yazar
- Organization
- Yayıncı
- name
- Alt özellik
Sıradaki ders: Template element
