11 Aralık 2015 Cuma

schema.org nedir, ne işe yarar gerçekten anlamak isteyenler buraya

Merhaba arkadaşlar bugün size schema.org sitesinin kullanımını açıklayamaya çalışacağım.
Bir çok site açıklamaya çalışmış fakat gördüğüm kadarıyla ne olduğunu kimse bilmiyor okudukça güldüm.
kendilerince bir kitap satan bir arkadaşta schema.org'tan açıklamaya çalışmış birde uyarmış bakın çok sıkıcı şimdiden söleyim falan bende onun vesilesiyle haberim oldu schema.org'tan  siteye girdim baktım.


keşke bende  kendini seo olarak adlandıran bu bebeler gibi lisede bilgisayarla tanışıp para kazanmak için kodlara kendimi verseydim, fakat okuyup adam olacaz dedik, okudukta ne oldu. anca ingilizce bir web sitesini anlıyoruz. oynadığımız oyunlarda görevleri rahat çözüyoruz.

Türkiye'mde web master deyince hemen akla film sitesi geliyor.  herkesin bir film sitesi hayali var.  adamlar haklı tabi film hakkında şema oluşturmakla ...

başlıyorum arkadaşlar.



schema.org sayfa açılış yazısı



1a. Why use microdata?
Your web pages have an underlying meaning that people understand when they read the web pages. But search engines have a limited understanding of what is being discussed on those pages. By adding additional tags to the HTML of your web pages—tags that say, "Hey search engine, this information describes this specific movie, or place, or person, or video"—you can help search engines and other applications better understand your content and display it in a useful, relevant way. Microdata is a set of tags, introduced with HTML5, that allows you to do this.





 sitesini bu işaretleme dili ile dolduracak arkadaşlar için ilk kısım 1a dan başlayalım

diyorki insanlar sitenizi anlar ama arama motorlar tam anlayamaz arama motorlarına geri zekalı gibi herşeyi tek tek açıklayacaksın diyor.

diyor ama açıklanacak şey var açıklanmayacak şey var belirli şeyler açıklanıyor.

mesela

bu div etiketine bak google bu bir film bu da onun yapımcısı bu tarihte çıktı oyuncular bunlar

dersiniz bir şema yaparsınız  olur

herkezin sitesinde böyle şeması yapılacak bir iskelet var mı?











1b. itemscope and itemtype

Let's start with a concrete example. Imagine you have a page about the movie Avatar—a page with a link to a movie trailer, information about the director, and so on. Your HTML code might look something like this:


<br />
<div>
<h1>
Avatar</h1>
Director: James Cameron (born August 16, 1954)
 Science fiction
 <a href="https://www.blogger.com/movies/avatar-theatrical-trailer.html">Trailer</a>
</div>
To begin, identify the section of the page that is "about" the movie Avatar. To do this, add the itemscope element to the HTML tag that encloses information about the item, like this:

araya girdim yukarısı işaretsiz hali



<br />
<div itemscope="">
<h1>
Avatar</h1>
Director: James Cameron (born August 16, 1954) 
  Science fiction
  <a href="https://www.blogger.com/movies/avatar-theatrical-trailer.html">Trailer</a>
</div>
By adding itemscope, you are specifying that the HTML contained in the <br />
<div>
...</div>
block is about a particular item.
But it's not all that helpful to specify that there is an item being discussed without specifying what kind of an item it is. You can specify the type of item using the itemtype attribute immediately after the itemscope.
<br />



burada sadece itemscope kullanılmış yani google sana ben  bir şey anlatacam ve bu anlattığım şeyin bir şeması var demek istiyor itemscope bu işe yarıyor.

yeter mi bu yetmez tabiki 



<div itemscope="" itemtype="http://schema.org/Movie">
<h1>
Avatar</h1>
Director: James Cameron (born August 16, 1954)
  Science fiction
  <a href="https://www.blogger.com/movies/avatar-theatrical-trailer.html">Trailer</a>
</div>
This specifies that the item contained in the div is in fact a Movie, as defined in the schema.org type hierarchy. Item types are provided as URLs, in this case http://schema.org/Movie.
Back to top




bu da son hali   eveeet işte burdan başlıyoruz   itemtype yazmış yanında bir adres sizin şemasını oluşturabileceğiniz şeylerin bir listesi var schema.org'ta  oda bu

http://schema.org/docs/full.html

linkten kendi işinizle alakalı şemayı oluşturacağız.  adam bir film sitesi sahibi
hemen  benim şemam bir filmle alakalı sizin sitenizden bu şemayı kullanacam diye adres bağlantısı vermiş buna benziyor demiş

sonra schema.org tan

http://schema.org/Movie   bu adresi açmış   ve bu filmle ilgili ne google tanımlayabilirim diye düşünmüş.











1c. itemprop
What additional information can we give search engines about the movie Avatar? Movies have interesting properties such as actors, director, ratings. To label properties of an item, use the itemprop attribute. For example, to identify the director of a movie, add itemprop="director" to the element enclosing the director's name. (There's a full list of all the properties you can associate with a movie at http://schema.org/Movie.)
<br />
<div itemscope="" itemtype="http://schema.org/Movie">
<h1 itemprop="name">
Avatar</h1>
Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)
  <span itemprop="genre">Science fiction</span>
  <a href="https://www.blogger.com/movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>






bundan sonrakiler hep  itemdrop arkadaşlar   bu adreste  yani movie hakkında tanımlanabilecek neler var bakalım 
http://schema.org/Movie tıkladığımızda bunlar çıkıyor.


actor
countryOfOrigin
director
.
.
.
şeklinde gidiyor artık sizin bu şemanızda itemscope tanımlayıp benim divim içinde bu itemdroplarımı kullanacağım derseniz google sizi daha iyi anlayacaktır. demek istiyor.  vel hasıl  anlamadığınız şeyi

www.websunumu.com adresinden sorabilirsiniz memnuniyetle cevap verebilirim  ayrıca gerçekten siteniz hakkında yararlı bir şey yapmak istiyorsanız, sitemin kampanyalarından faydalanıp bir canlı sunum yaptırabilirsiniz  teşekkürler.











Hiç yorum yok:

Yorum Gönder