Blogaosting के लिए Schema.org का उपयोग करना: Article VS BlogPosting


23

मैं पिछले कुछ समय से अपनी वेबसाइट को रीमेक कर रहा हूं और मैं इसे जल्द से जल्द लॉन्च करना चाहता हूं, लेकिन अगर संभव हो तो मैं इसे बढ़त बनाना चाहता हूं। मैं वर्तमान में एक संशोधित टेम्प्लेट का उपयोग कर रहा हूं (मुझे पता है! वेब डिज़ाइनर ट्यूटर ट्यूटर का उपयोग कर रहा है ... लेकिन लंबी कहानी के लिए मेरे पास 1 सप्ताह था एक लाइव वेबसाइट पाने के साथ-साथ एक व्यवसाय अनुदान के लिए एक व्यवसाय योजना बनाने और संचालन के बाद से मैं काम कर रहा हूं। पिछले 2 महीनों और उसके चिल्ज़र तक फ्लैट! जो अच्छा है!)। आगे बढ़ते रहना!

जबकि डिजाइन महत्वपूर्ण है मैं भी मार्कअप का उपयोग करने में गहरी दिलचस्पी लेना चाहता हूं, मैं जिस समस्या का सामना कर रहा हूं वह है स्कीमा डॉट ओआरजी! और यह बिल्कुल मेरे दिमाग को चकनाचूर कर रहा है।

प्रश्न एक ही समय में सरल, बल्कि जटिल है, जिसे आप सबसे अच्छा मानते हैं:

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

यह ध्यान देने योग्य है कि मैंने इस पर पहले से ही कुछ शोध किया है और माना जाता है कि Bloga.org के बाहर एक ब्लॉग पोस्ट और परिभाषा के लेख के बीच का अंतर यह है कि ब्लॉग पोस्टिंग आमतौर पर 50 शब्दों से 400 शब्दों तक कहीं भी होती है, जबकि आम तौर पर लेख अधिक विस्तृत हैं और इसमें 500 शब्द ऊपर की ओर हैं। लेकिन स्कीमा डॉट ओआरजी को देखते हुए वे पत्रिकाओं और समाचार पत्रों के साथ एक लेख जोड़ते हैं, निश्चित रूप से यह सही नहीं है?

इसके अलावा 'कीवर्ड' स्कीमा के रूप में श्रेणियों का उपयोग करना एक अच्छा या बुरा विचार है?

यह मेरा वर्तमान मार्कअप है और मैं वर्तमान मार्कअप को बेहतर बनाने के लिए किसी भी अतिरिक्त आलोचना या सलाह का स्वागत करता हूं, शायद यहां तक ​​कि बुरी आदतों की ओर इशारा करता है <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, यह स्कीमा है: अनुच्छेद, भी, है ना? स्कीमा के रूप में: BlogPosting एक अधिक विशिष्ट स्कीमा है: अनुच्छेद :

अधिक विशिष्ट प्रकार

  • BlogPosting
  • समाचार लेख
  • ScholarlyArticle

इसलिए आपके पास एक स्कीमा है: अनुच्छेद, और अब आप यह तय कर सकते हैं कि क्या इनमें से एक अधिक विशिष्ट प्रकार आपकी सामग्री पर लागू होता है। यदि नहीं, तो स्कीमा के साथ रहें: अनुच्छेद।

एचटीएमएल 5

  • लिंक titleपर विशेषता के लिए कोई ज़रूरत नहीं है bookmark(क्योंकि इसमें समान सामग्री शामिल है)।

  • आप प्रकाशन दिनांक के लिए timeतत्व का उपयोग कर सकते हैं ।

  • मैं प्रकाशन तिथि और लेखक के लिए एक उप-शीर्षक का उपयोग नहीं करूंगा, क्योंकि मुझे नहीं लगता कि यह एक वैकल्पिक शीर्षक या एक टैगलाइन है (हालांकि यह आपकी वास्तविक सामग्री के लिए उपयुक्त हो सकता है)। इसके बजाय, मैं इन्हें एक footerतत्व में शामिल करूंगा :

    एक footerआम तौर पर इस तरह के जो इसे लिखा था के रूप में अपनी अनुभाग बारे में जानकारी शामिल ...

  • मैं एक pतत्व में छवि को शामिल नहीं करूंगा । आप किसी भी "कंटेनर" तत्व को छोड़ सकते हैं, या divयदि आपको एक की आवश्यकता हो तो उसका उपयोग कर सकते हैं।

  • लिंक "पूरा लेख पढ़ें ..." में नहीं होना चाहिए footer। मैं navतत्व का उपयोग करूंगा , क्योंकि यह उस सेक्शनिंग तत्व (→ article) के लिए मुख्य नेविगेशन है ।

  • मैं कीवर्ड के लिए एक dlतत्व (या a 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 यह उस तरह की जानकारी और सुझाव है जिसकी मुझे तलाश है! अगर लोगों के पास कोई विचार हो तो मैं अतिरिक्त माइक्रोडेटा का उपयोग करने से बुरा नहीं मानता!
साइमन हैटर

मुझे लगता है कि आप रिले बुकमार्क के साथ गलत हो सकते हैं, जहां तक ​​मुझे विश्वास है कि शीर्षक काम करता है, जबकि अतिरिक्त जानकारी प्रदान करने के लिए एक अनुमति के रूप में काम करता है, जबकि बुकमार्क पर्मलिंक को परिभाषित करता है। शीर्षक टैग को हटाने से होवर ओवर हो जाता है - कम से कम फ़ायरफ़ॉक्स में चिंतित है।
साइमन हैटर

1
: एक से अधिक कीवर्ड लगता है पहली नजर में अनुमति दी है stackoverflow.com/a/8050088/1892635
साइमन हैटर

मैंने अभी कुछ नए कोड अपडेट किए हैं, आप क्या सोचते हैं?
साइमन हैटर

@bybe: titleविशेषता के बारे में : हां, टूलटिप तब गायब है। लेकिन मुद्दा यह है: टूलटिप की यहां आवश्यकता नहीं है, क्योंकि लिंक एंकर में पहले से ही समान सामग्री मौजूद है। titleविशेषता की सामग्री यहां कोई नई जानकारी नहीं देती है। उदाहरण के लिए, कुछ स्क्रीनरीडर उपयोगकर्ताओं के लिए एक ही सामग्री दो बार पढ़ी जाएगी।
अपराह्न

4

मेरे विचार और अनुभव में, ब्लॉग पर पोस्ट के लिए ब्लॉग पोस्ट स्कीमा का उपयोग किया जाना चाहिए। इसमें वे सभी गुण शामिल हैं जिनकी आपको ब्लॉग पोस्ट पर आवश्यकता हो सकती है (यद्यपि, लेख स्कीमा करता है)।

जितना अधिक खोज इंजन स्कीमा के माध्यम से दी गई जानकारी का उपयोग करता है, उतना ही प्रासंगिक आपकी सामग्री बन जाती है यदि इसे सही तरीके से पहचाना जा सके (चिह्नित किया गया है)। मैं लेख स्कीमा को किसी समाचार या शैक्षिक संगठन द्वारा प्रकाशित सामग्री और अधिक आधिकारिक दस्तावेज़ीकरण या पत्रों की पसंद के साथ संबद्ध करूँगा।

इस प्रश्न को इस एक के साथ एक डुप्लिकेट भी माना जा सकता है ।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.