ใช้ Schema.org สำหรับบล็อก: บทความ VS การโพสต์บล็อก


23

ฉันได้ทำการปรับปรุงเว็บไซต์ของฉันมาระยะหนึ่งแล้วและฉันต้องการเปิดใช้งานให้เร็วที่สุดเท่าที่จะเป็นไปได้ แต่ฉันต้องการทำให้เป็นผู้นำถ้าเป็นไปได้ ขณะนี้ฉันใช้เทมเพลตที่แก้ไขแล้ว (ฉันรู้! นักออกแบบเว็บไซต์โดยใช้ tut tut tut … แต่เรื่องสั้นสั้นฉันมีเวลา 1 สัปดาห์ในการรับเว็บไซต์สดรวมทั้งทำแผนธุรกิจสำหรับทุนธุรกิจและตั้งแต่ปฏิบัติการมา แบนออกไปจนถึง 2 เดือนที่ผ่านมาและชิลเลอร์ของมันซึ่งเป็นสิ่งที่ดี!) กำลังเดินทางไป!

ในขณะที่การออกแบบเป็นสิ่งสำคัญฉันยังต้องการที่จะกระตือรือร้นในการใช้มาร์กอัปปัญหาที่ฉันพบคือ Schema.org คือ SOOOO VAGUE! และสมองของฉันก็ยอดเยี่ยมอย่างแน่นอน

คำถามนั้นค่อนข้างเรียบง่าย แต่ค่อนข้างซับซ้อนในเวลาเดียวกันซึ่งคุณคิดว่าดีที่สุด:

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

เป็นมูลค่าการกล่าวขวัญว่าฉันได้ทำการวิจัยบางอย่างแล้วและความแตกต่างระหว่างโพสต์บล็อกและบทความตามคำนิยามนอก Schema.org คือการโพสต์บล็อกมักจะอยู่ที่ใดก็ได้จาก 50 คำถึง 400 คำในขณะที่บทความทั่วไป มีรายละเอียดเพิ่มเติมและมี 500 คำขึ้นไป แต่เมื่อดูจาก Schema.org พวกเขาเชื่อมโยงบทความกับนิตยสารและหนังสือพิมพ์แน่นอนว่ามันไม่ถูกต้อง?

เป็นความคิดที่ดีหรือไม่ดีที่จะใช้หมวดหมู่เป็นสคีมา 'คำหลัก' หรือไม่

นี่คือมาร์กอัปปัจจุบันของฉันและฉันยินดีให้คำวิจารณ์ใด ๆ เพิ่มเติมหรือคำแนะนำเกี่ยวกับการปรับปรุงมาร์กอัปปัจจุบันอาจยังชี้ให้เห็นนิสัยที่ไม่ดีของ<p>นอกจากนี้คุณสามารถดูออนไลน์ได้ที่นี่และวิธีการที่ Google ดูนี้ที่นี่

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

แก้ไข:

ตอนนี้ฉันกำลังใช้:

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

คำตอบ:


24

schema.org: บทความ, บล็อกโพสต์

หากสิ่งที่เป็นสคีมา: บล็อกโพสต์เป็นสคีมา: บทความด้วยใช่ไหม ตามสคีมา: การโพสต์บล็อกเป็นสคีมาที่เฉพาะเจาะจงมากขึ้น: บทความ :

ประเภทที่เฉพาะเจาะจงมากขึ้น

  • BlogPosting
  • หัวข้อข่าว
  • ScholarlyArticle

ดังนั้นคุณจึงมีสคีมา: บทความและตอนนี้คุณอาจตัดสินใจว่าหนึ่งในประเภทที่เฉพาะเจาะจงเหล่านี้สามารถใช้กับเนื้อหาของคุณได้หรือไม่ ถ้าไม่อยู่กับสคี: บทความ

