Sử dụng Schema.org để viết blog: Bài viết VS BlogPosting


23

Tôi đã làm lại trang web của mình một thời gian và tôi muốn khởi chạy nó càng nhanh càng tốt nhưng tôi muốn làm cho nó dẫn đầu nếu có thể. Tôi hiện đang sử dụng một mẫu đã được sửa đổi (tôi biết! Nhà thiết kế web sử dụng mẫu tut tut tut nhưng câu chuyện dài tôi đã có 1 tuần để có một trang web trực tiếp cũng như thực hiện kế hoạch kinh doanh cho một khoản trợ cấp kinh doanh và kể từ khi hoạt động tôi đã làm việc dẹp cho đến 2 tháng qua và chillzor của nó! thật tuyệt!). Tiến lên!

Mặc dù thiết kế rất quan trọng nhưng tôi cũng muốn có hứng thú sử dụng đánh dấu, nhưng vấn đề tôi gặp phải là Schema.org là SOOOO VAGUE! và nó hoàn toàn đập nát não tôi.

Câu hỏi khá đơn giản nhưng khá phức tạp cùng một lúc, bạn nghĩ câu nào hay nhất:

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

Điều đáng nói là tôi đã thực hiện một số nghiên cứu về vấn đề này và được cho là sự khác biệt giữa một bài đăng trên blog và một bài viết theo định nghĩa bên ngoài Schema.org là việc đăng blog thường có xu hướng từ 50 từ đến 400 từ trong khi nói chung là các bài viết chi tiết hơn và chứa 500 từ trở lên. Nhưng nhìn vào Schema.org họ liên kết một bài báo với các tạp chí và báo chí, chắc chắn điều này không đúng?

Ngoài ra, đó là một ý tưởng tốt hay xấu khi sử dụng các danh mục làm lược đồ 'từ khóa'?

Đây là đánh dấu hiện tại của tôi và tôi hoan nghênh mọi chỉ trích hoặc lời khuyên bổ sung về việc cải thiện đánh dấu hiện tại, thậm chí có thể chỉ ra những thói quen xấu <p>, ngoài ra bạn có thể xem trực tuyến tại đây và cách Google xem điều này ở đây .

<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>

CHỈNH SỬA:

Tôi hiện đang sử dụng:

<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>

Câu trả lời:


24

lược đồ.org: Bài viết, BlogPosting

Nếu một cái gì đó là một lược đồ: BlogPosting, thì đó là một lược đồ: Bài viết cũng vậy phải không? Là lược đồ: BlogPosting là một lược đồ cụ thể hơn : Bài viết :

Các loại cụ thể hơn

  • BlogPosting
  • Tin tức
  • Học giả

Vì vậy, bạn có một lược đồ: Bài viết, và bây giờ bạn có thể quyết định xem một trong những loại cụ thể hơn này có áp dụng cho nội dung của bạn không. Nếu không, hãy ở lại với lược đồ: Bài viết.

HTML5

  • Không cần titlethuộc tính trên bookmarkliên kết (vì nó chứa cùng một nội dung).

  • Bạn có thể sử dụng các timeyếu tố cho ngày xuất bản.

  • Tôi sẽ không sử dụng tiêu đề phụ cho ngày xuất bản và tác giả, vì tôi không nghĩ đó là một tiêu đề thay thế hoặc khẩu hiệu (mặc dù có thể phù hợp với nội dung thực tế của bạn). Thay vào đó, tôi sẽ bao gồm những thứ này trong một footeryếu tố :

    Một footerthông thường chứa thông tin về phần của nó, chẳng hạn như ai đã viết nó

  • Tôi sẽ không bao gồm hình ảnh trong một pyếu tố . Bạn có thể bỏ qua bất kỳ phần tử "container" nào hoặc sử dụng phần tử divnếu bạn cần.

  • Liên kết "Đọc toàn bộ bài viết ..." không nên có trong footer. Tôi sẽ sử dụng navphần tử này , vì nó là phần điều hướng chính cho phần tử đó (→ article).

  • Tôi sẽ sử dụng một dlyếu tố (hoặc a ul) cho các từ khóa.

Vì vậy, một bài viết có thể trông như:

<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>

1
+1 đây là loại thông tin và đề xuất mà tôi đang tìm kiếm! Tôi không phiền khi sử dụng thêm microdata nếu mọi người có bất kỳ ý tưởng nào!
Simon Hayter

Tôi nghĩ rằng bạn có thể sai với dấu trang, vì cho đến nay tôi cho rằng tiêu đề hoạt động như một di chuột qua cho phép cung cấp thêm thông tin trong khi dấu trang xác định permalink. Xóa thẻ tiêu đề sẽ vô hiệu hóa di chuột qua - ít nhất là trong Firefox có liên quan.
Simon Hayter

1
Có vẻ như nhiều từ khóa được cho phép ngay từ cái nhìn đầu tiên: stackoverflow.com/a/8050088/1892635
Simon Hayter

Tôi vừa cập nhật một số mã mới, bạn nghĩ sao?
Simon Hayter

@bybe: Về titlethuộc tính: Có, tooltip bị thiếu rồi. Nhưng vấn đề là: tooltip không cần thiết ở đây, vì cùng một nội dung đã có trong neo liên kết. Nội dung của titlethuộc tính không cung cấp bất kỳ thông tin mới nào ở đây. Ví dụ, đối với một số người dùng đọc màn hình, cùng một nội dung sẽ được đọc hai lần.
unor

4

Theo quan điểm và kinh nghiệm của tôi, lược đồ bài viết blog nên được sử dụng cho các bài đăng trên blog. Nó chứa tất cả các thuộc tính bạn có thể yêu cầu trên một bài đăng trên blog (mặc dù lược đồ bài viết cũng vậy).

Càng nhiều công cụ tìm kiếm sử dụng thông tin được cung cấp qua Schema, nội dung của bạn càng trở nên phù hợp nếu nó có thể được xác định chính xác (được đánh dấu). Tôi muốn liên kết lược đồ bài viết với nội dung được xuất bản bởi một tổ chức giáo dục hoặc tin tức và các tài liệu hoặc tài liệu chính thức hơn.

Câu hỏi này cũng có thể được coi là một bản sao với câu hỏi này .

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.