웨이보 메타태그


Weibo Meta Tags

Weibo Meta Tags, Weibo Meta Tags는 오픈 그래프 프로토콜에 따라 기존 메타 태그를 지원하고 호환되며, 국가 조건에 따라 오픈 그래프에 적용할 수 없는 개체 유형이나 속성을 제한적으로 만듭니다. 확장 마크업. 오픈그래프와 함께 사용할 수 있습니다.


Weibo 메타태그를 구성하는 이유는 무엇인가요?


전통적인 인터넷 정보 단위는 웹 페이지와 URL을 색인화 및 유통의 단서로 삼는 경우가 많습니다. Weibo 메타 태그를 정의하면 웹 페이지에 침투하고, 인터넷의 개체를 정확하게 색인화하고, 인터넷의 콘텐츠 형식을 지정하고 관리할 수 있습니다. 형식화된 개체 데이터를 사용하면 사용자에게 유연하고 확장 가능하며 읽기 쉬운 콘텐츠 표시 모듈을 제공할 수 있습니다.


객체 유형을 정의하는 방법은 무엇입니까? 유사 구성요소는 어떤 객체 유형을 지원합니까?

먼저 웹페이지에서 표현하는 내용을 기반으로 이 웹페이지의 객체 유형을 정의해야 합니다.


1. 정의 방법:

웹사이트 페이지의 <head> 태그에

HTML
<meta property="og: type" content="객체 유형" //>

또는

<meta name="weibo:type" content="객체 유형" //>

정의 객체 유형을 지정한 후 객체 속성 테이블을 쿼리하여 객체의 세부 속성 정보를 정의합니다.


2.like 컴포넌트가 지원하는 객체 유형은

webpage(웹페이지), 기사(article), 오디오(audio), 그림(image), 사람(person), 장소(place)입니다. ), 제품(product), 비디오(video), 책(book), 게임(game), 애플리케이션(app)


Weibo 메타 태그 정의 방법

나에게 적합한 개체 유형을 찾으세요. 웹 페이지에서 객체 속성 테이블을 쿼리하고 속성 값을 설정하면 더 나은 결과를 얻을 수 있습니다. 마지막으로 설명을 위해 두 가지 배포 예를 나열합니다.


1. 비디오 개체 메타 코드 예:

웹 페이지의 <head> 태그에 다음 <meta> 태그를 삽입하세요.

HTML
//Required
<meta property="og:type" content="video" />
<meta property="og:url" content="http:/ / video.sina.com.cn/v/b/93544804-2282043583.html" />
<meta property="og:title" content="Weibo UDC 크리스마스 및 새해 영상 첫 공개" />
< ; Meta property="og:description" content="[Weibo UDC 크리스마스 및 신년 영상 데뷔! - Weibo가 여러분을 소소한 행복으로 안내합니다!] 이제 몇 시간도 남지 않은 크리스마스가 다가오고 있습니다! 종말 이후 첫 번째 크리스마스입니다. 2012년에는 어떻게 보내실 건가요? ~빨리 크리스마스 핀홀 카메라를 만들어 보세요!!" />
//선택사항!
<meta property="og:image" content="http:/ /ww2.sinaimg.cn/bmiddle/880538bfjw1e04w8ktfakj.jpg " />
<meta name="weibo:video:embed_code" content="http ://you.video.sina.com.cn/api/sinawebApi/ outplayrefer.php/vid=93544804_2282043583_OB21THcwCDTK+l1lHz2stqkP7KQNt6nni2K2u1anIAZaQ0/XM5GQYdgD5CHWBNkEqDhATZs6cfou1xk/s.sw f" />
<meta name="weibo:video:stream" content ="" />
<meta name="weibo:video :duration" content="47" />
<meta name="weibo:video:create_at" content="2012-12-24 16: 26:05" />
<meta name="weibo: video:update_at" content="2012-12-24 16:26:05" />

위 코드는 OpenGraph와 Weibo Meta Tags 하이브리드 모드를 사용합니다. Weibo Meta Tags는 현재 다섯 가지 기본 OpenGraph 속성, 즉 :


HTML
<meta property="og:type" content="type" />
<meta property="og:url" content="URL 주소" /> ;
<meta property="og:title" content="제목" />
<meta property="og:image" content=" 그림" />
<meta property="og:description" content="설명" />