HTML5

  • ไม่จำเป็นต้องมีtitleแอตทริบิวต์ในbookmarkลิงก์ (เนื่องจากมีเนื้อหาเดียวกัน)

  • คุณสามารถใช้timeองค์ประกอบสำหรับวันที่เผยแพร่

  • ฉันจะไม่ใช้หัวเรื่องย่อยสำหรับวันที่เผยแพร่และผู้เขียนเนื่องจากฉันไม่คิดว่าเป็นชื่อสำรองหรือสโลแกน (อาจเหมาะสมกับเนื้อหาจริงของคุณ) แต่ฉันจะรวมสิ่งเหล่านี้ในfooterองค์ประกอบ :

    footerมักจะมีข้อมูลเกี่ยวกับส่วนเช่นที่เขียนมัน ...

  • ฉันจะไม่รวมภาพในส่วนองค์ประกอบp คุณสามารถละเว้นองค์ประกอบ "คอนเทนเนอร์" หรือใช้ a divถ้าคุณต้องการ

  • การเชื่อมโยง "อ่านบทความเต็มรูปแบบ ..." footerไม่ควรจะอยู่ใน ฉันจะใช้navองค์ประกอบเนื่องจากเป็นการนำทางหลักสำหรับองค์ประกอบการแบ่งส่วน (→ article)

  • ฉันจะใช้dlองค์ประกอบ (หรือul) สำหรับคำหลัก

บทความอาจมีลักษณะดังนี้:

<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 นี่คือข้อมูลและคำแนะนำที่ฉันกำลังมองหา! ฉันไม่รังเกียจที่จะใช้ microdata เพิ่มเติมหากผู้คนมีความคิดใด ๆ !
Simon Hayter

ฉันคิดว่าคุณอาจจะผิดกับบุ๊คมาร์ค rel เท่าที่ฉันยืมเชื่อว่าชื่องานเป็นโฮเวอร์มากกว่าอนุญาตให้ข้อมูลเพิ่มเติมที่จะให้ในขณะที่คั่นหน้ากำหนด Permalink การลบแท็ก title จะเป็นการปิดการใช้โฮเวอร์ - อย่างน้อยก็ใน Firefox
Simon Hayter

1
ดูเหมือนว่าจะอนุญาตให้ใช้คำหลักหลายคำได้อย่างรวดเร็ว: stackoverflow.com/a/8050088/1892635
Simon Hayter

ฉันเพิ่งปรับปรุงด้วยรหัสใหม่คุณคิดอย่างไร?
Simon Hayter

@bybe: เกี่ยวกับtitleคุณลักษณะ: ใช่คำแนะนำเครื่องมือจะหายไป แต่ประเด็นคือ: ไม่จำเป็นต้องใช้คำแนะนำเครื่องมือที่นี่เนื่องจากมีเนื้อหาเดียวกันอยู่ในลิงค์จุดยึด เนื้อหาของtitleแอตทริบิวต์ไม่ได้ให้ข้อมูลใหม่ที่นี่ ตัวอย่างเช่นสำหรับผู้ใช้โปรแกรมอ่านหน้าจอบางคนเนื้อหาเดียวกันจะถูกอ่านสองครั้ง
UNOR

4

ในมุมมองและประสบการณ์ของฉันโพสต์บล็อกควรใช้สำหรับการโพสต์บนบล็อก มันมีคุณสมบัติทั้งหมดที่คุณอาจต้องใช้ในการโพสต์บล็อก (แม้ว่าจะ schema บทความ)

ยิ่งเครื่องมือค้นหาใช้ข้อมูลที่ให้ผ่านทาง Schema ยิ่งมีความเกี่ยวข้องกับเนื้อหาของคุณมากขึ้นหากสามารถระบุได้อย่างถูกต้อง (ถูกทำเครื่องหมายไว้) ฉันจะเชื่อมโยงบทความสคีมากับเนื้อหาที่เผยแพร่โดยข่าวหรือองค์กรการศึกษาและสิ่งที่ชอบของเอกสารหรือเอกสารที่เป็นทางการมากกว่า

คำถามนี้ยังอาจได้รับการพิจารณาซ้ำกันกับคนนี้

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.