Structured Data and Rich Snippets
Structured Data and Rich Snippets
Bu makale Google, Bing ve Yahoo gibi büyük arama motorlarında yapılan sorgularda, daha ayrıntılı ve görsel anlamda daha zengin sonuçlar çıkararak kullanıcı trafiğini ve sayfa görüntülenmesini arttırmak, kullanıcılara daha kaliteli arama sonuçları sunmak için ortaya konan structured data kavramı ve bunların Google.com da ki kullanım şekli olan rich snippet leri tanımak, bu yapının şimdi ve gelecekteki faydalarından ve son olarak teknik anlamda yapılması gerekenlerden bahsetmek için hazırlanmıştır.
İçerik
- Structured Data ve Rich Snippet Nedir?
- Yararları Nelerdir? Niçin Önem Göstermeliyiz?
- Kullanım Örnekleri
- Teknik Kısım
- Micro Data ya Giriş, Structured Data Tipleri ve Schema.Org
- Web sayfasına Entegrasyon Methodları
- Structured Data Highlighter Tool
- Structured Data Markup Helper Tool
- Html Markup (Kod örnekleri)
- Rich Snippet lerin Uygulanması
- Son sözler
- Kaynaklar
Structured Data Nedir?
Structured data, bir web sitenin html kodlarına, Google benzeri arama motorlarının, içeriği daha rahat anlaması ve sınıflandırması için yedirilmiş bilgidir.
Arama motorlarının indekslediği datanın boyutu arttıkça, arama sonuçlarında üst sıralarda yer almak kadar kendini gösterebilmek de ciddi önem kazanmıştır. Araştırmalar gösteriyor ki, aynı sayfada yer alan arama sonuçlarında göze daha detaylı, farklı gelen sonuçların tıklanma oranları daha yüksektir. Resimler, makale yazarlarının fotoğrafları, ilgili yorumların puanı vb. sonuç içerikleri sitenin tıklanma oranını arttırmaktadır (Click-Through Rate).
Rich Snippets
Resimde görüldüğü üzere rich snippets, her arama sonucunun altında çıkan ve kullanıcının sorgu sonucu ile sayfa arasındaki bağı kuvvetlendirmek üzere dizayn edilmiş birkaç satır metin, fotoğraf, yorum vb. extra bilgilerdir. Arama sayfasında kullanıcının dikkatini hızlıca celp ettiği açıkça belli oluyor.
Google ın hali hazırda desteklediği rich snippet tipleri:
Bu tiplere ek olarak video içerik için de tanımlayıcı yapılar bulunmaktadır. Yukarıda verilen liste ana öğeleri göstermektedir. Schema.org adresinden diğer tüm mikro data yapılarına ulaşılabilir.
Yararları Nelerdir? Niçin Önem Göstermeliyiz?
Çok sık kullanılan bir arama kelimesi için başka sitelerle arama listesinde yarıştığımızı düşünelim. İlk sonucun ya da belki ikinci de dahil, kaynak, zaman ve tabi çok para olmadan kolayca oradan inmeyeceğini düşünüyoruz. Ama “rich snippetler” sayesinde kuvvetlendirdiğimiz, kullanıcıya daha ilk anda daha fazla ve alakalı sonuç detayları gösterdiğimiz sonucumuz o kadar dikkat çekecek ki artık ilk sırayı eskisi kadar dikkate almayacaklar.
| Rich snippetlerin kullanıldığı arama sonuçları diğerlerine göre ekranda daha fazla yer kaplıyor, daha fazla görsel dikkat çekiyor ve kullanıcıya, sağladığı daha canlı ve daha alakalı sonuçla, tıklanma oranlarını artmaya başlıyor. |
|
Öte yandan Google mikro veri ile şekillendirilmiş web sitelerinin arama sonuçlarında yukarı çıkmayacağını, yani rich snippet özelliği kazanmış arama sonuçlarımızın arama listesinde yukarıya çıkmamıza direkt etki etmeyeceğini söylüyor (bknz: faq-rich-snippets ). Buna karşılık ise Bing tarafında söylenen ise “click through rate” ve arama sonucu etkileşiminin bir rank faktörü olduğu (Ayrıntılı bilgi için Bing – Duane Forrester). Bu da yapı kurarak – 1 – , kullanıcıdan aldığımız pozitif hareket – 2 – ile iki kat kazanç demek. Her ne kadar Google bunun rankte yükselmeye direkt olarak etki etmeyeceğini söylese de basit bir mantıkla daha fazla görsel algı çeken sonuçların daha fazla tıklanma alacağı ve bunun da aslında sizi yukarı götüren bir yol olduğu aşikar (aynı aramalarda fazla tıklanma alanların rank puanın yükseldiği tüm arama motorları için geçerli olan bir durum).
|
Bu arada Bing ve Google dan ayrı ayrı bahsederken, yanlış bir anlaşılma olmasın structured data için kullandığımız tipler tüm web dünyası için ortak yani tüm arama motorları için. Hatta bunun için bir konsorsiyum kurulmuş ve ortak kurallar hazırlanmış. Kısaca değinmek gerekirse; |
Schema.org
Internet aramalarını kontrol eden Google ve Bing, veriyi şekillendirmek için yollar aramaya koyulmuşlar ve bu yolları da webmasterlara anlatan ortak bir lisandan faydalanmaları gerektiğini düşünmüşler. Tabi daha önce de bu tarz standartlaşma çabaları vardı (Dublin Core, Microformat, Microdata and RDFa gibi). Ama hangisini kullanmamız gerektiği bir problemdi.
Bu yüzden Bing, Yahoo, ve Google taki arkadaşlar, bu işe bir standart getirmek için kafa kafaya vermişler bunu da Microdata ile yapmışlar. Ortaya çıkan iş ise daha önce bahsettiğim www.schema.org .
Anlamsal aramanın önem kazandığı ve geleceğin arama sonuçları bizim ne yazdığımızla değil neyi aradığımızı anlamaya çalıştığı dünyada, arama motorlarıyla konuşur gibi bu sayfada bunlar var demek, sadece şimdi için değil ileriye dönük de önemli bir yatırım.
Burada yer alan bilgiye göre, bir çok firma rich snippet ler sayesinde arama sonuçlarında çıkan linklerine %20 – %30 oranında tıklanma artışı görmüşler. Bu aynı zamanda siteye giren kullanıcının ne bulacağını daha net görmesi demek. Sonuç olarak, gelen kullanıcının daha kaliteli olması bu da site üzerinde daha fazla vakit geçirmesi demek.
Bir iş arama sitesini düşünün. İlan detay sayfalarında, arama motorlarına bak bu ilanın şehri ve hatta koordinatları burası dediğimizde artık aramalarda harita üzerinde