위 OG 속성은 Weibo 메타 태그 속성과 직접 연동될 수 있습니다. 웨이보 메타 태그 코드 형식을 완전히 사용하는 예는 다음과 같습니다.


HTML
//Required
<meta name ="weibo:type" content="video" />
< ;meta name ="weibo:video:url" content="동영상의 URL 주소" />
<meta name ="weibo:video:title" content="동영상 표시 이름" />
< ;meta name =" weibo:video:description" content="동영상 텍스트 설명" />
//Optional
<meta name="weibo:video:image" content="동영상의 썸네일 표시 이미지" />
< ;meta name="weibo:video:embed_code" content="동영상 재생을 위한 내장 코드" />
<meta name="weibo:video:duration" content="동영상 재생 시간, 시간 초" />
<meta name="weibo:video:stream" content="동영상 스트림 링크 소스" />
<meta name="weibo:video:create_at" content="사용자 생성 시간" />
<meta name="weibo:video:update_at" content="사용자 업데이트 시간" />


2. 웹 페이지 개체 메타 코드 예:

에는 웹페이지의 <head> 태그 내에서 <meta>

HTML


//Required
<meta property="og:type" content="webpage" />
<meta property="og:url" content= " http://sports.sina.com.cn/nba/2012-12-26/06576353009.shtml" />
<meta property="og:title" content="크리스마스 게임 총 득점왕! 코비 브라이언트는 34+5로 역사를 쓰며, 강력한 통계로 16년 만에 2위" />
<meta property="og:description" content="코비 브라이언트는 예상외로 34득점을 기록해 1위가 됐다. 34세의 신은 9경기 연속 30득점 이상을 기록하며 통산 두 번째로 좋은 득점을 기록했고, 2003년에도 16경기 연속 위업을 향해 계속 전진하고 있습니다! ;meta property="og:image" content="http://i2.sinaimg.cn/ty/nba/2012-12-26/U4934P6T12D6353009F1286DT20121226070232.jpg" /> ;
<meta name="weibo :webpage:create_at" content="2012-12-26 06:57:00" />
<meta name="weibo:webpage:update_at" content="2012-12-26 06:57: 00" />

엄격한 정의와 비엄격한 정의

#🎜🎜 #두 가지 형식이 있습니다. 아래 B, 여기서 A는 엄격한 정의이고 B는 엄격하지 않은 정의의 경우 중간 부분을 생략할 수 있다는 점입니다. ### ## ## ######### ## #####html### ## ## ## ###### 🎜🎜#

weibo:video:embed_code

B
# 🎜 🎜#HTML

weibo:embed_code
#🎜 🎜#
유형 객체 유형이 명확하게 정의되면 엄격하지 않은 정의를 사용할 수 있으며 모든 속성은 현재 정의된 유형으로 인식됩니다. 엄격한 정의를 권장합니다.
단일 속성의 다중 값 정의
다중 값 ​단일 속성의 값 정의는 객체 속성(즉, 태그)에 여러 개의 서로 다른 값을 동시에 할당할 수 있으며 속성 값이 프리젠테이션 레이어 제품의 필요에 따라 순서대로 표시되는 것을 의미합니다.
Method: 한 줄에 속성을 정의합니다. 메타 태그, 동일한 속성 및 다른 할당이 필요하며 한 줄씩 순서대로 정의됩니다.

예:


HTML
이미지 속성은 여러 값, 즉 여러 그림을 정의합니다.
<meta property="og:image" content="예제 이미지 1" />
<meta property="og:image" content="예제 이미지 2" />
<meta property="og:image" content="예제 이미지 3 " />
<meta name="weibo:webpage: image" content="그림 예 4" />
<meta name="weibo:webpage: image" content="그림 예 5" />

참고 1: 현재 이 방법은 모든 개체 유형의 이미지 속성에만 열려 있으며, 기타 속성은 아직 지원되지 않습니다.

참고 2: 현재 이미지 속성 다중 값 정의를 사용하여 창 사전 설정 이미지를 공유할 수 있습니다.


Object(오브젝트) 상세 속성 테이블

다양한 유형 비교 객체 아래에 포함된 속성 테이블:


webpage

#🎜🎜 ##🎜 🎜#

