Menggunakan Schema.org untuk blog: Artikel VS BlogPosting

23

Saya telah membuat ulang situs web saya untuk beberapa waktu sekarang dan saya ingin meluncurkannya secepat mungkin tetapi saya ingin membuatnya terdepan jika memungkinkan. Saat ini saya menggunakan templat yang dimodifikasi (saya tahu! Desainer web menggunakan templat tut ... tetapi singkatnya saya punya 1 minggu untuk mendapatkan situs web langsung serta melakukan rencana bisnis untuk hibah bisnis dan sejak beroperasi saya telah bekerja mendatar sampai 2 bulan terakhir dan pendinginnya! yang bagus!). Bergerak!

Meskipun desainnya penting, saya juga ingin menggunakan markup, tetapi masalah yang saya temui adalah Schema.org adalah SOOOO VAGUE! dan itu benar-benar menghancurkan otakku.

Pertanyaannya agak sederhana tetapi agak kompleks pada saat yang sama, mana yang menurut Anda paling baik:

  1. itemtype = "http://schema.org/Article"
  2. itemtype = "http://schema.org/BlogPosting"

Perlu disebutkan bahwa saya telah melakukan beberapa penelitian dalam hal ini dan seharusnya adalah perbedaan antara posting blog dan artikel menurut definisi di luar Schema.org adalah bahwa posting blog umumnya cenderung di mana saja dari 50 kata menjadi 400 kata sementara umumnya artikel lebih detail dan berisi 500 kata ke atas. Tetapi melihat di Schema.org mereka mengasosiasikan sebuah artikel dengan majalah dan surat kabar, tentunya ini tidak benar?

Juga apakah ide yang baik atau buruk untuk menggunakan kategori sebagai skema 'kata kunci'?

Ini adalah markup saya saat ini dan saya menerima kritik atau saran tambahan untuk meningkatkan markup saat ini, bahkan mungkin menunjukkan kebiasaan buruk <p>, selain itu Anda dapat melihatnya secara online di sini dan bagaimana Google melihatnya di sini .

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="Why all of your website designs should be responsive" href="#just-a-test3">Why all of your website designs should be responsive</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-25</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup3.png" alt="markup3"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test3">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="101 Ways of Grabbing Your Audience Less than 0.1secs" href="#just-a-test2">101 Ways of Grabbing Your Audience Less than 0.1secs</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-12</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup2.png" alt="markup2"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test2">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="10 Top Design Tips" href="#just-a-test1">10 Top Design Tips</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-11</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup1.png" alt="markup1"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test1">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

EDIT:

Saya sekarang menggunakan:

<article itemscope itemtype="http://schema.org/BlogPosting">

    <header>
        <h1 itemprop="name"><a rel="bookmark" title="Title Description" href="#">Article Header</a></h1>
        <dl>
            <dt>Publish Date:</dt>
            <dd><time itemprop="datePublished">2013-01-25</time></dd>
            <dt>Authors:</dt>
            <dd><a rel="author" href="#">Author Name</a></dd>
        </dl>
    </header>  

    <div class="blog-container">
        <a title="Title Description" class="th" href="#">
            <img width="870" height="400" itemprop="image" alt="Alt Text here" class="post" src="#">
        </a>
        <p itemprop="description">A long but not to long decription</p>
        <a itemprop="url" title="Title Description" href="#" class="creading">Continue Reading</a>
    </div>

    <footer>
        <dl>
            <dt>Filed Under:</dt> 
            <dd itemprop="keywords"><a rel="category" title="Title Description" href="#">Responsive Design</a></dd>
            <dd itemprop="keywords"> <a rel="category" title="View all posts in Website Design" href="#">Website Design</a></dd>
        </dl>
    </footer>

</article>
html html5 microdata markup schema.org Simon Hayter
sumber

Jawaban:

24

schema.org: Artikel, BlogPosting

Jika sesuatu skema: BlogPosting, ini skema: Artikel juga, bukan? Sebagai skema: BlogPosting adalah skema yang lebih spesifik : Artikel :

Jenis yang lebih spesifik

  • BlogPosting
  • Artikel berita
  • Artikel Cendekia