Yazılım Uzmanı araması sonucu ilanlardaki structured data ile topladığı diğer alakalı ilanların, arama yapan kişiye yakın olanlarının gösterimi (temsilidir)
göstermeye başlayacak ve hatta zamanla artan data ile birlikte daha kullanıcı siteye gelmeden Google üstündeki iş aramalarında çıkan sonucun, “ben senin aramanın bir yazılım uzmanı ilanı olduğunu anladım, senin de Üsküdar’da oturduğunu bildiğimden bak sana etrafında ki aradığın pozisyonla alakalı diğer ilanlar” deyip sağ tarafta Türkiye haritası üzerinde ilanlarımızı işaretlediğini bir düşünün (Sağdaki şekil üzerinde hayal edebilirsiniz).
Bu noktadaki hayalim ise, iş ilanlarının dünya döndükçe devam edeceği ve yaşayan tüm insanları ilgilendirdiğini temel alırsak, yukarıda bahsedilen structured data tiplerinden bir tanesinin “İş İlanı” olması bence bir zorunluluk. Kariyer.net, Yenibiriş, SecretCv bir araya gelmeli, dünya üzerindeki tüm iş ilanlarını temel alarak bir standartlaşma çalışması yapmalı (kurallarını bizim belirlediğimiz). Böylece dünyada büyük bir değişime öncülük edebiliriz.
Rich Snippet in Geleceği
Kazanılan faydaya ve değere bakacak olursak, rich snippet ler daha uzun süre kalacak (ve hatta hiç gitmeyeceğini buradaki Google arama sonuçlarının gelişimine bakarak söyleyebilirim) gibi görünüyor. Aşağıda ki şema ve maddeler üzerinden geleceğine dair bazı noktalara değinmek istiyorum.
Google, Bing ve Yahoo birlikte Schema.org u oluşturdular ve kendi motorları için micro datayı destekleme kararı aldılar. Bing ve Yahoo da rich snippets için arama motorlarına structured datayı eklemiş bulunuyor. Bu aynı zamanda tek işle, tüm arama motorları için verimizi uygun hale getirmek demek.
Böylece Semantic Web dünyasına açılan kapıdan koşarak girmiş oluyoruz. Anlamsal sorgulama alanında sürekli gelişen teknoloji için daha hızlı bir alt yapı sunmuş oluyoruz.
Kullanım Örnekleri
Yukarı anlatılan yaygın kullanım alanları ve gelecekte uygulanabilecek yapılar üzerine düşüncelerden sonra kısa vadede sitenize uygulanabilecek ve hızlıca arama sonuçlarına rich snippets kazandıracak olası örneklerden bahsedeceğim.
Hali hazırdaki yapılarla hızlı bir şekilde, makale sayfalarınız, ürün detay sayfalarınız, etkinlikleriniz ve kişiler hakkındaki sayfalarınız için rich snippet çalışmaları yapılabilir. Aşağıda şu an da Google ın sunduğu bir structured data şablonu var. Bu bahsettiğim schema.org üzerindeki belirtilen itemlardan derlenmiş şablonlar. İlla bu başlıklardan birinde kategorize yapmamız gerekmiyor elbette ama hızlı bir çalışma için kolaylık sağlayabilecek sablonlar. Aşağıda bunları ve olası kullanım alanlarını yazdım.
- Restaurantlar: Ortalama puanlama sonucu, yıldız sayısı ve fiyat aralığı görüntülenebilir.
- Müzik albümleri: Şarkı sözleri ve şarkının dinlenebilmesi için bir link gösterilebilinir.
- Kişiler: Arama sayfalarında sorgu yapılan kişi hakkında arama sonuçlarında telefon numaraları, fotoğraf gibi farklı bilgiler gösterilebilir.
- İşletme ve Organizasyonlar: Müşteri oylamaları ve yer bilgisi.
- Yazarlar: Yazar resmi, adı ve yazar tarafından kaleme alınmış diğer makalelere link içerme.
- Yemek Tarifleri: Tarif resmi, oylama sonucu ve gereken zaman gibi bilgilerin arama sonuçlarında gösterilmesine olanak verir.
- Video: Video resmini arama sonuçlarında gösterir ve ziyaretçinin aradığı doğru videoyu bulması sağlanır. Aynı videoyu içeren diğer sitelere göre artınız olur.
- Ürünler: Ürünler ile alakalı oylama sonuçları, resimler, fiyat aralığı gibi bilgileri gösterebilirsiniz.
- Olaylar: Organizasyon, düğün, kutlama gibi tarih bilgisi, yer ve zamanını gösterebilirsiniz.
Rastgele bir site üzerinde Örnek Uygulama
Birçok çeşitte kullanım ve teknik anlamda hazırlanış detayına bu sayfadan erişilebilir. Aşağıda ki örnekte ise Turkcell teknoloji bloğunda yer alan bir makaleye uygulanmış yapısal değişiklikleri ve Google tarafından algılanışını inceleyeceğim.
Google’dan diyabet hastaları için kontak lens projesi isimli makalenin html kodlarına Google ın önerdiği makale için gerekli olan taglari yerleştirdim ve sonuç olarak başarılı bir şekilde başlık, yazar ismi ve fotoğrafı, yayın tarihi, makale gövdesi (özet çıkarmak için), ve kullanıcı oylarını makale üzerinde işaretledi. Bundan sonra yaklaşık 1 hafta içinde ilgili blog makaleleri yaklaşık olarak aşağıdaki gibi gözükecektir.
Aşağıda ise makalenin şu an ki halini ve yapısını geliştirdiğimiz html ile arama sonucunda beklediğimiz olası hali görüyoruz.

