HTML 마이크로 데이터 및 schema.org를 사용하여 블로그 게시물을 인용하는 방법은 무엇입니까?

내 목표는 HTML 마이크로 데이터를 사용하여 블로그 게시물을 인용하는 것입니다.HTML 마이크로 데이터 및 schema.org를 사용하여 블로그 게시물을 인용하는 방법은 무엇입니까?

인용에 대해 다음 마크 업을 어떻게 향상시킬 수 있습니까?

저는 HTML5 표준과 잘 작동하고 현재 브라우저에서 잘 렌더링되며 검색 엔진에서 잘 분석되는 결과를 내기 위해 구문과 의미에 대한 개선을 모색 중입니다.

이 질문에 대한 현상금은 전문가의 조언과 조언을위한 것입니다. 저의 연구는 많은 의견과 발췌 문장을 보여 주므로 명확한 답변, 완전한 샘플 및 표준 문서를 찾고 있습니다.

이 진행중인 내 작품이며,이 정확성의에 내가 조언을 추구 해요 :

사용 <div class="citation"> 모든 것을 감싸는.
itemscope 및 BlogPost과 함께 <article>을 사용하여 중첩 된 정보를 포함한 게시물 정보를 래핑하십시오.
<header> 및 <h1 itemprop="headline">을 사용하여 이름 링크를 마무리하십시오.
게시물 이름을 랩핑하려면 <cite>을 사용하십시오.
<footer>을 사용하여 저자 정보 및 블로그 정보를 포장하십시오.
<address>을 사용하여 작성자 링크와 이름을 묶습니다.
rel="author"을 사용하여 작성자의 이름에 링크로 주석을 답니다.

블로그에 게시물을 연결하려면 itemprop="isPartOf"을 사용하십시오.

<!-- Hello World authored by Alice posted on Bob's blog --> 
<div class="citation"> 
    <article itemscope itemtype="http://schema.org/BlogPosting"> 
    <header> 
     <h1 itemprop="headline"> 
     <a itemprop="url" href="…"> 
      <cite itemprop="name">Hello World</cite> 
     </a> 
     </h1> 
    </header> 
    <footer> 
     authored by 
     <span itemprop="author" itemscope itemtype="http://schema.org/Person"> 
     <address> 
      <a itemprop="url" rel="author" href="…"> 
      <span itemprop="name">Alice</span> 
      </a> 
     </address> 
     </span> 
     posted on 
     <span itemprop="isPartOf" itemscope itemtype="http://schema.org/Blog"> 
     <a itemprop="url" href="…"> 
      <span itemprop="name">Bob's blog</span> 
     </a> 
     </span> 
    </footer> 
    </article> 
</div>

관련 지금까지 노트 :

<cite> 태그 W3 참조 태그는 "구문 수준"말한다 그래서,

이 진행 HTML 소스에서 내 작품이다 블록 div가 아닌 인라인 스팬처럼 작동합니다. 그러나 <article> 태그는 <h1>, <header>, <footer>을 사용하면 도움이되는 것으로 보입니다. 내가 말할 수있는 것처럼,이 사양은 을 감싸기 위해 <cite>을 사용하여 기사를 인용 할 수있는 해결책을 제시하지 못한다. 이 해결책이나 해결 방법이 있습니까? <address> 태그 W3 참조가 콘텐츠를 말한다

(진행중인 작업은 <div class="citation">를 사용하여이 작업을 fudges) "주소 요소는 해당 주소가 실제로 관련 연락처 정보가 아니라면, 임의의 주소를 표시하는 데 사용해서는 안가." 내가 말할 수있는 한, 사양은 기사의 연락처 정보와 구별되는 기사 작성자의 URL과 이름을 표시하는 솔루션을 제공하지 않습니다. 이 해결책이나 해결 방법이 있습니까?

는 의견에 질문을하시기 바랍니다 (진행중인 작업은 저자의 URL과 이름을 <address>을 사용하여이 작업을 fudges). 내가 더 많이 배울 때 나는이 지위를 갱신 할 것이다.

출처

2014-12-01 joelparkerhenderson

"* 최고의 마크 업에 무엇입니까 ? * "- 'best'를 정의하십시오. 또한이 질문이 "의견에 근거한"것이 아닌 설명하는 것이 좋습니다. –

의견을 기반으로하지 않으려면 표준 문서에서와 같이 표준이 무엇인지 또는 검색 엔진이 이해할 수 있는지 (웹 마스터의 경우 해당 설명서에서 지원할 수 있음) 질문 할 수 있습니다. –

어디서 그런 인용문이 나옵니까, 그 문맥은 무엇입니까? – unor

당신이 당신의 예를 보지 않고 게시물 (OP’s context)를 블로그에 링크 목록에 사용할 마크 업을하는 나에게 묻는 것, 나는 이런 식으로 뭔가 함께 갈 것 :

<body itemscope itemtype="http://schema.org/WebPage"> 