이미지 속성은 여러 값, 즉 여러 사진을 정의합니다
<meta property="og:image" content="예제 그림 1" / >
<meta property="og:image" content="예시 이미지 2" />
<meta property="og:image" content="예시 이미지 3" />
< Meta name="weibo:webpage: image" content="그림 예 4" />
<meta name="weibo:webpage: image" content="그림 예 5" / >
### ## ## ## ## ## ## ## ## ## ####코드 샘플 :#🎜🎜 ######### #
HTML
//Required
<meta property="og:type" content="webpage" />
< ;meta property="og:url" content="웹 페이지 고유 URL 주소" />
<meta property="og:title" content="웹 페이지 제목" />
< ; 메타 속성="og:description" content="웹 페이지 설명" />
//Optional
<meta property="og:image" content="웹 페이지 표시 이미지" /> ;
<meta name="weibo:webpage:create_at" content="웹페이지 생성 시간" />
<meta name="weibo:webpage:update_at" content="웹페이지 업데이트 시간 " />


기사(기사)
#🎜 🎜 #

코드 예:

QQ截图20170210150706.png

HTML
# 🎜🎜#
//Required
<meta property="og:type" content="article" />
<meta property="og:url" content= "URL 기사 주소" />
<meta property="og:title" content="기사 표시 이름 제목" />
<meta property="og:description" content ="기사의 텍스트 설명" />
//Optional
<meta property="og:image" content="기사 이미지 표시" />
< 메타 이름="weibo: 기사:create_at" content="글 생성 시간" />
<meta name="weibo: 기사:update_at" content="글 업데이트 시간" />#🎜🎜 #

오디오

# 🎜🎜 ## 🎜🎜#

코드 예: QQ截图20170210151254.png

HTML#🎜 🎜 #

//필수
<meta property="og:type" content="audio" />
< ;meta property="og:url" content="오디오 방문 페이지 URL" />
<meta property="og:title" content="오디오 표시 이름" />#🎜 🎜#< Meta property="og:description" content="오디오 텍스트 설명" />
//Optional
<meta property="og:image" content="오디오 표시 이미지" />
<meta name="weibo:audio:embed_code" content="오디오 재생을 위한 HTML 포함 코드" />
<meta name="weibo:audio:stream " content="링크 소스 of audio stream" />
<meta name="weibo:audio:duration" content="오디오 재생 기간, 초" />
<meta name="weibo:audio:create_at " content="오디오 생성 시간" />
<meta name="weibo:audio:update_at" content="오디오 업데이트 시간" />
# 🎜🎜#


영상(영상)

#🎜 🎜#

#🎜 🎜 #QQ截图20170210151237.png코드 예:

HTML


# 🎜🎜#
//Required
<meta property="og:type" content="video" />
<meta property="og:url" content= " 동영상의 URL 주소" />
<meta property="og:title" content="동영상 표시 이름" />
<meta property="og:description" content = "동영상의 텍스트 설명" />
//Optional
<meta property="og:image" content="동영상 이미지 표시" />
< 메타 이름 ="weibo:video:embed_code" content="동영상 재생을 위한 HTML 삽입 코드" />
<meta name="weibo:video:stream" content="동영상 스트림 링크 소스" /> ;# 🎜🎜#<meta name="weibo:video:duration" content="동영상 재생 시간, 초" />
<meta name="weibo:video:create_at" content="생성 of video Time" />
<meta name="weibo:video:update_at" content="비디오 업데이트 시간" />
# 🎜 🎜#


이미지(이미지)

QQ截图20170210151222.png#🎜 🎜 # 코드 예:

HTML

# 🎜 🎜#//Required
<meta property="og:type" content="image" />
<meta property="og:url" content="이미지의 URL 주소 " />
<meta property="og:title" content="이미지 제목 표시" />
<meta property="og:description" content="텍스트 설명 the image" />
//Optional
<meta property="og:image" content="이미지의 썸네일 표시" />
<meta property="weibo : image:full_image" content="이미지의 원본 큰 이미지" />
<meta name="weibo:image:create_at" content="이미지 생성 시간" />#🎜 🎜#<meta name="weibo:image:update_at" content="사진 업데이트 시간" />




참고: og:image 매개변수는 weibo:image:image(썸네일) 및 weibo:image:full_image(원본 큰 이미지)에 해당합니다. 썸네일과 원본 큰 이미지를 구분해야 하는 경우 weibo:image:image를 설정하세요. :image:full_image, weibo 태그가 og 태그를 덮어씁니다.