Makalenin Şu an ki Hali ve Bir Hafta İçerisinde Makalelerinin Google
Aramalarında Beklenen Hali (temsilidir)
Görüldüğü üzere diğerinden çok daha fazla ilgi çekici ve bilgi verici nitelikli bir hale gelmiştir. Ve bunun teknik anlamda yapım ve test süresi yarım gün ile tam gün çalışma süresidir.
Benzer Bir Kod Örneği
Nasıl yapıldığına dair çok kısa bir bilgi vereceğim. Aşağıda gördüğünüz kod parçacığını bir makale sayfasının html kod bölümü olarak farz edin. Arada tagların içinde yabancı html taglar olduğunu göreceksiniz. Mesela,
itemscope itemtype=”http://schema.org/Review”> : Bu sayfanın bir Review olduğunu söylüyor
itemprop=”author” : Sayfanın yazarının kim olduğunu söylüyor.
itemprop=”datePublished” content=” : Makalenin yayın tarihini
–Örnek Kod–
</pre> <div itemscope="" itemtype="http://schema.org/Review">your commentary about the person , place, or thing you’re reviewing <strong>Review Summary:</strong> The URL related to what’s being reviewed: <a itemprop="url" href="http://www.widgets.com">widgets.com</a> Reviewed by: Your name <meta itemprop="datePublished" content="2013-08-20″" /> Date published: 8/20/2013 Item reviewed: Blue Widgets Rating: 3 out of 5 stars Item Description: Handheld widgets that aren’t supposed to break</div> <pre>
–Örnek Kod–
Teknik kısıma başka bir makalede devam edeceğim. Fikirlerinizi ve önerilerinizi lütfen yazın.
Referanslar
- http://www.seoskeptic.com/structured-data-for-author-pages-and-linked-snippets/
- http://schema.org/docs/gs.html
- http://www.stonetemple.com/search-algorithms-and-bing-webmaster-tools-with-duane-forrester/
- http://www.searchenginejournal.com/schema-org-eight-tips-incorporate-rich-snippets-conform-google-hummingbird/75435/
- http://www.searchenginejournal.com/schema-org-eight-tips-incorporate-rich-snippets-conform-google-hummingbird/75435/
- https://sites.google.com/site/webmasterhelpforum/en/faq-rich-snippets#ranking
- http://www.slideshare.net/crumplezone/beyond-10-blue-links-the-future-of-ranking?ref=http://www.found.co.uk/hummingbird-google-algorithm/
- http://www.eurecom.fr/fr/publication/3284/download/mm-publi-3284.pdf
- http://moz.com/blog/a-visual-guide-to-rich-snippets


