Bu içerikte schema markup ya da diğer adıyla yapılandırılmış veri içerik türlerinden ve uygulamasından bahsedeceğiz. Siz de makalemize göz atarak schema markup hakkında daha fazla fikre sahip olabilir, ilgili etiketleri web sitenize uygulayarak arama motoru sonuç sayfasında kullanıcılara zengin içerikler sunmaya başlayabilirsiniz.
Schema Markup Nedir?
Schema markup; arama motoru botlarının sayfaları daha yakından tanımalarını, onlarla ilgili daha fazla bilgiye sahip olmalarını sağlamak amacıyla web sayfalarına eklenen kodlardır.
Yapılandırılmış veri etiketleri sayesinde arama motoru sonuç sayfasında kullanıcıların karşısına çıkan sonuçlar, daha zengin bir hâlde sunulur.
Arama motoru sonuç sayfasında yukarıdaki gibi kullanıcı karşısına çıkan faydalı sonuçlar, schema markup yapı etiketleri sayesinde oluşturulur. Yapılandırılmış veri etiketleriyle kullanıcılara tarif içeriği, puan, dakika, ücret gibi birçok bilgi verilebilir.
Yapılandırılmış veri etiketleri, SERP’teki listenin kalitesini ve çeşitliliğini artırarak kullanıcıların daha zengin sonuçlarla karşılaşmalarını sağlar. Bu sayede kullanıcılar, web sitelerinin içerisine gitmeden hangi sonuçların kendileri için doğru içeriği sunup sunmadığından emin olabilirler.
Schema Markup’ın SEO Açısından Önemi
Yapılandırılmış veri etiketleri ilk olarak SERP sonuçlarında kullanıcılara daha detaylı ve zengin içerikler sunmanızı sağlar. Böylece kullanıcılara sitenizle ilgili ufak ipuçları verebilir ve onların sitenize tıklama ihtimallerini artırabilirsiniz. Buradan hareketle schema markup kullanımının CTR değerlerini olumlu anlamda etkilediğini söyleyebiliriz.
Yapılandırılmış veri işaretleri aynı zamanda SERP sonuçlarındaki sıralama değerlerinin de iyileştirilmesine yardım edebilir. Google sıralama algoritması her ne kadar birçok farklı metriğe bağlı olsa da schema markup kullanımı bu noktada oldukça önemli olabilir.
Arama motorları, tıpkı kullanıcı gibi web sitelerine giriş yaptıktan sonra sayfalarda yer alan içerikleri okumaya başlar. Bu noktada kullanıcıyla arama motoru arasındaki tek fark, arama motorunun sayfanın arka planında yer alan HTML kodlarını okuyor olmasıdır.
Sayfaya giriş yapan arama motoru botları, HTML tarafında yer alan kod bloklarını okuyarak ilgili sayfalar hakkında çıkarımlar yapar. Okuma sırasında web sayfalarında schema markup yapısının kurgulandığını fark eder. Bu da sayfaların daha iyi pozisyonlarda sıralanmalarını sağlayabilir.
Botların sayfalardaki yapılandırılmış veri etiketlerini okuması ve anlaması, ilgili sayfaların daha alakalı sonuçlar çıkarma ihtimalini artırır. Bu da web siteleriyle ilgilenen kullanıcıların karşısına çıkmak anlamına gelir.
Schema markup yapısının SEO açısından önem teşkil ettiği bir diğer nokta, web sitelerinin sonuç sayfalarındaki görüntüsüdür.
Yapılandırılmış veri etiketlerine sahip siteler, yukarıdaki örnek ekran görüntüsünde olduğu gibi diğer web sitelerinden farklı şekilde kullanıcı karşısına çıkar. Diğer web sitelerinin aksine görsellerle ve zengin kısa açıklamalarla karşılaşan kullanıcılar, bu sayfalara daha fazla ilgi gösterebilir.
Schema Markup Türleri
Web sitenize yapılandırılmış veri etiketleri eklemenin size nasıl faydalar sağlayacağından bahsettikten sonra schema markup türlerini sıralamaya geçebiliriz.
Schema markup birçok türe sahiptir. Bu noktada hangi markup türünü seçeceğiniz, web sitenizin işlevine göre farklılık gösterebilir. Örneğin giyim ve konaklama sektöründe faaliyet gösteren iki ayrı web sitesinin birbirlerinden farklı yapılandırılmış veri etiketleri kullanmaları gerekebilir.
En popüler schema markup türlerine kısaca göz atalım:
Organization Markup
Organization adı verilen yapılandırılmış veri etiketi, arama motoruna ilgili organizasyon hakkında çeşitli bilgilerin verilmesini sağlar.
Organizasyon markup’ı arama motorlarına; ilgili web sitesinin adı, iletişim numarası, adresi, sosyal medya profilleri ve logosu gibi bilgileri verir. Bu sayede arama motorları web sitesinin sektörü ve faaliyeti hakkında daha fazla bilgiye sahip olur.
Faydalı İpucu: Organization markup’ın yalnızca ana sayfada tetiklenmesi tavsiye edilir.
Website Markup
Website markup da tıpkı organization markup gibi arama motoruna ilgili web sitesi hakkında bilgiler sağlar. Website markup, sitenin ana sayfası ve search URL’i gibi bilgileri verir.
Faydalı İpucu: Website markup’ın da tıpkı organization markup gibi yalnızca ana sayfada tetiklenmesi tavsiye edilir.
Breadcrumb Markup
Breadcrumb markup, web sitesinin içerik haritasını arama motoruna botlarına aktarmanın en iyi yollarından biridir. Bu markup sayesinde botlar, web sitesinde yer alan spesifik bir sayfanın bağlı olduğu sayfaları bulabilir ve belirtilen yolları izleyerek web sitesi hakkında daha detaylı bilgilere sahip olabilir.
Örnek olması adına aşağıda breadcrumb markup ile arama motoruna aktarılan bir ürün sayfası konumunu ele alalım:
- A marka erkek mont
- Erkek mont
- Erkek
- Anasayfa
Breadcrumb markup, arama motoru botlarının web sitesinde yer alan tüm sayfaları çok daha iyi anlamasını sağlayarak taranabilirliğin daha optimize bir şekilde kullanılabilmesine olanak tanır.
Product Markup
Product ya da Türkçe ifadesi ile ürün markup’ı, ürün sayfalarında tetiklenen ve botlara ilgili ürünler hakkında detaylı bilgiler veren veri işaretidir. Product markup sayesinde arama motoru botlarına ürünün adı, görselleri, açıklaması, SKU değeri, markası, URL’i, para birimi ve fiyatı hakkında bilgiler verilebilir.
Product markup, özellikle e-ticaret siteleri için son derece önemlidir. Yapısı; arama motoru sonuç sayfasında ürünlerin, görsellerle birlikte kullanıcıların karşısına çıkabilmesini sağlar.
Böylece kullanıcılar ilgili ürünleri web sitesine giriş yapmadan görebilir ve ürünler hakkında daha fazla bilgi sahibi olabilirler.
Product markup SERP sonuçlarında aşağıdaki gibi görünür:
Article Markup
Article ya da Türkçesi ile makale markup, genellikle blog web sitelerinde kullanılan bir yapılandırılmış veri etiketidir. Article markup sayesinde kullanıcılara makalenin yazarı, başlığı, kısa açıklaması, yayın ve güncellenme tarihi gibi bilgiler verilebilir.
Article markup, SERP sonuçlarında genellikle şöyle görünür:
Review Markup
Review markup da e-ticaret web siteleri için oldukça önemli bir yapılandırılmış veri etiketidir. Kullanıcılara ilgili ürünün aldığı puan ve değerlendirilme sayısı gibi bilgileri verir. Bu sayede kullanıcılar, web sitesine giriş yapmadan ürünün kaç puan aldığını ve kaç kişi tarafından değerlendirildiğini öğrenebilirler.
Rewiev Markup, arama motoru sonuç sayfasında genellikle aşağıdaki gibi görünür:
Local Business Markup
Local business (yerel işletmeler) markup ise arama motoru botlarının ilgili bölgelerde arama yapan kullanıcılara daha doğru sonuçları sunabilmesi için tercih edilir. Local business veri etiketi kullanıcılara; işletmenin adı, iletişim bilgileri, adresi ve açılış-kapanış saatleri gibi bilgileri verir.
Google üzerinden yapılan aramalarda sonuç ekranında çıkan işletme bilgileri, local business markup kullanılarak oluşturulur.
Web Sitenize Eklemeniz İçin Schema Markup Kod Formatları
Schema markup, web sitesinin kod tarafında çalışan bir yapı olduğundan ilgili satırları web sitenizin kod bölümüne eklemeniz gerekir. Bu noktada yapılandırılmış veri etiketlerini üç farklı formattan birini kullanarak web sitenize ekleyebilirsiniz:
- JSON-LD
- Microdata
- RDFa
JSON-LD
JSON-LD yapılandırılmış veri etiketi, ilgili yapıyı Javascript ile web sitenize eklemenizi sağlar. Bu yapı, schema markup kurulumu söz konusu olduğunda en çok kullanılan yöntemlerden biridir. JSON-LD yöntemi ile eklenen yapılandırılmış veri etiketi aşağıdaki gibi görünür:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"headline": "Makale Adı",
"author": {
"@type": "Person",
"name": "Yazar Adı"
},
"datePublished": "2024-02-09",
"image": "image.jpg"
}
</script>
Yukarıdaki örnekte yer alan article schema markup sayesinde arama motoru botları; makalenin adı, yazarı ve yayınlanma tarihi hakkında bilgi sahibi olur.
Faydalı İpucu: JSON-LD formatı, Google tarafından uygulanması tavsiye edilen schema markup formatıdır. Bu sebeple web sitenize schema markup yapısını kurarken bu formatı kullanmanızı tavsiye ederiz.
Microdata
Microdata formatı, JSON-LD formatına göre daha uzun olan ve HTML etiketlerini kullanarak arama motorlarına bilgiler veren bir schema markup formatıdır.
Microdata schema markup şöyle görünür:
<html>
<head>
<title>Ürün Bilgisi</title>
</head>
<body>
<div itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Ürün Adı</h1>
<img itemprop="image" src="https://example.com/product-image.jpg" alt="Ürün Resmi">
<p itemprop="description">Ürün Açıklaması</p>
<p>Marka: <span itemprop="brand" itemscope itemtype="http://schema.org/Brand"><span itemprop="name">Marka Adı</span></span></p>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<p>Fiyat: <span itemprop="priceCurrency" content="TRY">₺</span> <span itemprop="price" content="100.00">100.00</span></p>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
</body>
</html>
RDFa
Açılımı resource descriptive framework in attributes olan RDFa da tıpkı microdata gibi HTML etiketlerini kullanan bir schema markup formatıdır. Şöyle görünür:
<html>
<head>
<title>Ürün Bilgisi</title>
</head>
<body>
<div vocab="http://schema.org/" typeof="Product">
<h1 property="name">Ürün Adı</h1>
<img property="image" src="https://example.com/product-image.jpg" alt="Ürün Resmi" />
<p property="description">Ürün Açıklaması</p>
<p>Marka: <span property="brand" typeof="Brand"><span property="name">Marka Adı</span></span></p>
<div property="offers" typeof="Offer">
<p>Fiyat: <span property="priceCurrency" content="TRY">₺</span> <span property="price" content="100.00">100.00</span></p>
<link property="availability" href="http://schema.org/InStock" />
</div>
</body>
</html>
Schema Markup Uygulama Stratejileri
Schema markup yapısını web sitenize kurarken şu adımları izleyebilirsiniz:
Google Structured Data Markup Yardım Aracı’na Gidin
Structured Data Markup Helper adı verilen https://www.google.com/webmasters/markup-helper/u/0/ adresine gidin ve ilgili bölümde bulunan yapılandırılmış veri türlerini inceleyin.
Burada bulabileceğiniz schema markup türlerinden bazıları aşağıdaki gibidir:
- Makaleler
- Etkinlikler
- Yerel işletmeler
- Restoran
- Film
- Product
- İş ilanı
- Soru-cevap sayfaları
- Dizi film
Schema Markup Türünü Seçin
Belirtilen adresin “Website” adlı bölümünde karşınıza çıkan yukarıdaki markuplardan dilediğinizi seçin.
URL’i Yapıştırın
Seçimi yapmanızın ardından markup’ların sıralandığı bölümün altında yer alan URL bölümüne ilgili markup’ı eklemek istediğiniz URL’i girin.
İlgili Metinleri Seçin ve Markup’ı Oluşturun
Start Tagging’e tıklamanızın ardından sayfa yüklenecek ve karşınıza, girdiğiniz URL çıkacak. Bu bölümde sağ tarafta çıkan panelden yardım alarak ilgili alanları seçebilir ve kolaylıkla schema markup’ı oluşturabilirsiniz.
Bunu bir örnekle açıklayalım:
- Sayfanın başlığını seçin ve açılan kutucukta “Article Name”i işaretleyin.
- Yazar adını seçin ve “Author Name”i işaretleyin.
Bu şekilde adımları takip edin. Sağ taraftaki bölümde markup’ın ilgili alanlarının doldurulduğunu göreceksiniz.
HTML’i Oluşturun
Adımları tamamlamanızın ardından sağ üstte yer alan “HTML’i Oluştur” butonuna tıklayın. Girdiğiniz bilgiler doğrultusunda seçilen markup türünün yüklenmesini bekleyin.
Karşınıza çıkan sonucun üst kısmında yer alan seçenekler sayesinde yapılandırılmış veri etiketini JSON-LD ve microdata formatlarında olacak şekilde ayarlayabilirsiniz.
Örneğin yukarıdaki ekran görüntüsündeki bilgileri girerek aşağıdaki yapıyı elde ettik:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"name": "E-Ticaret Siteleri İçin Doğru İçerik Stratejileri Nasıl Oluşturulmalı?",
"author": {
"@type": "Person",
"name": "Kürşad Uğurlu"
},
"datePublished": "2023-11-29",
"image": "https://icerikmatik.com/wp-content/uploads/2023/11/Frame-43843.jpg",
"url": "https://icerikmatik.com/e-ticaret-siteleri-icin-dogru-icerik-stratejileri-nasil-olusturulmali/",
"publisher": {
"@type": "Organization",
"name": "İçerikmatik"
}
}
</script>
Schema Markup’ı Sayfanıza Ekleyin
Elde ettiğiniz çıktıyı kopyaladıktan sonra schema markup’ı web sitenize eklemeye hazırsınız!
Çıktıyı kopyalayın ve yerleştirmek istediğiniz sayfanın ilgili bölümüne giderek bu alana ekleyin.
Faydalı İpucu: Schema markup’ı HTML kodunuzun <head> tagleri arasına eklemeniz gerekir.
Schema Markup’ı Test Edin
Yapılandırılmış veri etiketini web sitesinin HTML tarafına yükledikten sonra ilgili yapının çalışıp çalışmadığını kontrol etmeniz gerekir. Bazı durumlarda ufak yanlışlıklar, schema markup yapılarının çalışmamasına neden olabilir.
Bu sebeple ilgili etiketleri sitenize eklediğinizde aşağıdaki adımları izleyerek kontrol sağlayabilirsiniz:
- https://search.google.com/test/rich-results adresine gidin ve markup’ı eklediğiniz URL’i ilgili bölüme yapıştırın.
- Sayfanın yüklenmesini bekleyin.
- Sayfa yüklendikten sonra karşınıza çıkan ekranda ilgili sayfada hangi yapıların çalıştığını görebilirsiniz.
- Eğer yapılandırılmış veri etiketinde bir hata varsa bunu da bu sayfa üzerinden görüntüleyebilirsiniz.
Schema markup’ı test etmenin bir diğer yolu ise schema web sitesi üzerinden kontrol sağlamaktır. Bunun için de aşağıdaki adımları izleyebilirsiniz:
- https://validator.schema.org/ adresine gidin ve “URL’i Getir” bölümüne schema markup eklediğiniz linki girin.
- “Testi Çalıştır” butonuna tıklayın.
- Yüklemenin ardından sayfanın sağ tarafında bulunan göstergelerle hangi markup’ların çalıştığını gözlemleyin.
- Schema markup yapısında bir hata varsa bu, ilgili bölümde “Hata” olarak görünecektir.
Schema Markup İçin İpuçları
Yapılandırılmış veri etiketleri hakkında aşağıdaki ipuçlarını inceleyerek daha fazla bilgi sahibi olabilir, schema markup yapısını web sitenize kolaylıkla kurabilirsiniz:
- Web sitenizin faaliyet gösterdiği alana uygun olabilecek schema markup türlerini detaylı şekilde araştırın. Makalemizde birçok markup türüne yer vermeye çalıştıysak da schema markup türlerinin çok daha fazla olduğunu unutmayın.
- Microdata ya da RDFa fotmatları yerine JSON-LD formatını tercih edin. JSON-LD formatı daha az satırdan oluştuğu için uygulaması çok daha kolaydır. Ayrıca ilgili formatın Google tarafından da tavsiye edildiğinin altını tekrar çizmek gerekir.
- Bazı markup’ların içerisinde URL, iletişim numarası ve adres gibi detaylı bilgiler yer alabilir. Bu bilgilerin önemsiz olduğunu düşünmeyin. İlgili alanları eksiksiz biçimde doldurarak schema markup yapınızı kurun. Arama motorlarına ne kadar çok bilgi verirseniz web sitenizin faaliyetleri hakkında onları o kadar çok bilgilendirebileceğinizi unutmayın.
- Web sitenizin kod bölümünde yaptığınız değişiklikler, schema markup yapısının bozulmasına neden olabilir. Bu nedenle schema markup yapınızı web sitenize ekledikten sonra etiketleri düzenli aralıklarla kontrol etmeyi unutmayın.
Siz de arama motoru botlarının web sitelerini daha iyi anlayıp yorumlamasına olanak sağlayan bu yapıyı web sitelerinize kurarak çok daha fazla etkileşim elde edebilirsiniz. Schema markup yapısını kurarak organik trafik verilerinizi iyileştirebilir, daha iyi sonuçlarla kullanıcıların karşısına çıkabilirsiniz.