<ul> 
    <li> 
    <cite itemprop="citation" itemscope itemtype="http://schema.org/BlogPosting"> 
     <a href="…" itemprop="url" rel="external"><span itemprop="name headline">Hello World</span></a>, 
     authored by <span itemprop="author" itemscope itemtype="http://schema.org/Person"><a href="…" itemprop="url" rel="external"><span itemprop="name">Alice</span></a></span>, 
     posted on <span itemprop="isPartOf" itemscope itemtype="http://schema.org/CreativeWork"><a href="…" itemprop="url" rel="external"><span itemprop="name">Bob’s blog</span></a></span>. 
    </cite> 
    </li> 
    <li> 
    <cite itemprop="citation" itemscope itemtype="http://schema.org/BlogPosting">…</cite> 
    </li> 
</ul> 

</body>

귀하의 사례에서와 같이 sectioning content element article을 사용하는 것은 확실히 가능합니다. (아마도 귀하의 유스 케이스를 올바르게 이해한다면) : article은 sectioning content 요소이므로 문서 개요에 항목을 작성합니다. 네가 원하는대로하지 마라. 예를 들어 check the outline with the HTML5 Outliner 일 수 있습니다.

섹션 내용 요소가 최상의 선택이 아닐 수도 있다는 또 다른 표시입니다. article에는 실제 "기본"콘텐츠가 없습니다. 간단히 말해서, 섹션 콘텐츠 요소의 주요 내용은 메타 데이터 (예 : header, footer 및 address 요소)를 제거하여 확인할 수 있습니다. (명시 적으로 명시된 것은 아니지만, Sections의 정의에서 따릅니다.)

그러나이 내용을 가지고 있지 않으면 이 잘못된이 아닙니다. 나는 '

<article> 
    <header></header> 
    <blockquote></blockquote> <!-- the non-metadata part of the article --> 
    <footer></footer> 
</article>

을 : 그리고 당신은 블로그 게시물에서 조각을 인용 것 하나 쉽게 상상할 수있는 (그리고 어쩌면 당신이 그렇게 어쨌든 할 의도) 당신이 것이 경우, (이 경우 similar to a search result entry을) 더 나아가 article을 사용한다고 가정합니다. 당신의 HTML5에 대한

노트 :

는 의미 적, 포장 div가 필요하지 않습니다. citation 클래스를 article에 직접 추가 할 수 있습니다.
header element은 optional if it just contains a heading element입니다.이 요소는 헤더가 단순한 제목 요소 이상으로 구성되어있을 때 유용합니다. 그러나 그것이 잘못되어있는 것은 아닙니다.
a 요소를 cite element에 포함하는 것을 선호합니다 (사양의 다섯 번째 예와 유사).
span 요소는 phrasing content 만 포함 할 수 있으므로 address은 자식으로 사용할 수 없습니다.
address element은 연락처 정보가있는 경우에만 사용해야합니다. 따라서이 요소가 적절한 경우 연결된 페이지에서 사용할 수있는 항목에 따라 달라집니다. 연락처 양식 인 경우 예. 그것이 작성된 블로그 게시물의 목록 인 경우 아니요.
author link type은 article 요소 작성자에 대한 정보를 제공하기 위해 정의 되었기 때문에 적절하지 않을 수 있습니다. 그러나 엄밀히 말하면, 은 저자입니다.article이 블로그 게시물 작성자의 실제 콘텐츠로만 구성되는 경우 author 링크 유형을 사용하는 것이 적절할 수 있습니다. 그러나 귀하의 경우에는 귀하가 작성한 내용 ("작성자", "게시자")이됩니다.
all external links에 external link type을 사용할 수 있습니다. 당신의 마이크로 데이터에 대한

참고 :

당신은 Schema.org 속성 headline 및 namein the same itemprop (separated with space)을 지정할 수 있습니다.
Schema.org의 citation propertyarticle에 (당신이 CreativeWork 또는 그 하위 유형 중 하나의 부모 유형을 지정해야하는, 즉, 그것은 귀하의 경우에도 AboutPage 어쩌면 WebPage 또는 수).

당신의 예 촬영이 줄 것이다 :

<body itemscope itemtype="http://schema.org/WebPage"> 

<article itemprop="citation" itemscope itemtype="http://schema.org/BlogPosting" class="citation"> 
    <header> 
     <h1> 
      <cite itemprop="headline name"><a itemprop="url" href="…" rel="external">Hello World</a></cite> 
     </h1> 
    </header> 
    <footer> 
     authored by 
     <span itemprop="author" itemscope itemtype="http://schema.org/Person"> 
      <a itemprop="url" href="…" rel="external"><span itemprop="name">Alice</span></a> 
     </span> 
     posted on 
     <span itemprop="isPartOf" itemscope itemtype="http://schema.org/Blog"> 
     <a itemprop="url" href="…" rel="external"><span itemprop="name">Bob’s blog</span></a> 
     </span> 
    </footer> 
</article> 

</body>

(고려 모든 일을, 난 여전히 섹션 - 덜 변형을 선호합니다.)

출처

2014-12-04 15:04:44 unor

이것은 멋진 정보입니다, 정말 고마워요! – joelparkerhenderson

HTML 마이크로 데이터 및 schema.org를 사용하여 블로그 게시물을 인용하는 방법은 무엇입니까?

답변

관련 문제