Використання Schema.org для ведення блогів: Стаття VS BlogPosting


23

Я переробляю свій веб-сайт вже деякий час, і хочу запустити його якомога швидше, але хочу, щоб це було передній край, якщо це можливо. В даний час я використовую модифікований шаблон (я знаю! Веб-дизайнер, використовуючи шаблон tut tut ... але короткий короткий сюжет, у мене був 1 тиждень, щоб отримати веб-сайт в реальному часі, а також робити бізнес-план для отримання бізнес-гранту, і з часу роботи я працюю квартира до останніх 2 місяців та її chillzor! що приємно!). Жити далі!

Хоча дизайн важливий, я також хочу захопитись розміткою, але проблема, з якою я стикаюся, полягає в тому, що 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

Якщо щось є схемою: BlogPosting, це схема: Стаття теж, чи не так? Як схема: BlogPosting є більш конкретною схемою: Article :

Більш конкретні типи

  • BlogPosting
  • NewsArticle
  • Наукова стаття

Отже, у вас є схема: Article, і тепер ви можете вирішити, чи застосовується один із цих більш конкретних типів до вашого вмісту. Якщо ні, дотримуйтесь схеми: Стаття.

HTML5

  • Немає потреби в titleатрибуті bookmarkпосилання (оскільки він містить однаковий вміст).

  • Ви можете використовувати timeелемент для дати публікації.

  • Я б не використовував підзаголовок для дати публікації та автора, оскільки я не вважаю, що це альтернативна назва або теговий рядок (можливо, це відповідатиме вашому фактичному вмісту). Натомість я б включив їх у footerелемент :

    footerЗазвичай містить інформацію про розподіл , наприклад , як хто це написав ...

  • Я б не включав зображення в pелемент . Ви можете опустити будь-який елемент "контейнера" ​​або використовувати його, 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 - це така інформація та пропозиції, яку я шукаю! Я не проти використовувати додаткові мікродані, якщо люди мають якісь ідеї!
Simon Hayter

Я думаю, що ви можете помилитися з відносною закладкою, наскільки я вважаю, що заголовок працює як наведення курсора на миші, що дозволяє надати додаткову інформацію, тоді як закладка визначає постійну посилання. Якщо вилучити тег заголовка, вимкніть наведення курсору - принаймні, це стосується Firefox.
Simon Hayter

1
Здається, на перший погляд дозволено кілька ключових слів: stackoverflow.com/a/8050088/1892635
Simon Hayter

Я щойно оновив якийсь новий код, як ви думаєте?
Саймон Хейтер

@bybe: Щодо titleатрибута: Так, підказка тоді відсутня. Але справа в тому, що підказка тут не потрібна, оскільки той самий вміст уже присутній у посиланні на якорі. Зміст titleатрибута не дає тут ніякої нової інформації. Наприклад, для деяких користувачів екранізаторів один і той же вміст буде прочитаний двічі.
unor

4

На мій погляд та досвід, для публікацій у блозі слід використовувати схему публікацій у блозі. Він містить усі властивості, які вам можуть знадобитися в публікаціях блогу (хоча це стосується і статті статті).

Чим більше пошукова система використовує інформацію, надану за допомогою схеми, тим релевантнішим стає ваш вміст, якщо його можна правильно визначити (позначається). Я б пов'язував схему статей із вмістом, опублікованим новинами чи освітніми організаціями, та більше подібних до офіційних документів чи робіт.

Це питання також можна вважати дублікатом цього .

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.