person

QQ截图20170210151209.png

코드 예:


HTML
//Required
<me ta property="og :유형" 내용= "이미지" />
<meta property="og:url" content="이미지의 URL 주소" />
<meta property="og:title" content="이미지 제목 표시" /> <meta property="og:description" content="이미지의 텍스트 설명" />
//Optional
<meta property="og:image" content="이미지의 썸네일 표시" /> ;
<meta property="weibo:image:full_image" content="이미지의 원본 큰 이미지" />
<meta name="weibo:image:create_at" content="이미지 생성 시간" / >
<meta name="weibo:image:update_at" content="이미지 업데이트 시간" //>


Place(장소)

QQ截图20170210151157.png

코드 예:


HTML
//Required
<meta property="og:type" content="place" />
<meta property="og:url" content="지리적 위치의 URL 주소" /> ;
<meta property="og:title" content="지리적 위치 표시 이름" />
<meta property="weibo:place:position" content="지리적 위치 좌표, 경도 + 위도 + 고도, ISO6709에 따라"
//required

< ;meta property="og:type" content="product" />
<meta property="og:url" content="URL address of the product" />

<meta property="og:title" content="제품의 표시 이름 제목" />
<meta property="og:description" content="텍스트 설명 product" />
//Optional

<meta property="og:image" content="제품의 썸네일 이미지" /><meta name="weibo:product:full_image" content="원본 대형 상품 이미지" />QQ截图20170210151144.png<meta name="weibo:product:create_at " content="상품 생성 시간" /><meta name="weibo:product:update_at" content="상품 업데이트 시간 " />

설명: og:image 매개변수는 weibo:product:image(썸네일) 및 weibo:product:full_image(원본 큰 이미지)에 해당합니다. 썸네일 이미지와 원본 큰 이미지를 구별해야 하는 경우 이미지의 경우 weibo:product:image 및 weibo:product:full_image를 각각 설정하면 weibo 태그가 덮어쓰여집니다.

QQ截图20170210151132.png

코드 예:


HTML
//Required
<meta property="og:type" content="book" />
<me ta property="og:url" content="책의 URL 주소" />
<meta property="og:title" content="책 표시 이름" />
<meta property="og :description " content="책에 대한 텍스트 설명" />
//Optional
<meta property="og:image" content="책 이미지 표시" />
<meta name="weibo :book: isbn" content="책의 10자리 또는 13자리 ISBN 번호" />
<meta name="weibo:video:create_at" content="책의 출판일" />


Game

QQ截图20170210151120.png

코드 샘플:


HTML
//Required
<meta property="og:type" content="game" />
<meta property="og:url" content="게임 URL 주소" /> ;meta property="og:title" content="게임의 표시 이름" />
<meta property="og:description" content="게임의 텍스트 설명" />
//선택 사항
<meta property="og:image" content="게임 썸네일 표시" />
<meta name="weibo:game:image" content="게임의 원본 큰 이미지" />
<meta name="weibo:game:full_image" content="게임의 원래 큰 그림" />
<meta name="weibo:game:create_at" content="게임 생성 시간" / >
설명: og:image 매개변수는 weibo:game:image(썸네일) 및 weibo:game:full_image(원본 대형 이미지)에 해당합니다. weibo:game: image 및 weibo:game:full_image를 각각 설정하면 weibo 태그가 og 태그를 덮어씁니다. App property="og:type" content= "app" />

<meta property="og:url" content="애플리케이션의 URL 주소" />

<meta property="og:title" content="애플리케이션의 표시 이름 제목" /> ;

<meta property="og:description" content="애플리케이션의 텍스트 설명" />
//Optional

<meta property="og:image " content="애플리케이션 썸네일 표시" /> ;
<meta name="weibo:app:full_image" content="애플리케이션의 원본 큰 이미지" />
<meta name="weibo:app: create_at" content="애플리케이션 생성 시간" />

<meta name="weibo:app:update_at" content="앱 업데이트 시간" />QQ截图20170210151106.png

참고: og:image 매개변수는 weibo:app:image(썸네일) 및 weibo:app:full_image(원본 대형 이미지)에 해당합니다. weibo:app:image 및 weibo:app:full_image를 별도로 설정하면 weibo 태그가 og 태그를 덮어쓰게 됩니다.