Jadi, Anda memiliki skema: Artikel, dan sekarang Anda dapat memutuskan apakah salah satu dari jenis yang lebih spesifik ini berlaku untuk konten Anda. Jika tidak, tetap dengan skema: Artikel.

HTML5

  • Tidak perlu titleatribut pada bookmarktautan (karena mengandung konten yang sama).

  • Anda dapat menggunakan timeelemen untuk tanggal publikasi.

  • Saya tidak akan menggunakan subtitle untuk tanggal publikasi dan penulis, karena menurut saya itu bukan judul alternatif atau tagline (mungkin cocok untuk konten Anda yang sebenarnya). Sebagai gantinya, saya akan memasukkan ini dalam sebuah footerelemen :

    A footerbiasanya berisi informasi tentang bagiannya seperti siapa yang menulisnya ...

  • Saya tidak akan menyertakan gambar dalam pelemen . Anda bisa menghilangkan elemen "wadah" apa pun, atau menggunakan divjika Anda membutuhkannya.

  • Tautan "Baca artikel lengkap ..." tidak boleh ada di footer. Saya akan menggunakan navelemen , karena ini adalah navigasi utama untuk elemen sectioning (→ article).

  • Saya akan menggunakan dlelemen (atau a ul) untuk kata kunci.

Jadi sebuah artikel dapat terlihat seperti:

<article itemscope itemtype="http://schema.org/Article">

  <h1 itemprop="name headline"><a rel="bookmark" href="#just-a-test3">Why all of your website designs should be responsive</a></h1> 
  <!-- no need for 'header', but can be added if needed -->

  <footer>
    Publish Date: <time itemprop="datePublished">2013-01-25</time> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a>
    <!-- 'dl' could be used if you use "Author:" instead of "by:" -->
  </footer>

  <img itemprop="image" src="http://www.bybe.net/downloads/markup3.png" alt="markup3">

  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>

  <nav>
    <a itemprop="url" class="more-link" href="#just-a-test3">Read the full article...</a>
  </nav>

  <footer>
    <dl>
      <dt>Filed Under</dt>
      <dd itemprop="keywords"><a href="#">Responsive Design</a></dd>
      <dd itemprop="keywords"><a href="#">Website Design</a></dd>
    </dl>
  </footer>

</article>
unor
sumber
1
+1 ini adalah jenis informasi dan saran yang saya cari! Saya tidak keberatan menggunakan mikrodata tambahan jika orang punya ide!
Simon Hayter
Saya pikir Anda bisa saja salah dengan bookmark rel, sejauh ini saya percaya bahwa judul berfungsi sebagai arahkan kursor memungkinkan informasi tambahan diberikan sementara bookmark menentukan permalink. Menghapus tag judul menonaktifkan hover over - setidaknya di Firefox yang bersangkutan.
Simon Hayter
1
Tampaknya beberapa kata kunci diizinkan pada pandangan pertama: stackoverflow.com/a/8050088/1892635
Simon Hayter
Saya baru saja memperbarui dengan beberapa kode baru, bagaimana menurut Anda?
Simon Hayter
@bybe: Mengenai titleatribut: Ya, tooltip tidak ada. Tetapi intinya adalah: tooltip tidak diperlukan di sini, karena konten yang sama sudah ada di jangkar tautan. Konten titleatribut tidak memberikan informasi baru di sini. Misalnya, untuk beberapa pengguna screenreader konten yang sama akan dibaca dua kali.
unor
4

Dalam pandangan dan pengalaman saya, skema posting blog harus digunakan untuk posting di blog. Ini berisi semua properti yang mungkin Anda butuhkan di posting blog (meskipun demikian, skema artikel).

Semakin mesin pencari menggunakan informasi yang disediakan melalui Skema, konten Anda menjadi lebih relevan jika dapat diidentifikasi dengan benar (ditandai). Saya akan mengaitkan skema Artikel dengan konten yang diterbitkan oleh organisasi berita atau pendidikan dan suka dengan dokumentasi atau makalah yang lebih resmi.

Pertanyaan ini juga bisa dianggap duplikat dengan yang ini .

zigojacko
sumber