웹 페이지 제작 웹 텍스 기사 소개 : 리치 웹 요약 및 구조화 된 태그 (RDFA)를 통해 검색 엔진을 알려줍니다.
우리 모두 알다시피, 검색 엔진 (Google Baidu)은 많은 인터넷 서비스 제공 업체에게 필수 싸움 장소입니다. 전자 상거래 공급자이든 컨텐츠 제공 업체이든이 전장을 매우 중요하게 생각합니다. 다양한 SEO SEM 메소드를 통해 뷰어로부터 클릭을 얻을 수 있습니다. 따라서 사용자 경험 측면에서 검색 엔진 측면에서 어떤 기사를 수행 할 수 있습니까? 어쩌면 많은 사람들이 제목, 설명, 키워드 외에도 검색 엔진 이이 페이지를 이해하는 데 도움이 될 수 없다고 생각합니다. 사실, 당신은 틀 렸습니다. Google은 검색 할 때 사용자가 페이지에서 흥미로운 유용한 정보를 더 빨리 볼 수 있도록 할 수있는 기회를 제공했습니다.
그럼 어떻게해야합니까? 주제를 소개했습니다.
풍부한 웹 페이지 요약 (Microdata, Microformat 및 RDFA)이 사양은 매우 추상적 인 것처럼 보이며 입을 우회합니다. 영어의 원래 의미는 풍부한 스 니펫 (마이크로 데이터, 마이크로 형식 및 RDFA)으로 이해하기가 조금 더 쉬운 것 같습니다. 따라서 웹 페이지 스 니펫 및 구조화 된 데이터를 풍부하게하는 데있어 실제로 Microdata, Microformats 및 RDFA (Microdata, Microformats 및 RDFA) 태그 태그를 사용하여 HTML 소스 코드를 편집하는 프론트 엔드 엔지니어이며, 가능한 한 빨리 Google 정보를 통해 Google (Google)에 유용한 정보를 전달하여 웹 페이지를 더 정확하게 정확하게 표현할 수 있습니다.
텍스트 설명을 사용하는 것만으로 이해하기가 약간 추상적 인 것 같습니다. 아래의 예를 살펴 보겠습니다. 갑자기 그것을 깨닫게 될 것입니다. ^dish ^:
Douban은 RDFA를 사용하여 Google을 제공하여 "1988 나는이 세상과 이야기하고 싶습니다"
우리가 보는 것은 Douban이 제공 한 페이지를 크롤링 할 때 Google이 얻는 정보입니다. 제목 아래 줄의 등급 수는 RDFA이며 역할을 수행합니다 ~~~
그래서 Doubans는 무엇을했는지, Google의 보스와 어떻게 이야기했으며, 풀뿌리 웹 마스터로서 그들은이 보스와 이야기 할 수 있습니까? 대답은 예입니다. 물론 Google은 다음 유형의 정보 만 지원합니다. 주석, 사용자 프로필, 제품, 판매자 정보, 레시피 및 이벤트.
Google에 페이지의 비밀을 알려주는 세 가지 방법은 다음과 같습니다.
MicroData를 사용하여 콘텐츠를 표시하고 Google에 정보를 알려줍니다.MicroData는 실제로 특정 유형의 정보를 설명하기위한 태깅 컨텐츠 유형 인 HTML5에서 제안한 사양입니다. Microdata는 HTML 태그 (종종 <span> 또는 <div>)의 간단한 속성을 사용하여 항목 및 속성에 대한 간단한 설명 이름을 지정합니다.
간단한 HTML 구조는 다음과 같습니다.
<div> 내 이름은 Bob Smith이지만 사람들은 나를 Smithy라고 부릅니다. 내 홈페이지는 다음과 같습니다. <a href =/upload/201110/201110/2011101010291316163NW.gif "loaded ="true "or
Google은 Micro Data에서 제공하는 정보 전설을 캡처합니다
마이크로 데이터를 사용하면 참조 사양 세트, 즉 itemType = http : //data-vocabulary.org/person에주의를 기울여야합니다. 물론 페이지가 다른 정보를 설명 할 때
리뷰 (itemtype = http : //data-vocabulary.org/reviews) 사람 (itemtype = http : //data-vocabulary.org/person) 제품 (itemtype = http : //data-vocabulary.org/products) 비즈니스 및 조직 (itemtype = http : //data-vocabulary.org/organizations) 레시피 (itemtype = http : //data-vocabulary.org/recipes) 이벤트 (itemtype = http : //data-vocabulary.org/events) 비디오에 대해 이야기 할 것입니다.마이크로 기름은 특정 유형의 정보를 설명하는 웹 페이지에서 사용되는 간단한 사양 ( 엔티티 라고 함)입니다. 일반적으로, 마이크로 기유는 HTML 태그 (종종 & lt; 또는 & lt; div & gt;)의 클래스 속성을 사용하여 엔티티와 그 속성에 간단한 설명 이름을 할당합니다.
간단한 HTML 구조는 다음과 같습니다.
<div> <img src = www.example.com/bobsmith.jpg/> <strong> Bob Smith </strong> ACME Reviews 200 Main St Desertville, AZ 12345 </div </div.
html은 미세 기름으로 태그를 지정합니다
<div class = vcard> <img class = photo src = www.example.com/bobsmith.jpg/> <strong class = fn> bob smith </strong> <span class = title> senior editor </span> at <span class = org> acme reviews </span> <span class = adr> <span class = street-address> 200 기본 st> <span class = region> az </span> <span class = postal-code> 12345 </span> </span> </div>
미세 기유 사람 데모
Google에서 캡처 한 정보 :
Google은 마이크로 형식 정보 전설로 기어 다닙니다
마이크로 기형을 구조화 된 설명으로 사용하면 클래스 =에주의를 기울여야합니다. Google 은이 클래스 태그를 통해 구조 정보를 얻습니다.
리뷰 (class = hreview) 사람 (class = vcard) 제품 () 제품 및 조직 (class = vcard class = fn org) 레시피 (class = hrecipe) 이벤트 (class = vevent) 비디오 이것은 더 특별하며 rdfa를 사용하여 Google 정보를 알리기 위해 컨텐츠를 표시하는 것에 대해 이야기 할 것입니다.RDFA는 콘텐츠를 표시하고 특정 유형의 정보를 설명하는 방법입니다. 일반적으로 RDFA는 XHTML 태그 (종종 & lt; span & gt; 또는 & lt; div & gt;)에서 간단한 속성을 사용하여 간단한 설명 이름을 엔터티 및 속성에 할당합니다.
간단한 HTML 구조는 다음과 같습니다.
<div> 내 이름은 Bob Smith이지만 사람들은 나를 Smithy라고 부릅니다. 내 홈페이지는 다음과 같습니다. <a href =/upload/201110/201110/201110101029131617pr6.gif "loaded ="true "or
Google은 RDFA가 제공하는 인포 그래픽 범례를 크롤링합니다
태깅에 RDFA를 사용하고 처음에는 XMLN의 네임 스페이스 선언을 사용합니다. xmlns : v = http : //rdf.data-vocabulary.org/# 네임 스페이스 선언으로 구조를 시작하고 설명 할 다른 유형을 선택하십시오. 예를 들어, 유형 = V : 위의 예에서 사람입니다. 선언을 호출 할 때 엔딩 슬래시와 #을 사용해야합니다.
리뷰 (typeof = v : 검토-응집체) 사람 (typeof = v : person) 제품 () 비즈니스 및 조직 (typeof = v : 조직) 레시피 (typeof = v : 레시피) 이벤트 (typeof = v : event) 비디오 더 특별하고 나중에 논의 할 것입니다.위의 세 가지 구조 마크를 간단히 소개합니다. 물론 각 풍부한 컨텐츠 구조화 된 마크에는 다른 엔티티 속성에 대한 설명이 있습니다. 나중에이 내용을 더 자세히 소개하겠습니다.