Weibo Platform Logo

Weibo open platform

Weibo Meta Tags

Weibo meta tags, namely Weibo Meta Tags, support and are compatible with the regular meta tags under the Open graph protocol, and carry out limited extension tags for object types or attributes that are not applicable to OpenGraph based on national conditions. Can be used with OpenGraph.


Why do you want to configure Weibo Meta Tags?


Traditional Internet information units are often indexed and circulated on the basis of Web Pages and URLs. By defining Weibo Meta Tags, you can penetrate Web Pages, accurately index objects on the Internet, and format and manage content on the Internet. With formatted Object data, you can provide users with flexible, extensible, and readable content display modules.


How to define an object type? What object types does the Like component support?

First, you need to define the object type of the web page according to the content expressed by the web page.


1. Definition method:

Add the<meta>tag in the<head>tag of your website page

HTML
 <meta property="og: type" content="object type"/>

or

 <meta name="weibo: type" content="Object type"/>

After the object type is defined, the detailed attribute information of the object is defined by querying the object attribute table.


2. The object types supported by the Like component are as follows:

Web page, article, audio, image, person, place, product, video, book, game, app


How to define Weibo Meta Tags

Find the object type suitable for your web page, query and set the attribute values through the object attribute table. Detailed settings will bring better results. Finally, put the code into the head. Here are two deployment examples to illustrate


1. Video object Meta code example:

Place the following<meta>tag in the<head>tag of the page.

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 Christmas and New Year video premiere"/> <meta property="og: description" content="[Weibo UDC Christmas video premieres! - Weibo takes you to share micro happiness!] In a few hours, Christmas is coming! How are you going to spend the first Christmas after the end of the day? 2012 I want new patterns~ Make a Christmas pinhole camera!! Share micro happiness with your nearest TA!!! " /> //Optional <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.swf" /> <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" />

The above code uses the mixed mode of OpenGraph and Weibo Meta Tags. Weibo Meta Tags currently supports five OpenGraph basic attributes, namely:


HTML
 <meta property="og: type" content="type"/> <meta property="og: url" content="URL address"/> <meta property="og: title" content="title"/> <meta property="og: image" content="picture"/> <meta property="og: description" content="Description"/>

The above OG attributes can be directly interoperated with Weibo Meta Tags attributes. Examples of fully using Weibo Meta Tag code format are as follows:


HTML
 //Required <meta name ="weibo:type" content="video" /> <meta name="weibo: video: url" content="URL address of video"/> <meta name="weibo: video: title" content="Display name of video"/> <meta name="weibo: video: description" content="Text description of video"/> //Optional <meta name="weibo: video: image" content="Thumbnail display picture of video"/> <meta name="weibo: video: embed_code" content="Embedded code for video playback"/> <meta name="weibo: video: duration" content="The duration of video playback, in seconds"/> <meta name="weibo: video: stream" content="Link source of video stream"/> <meta name="weibo: video: create_at" content="User creation time"/> <meta name="weibo: video: update_at" content="User's update time"/>


2. Meta code instance of web page object:

Place the following<meta>tag in the<head>tag of the page.

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="The top scorer in the Christmas game! Kobe 34+5 wrote the second strongest data in 16 years"/> <meta property="og: description" content="Kobe Bryant unexpectedly scored 34 points and became the top scorer in the history of the Christmas War. Not only that, the 34 year old god has scored 30+points in 9 consecutive games, creating the second best result in his career and moving forward to the feat of 16 consecutive games in 2003!"/> //Optional <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" />


Strict definition and non strict definition

The following two formats are A and B, where A is strictly defined and B is non strictly defined. The difference is that the intermediate segment can be omitted for non strict definitions.

A
HTML
 weibo:video:embed_ code
B
HTML
 weibo:embed_ code

When a type object type is explicitly defined, a non strict definition can be used, and all attributes will be recognized as the currently defined type; Otherwise, it will not be recognized. Strict definition is recommended.


Multi value definition of a single attribute

The multi value definition of a single attribute means that a certain object attribute (i.e. tag) can be assigned multiple different values at the same time, and the attribute values are displayed in order according to the product needs of the presentation layer.


Method: Define one attribute per line. Meta tags are required. The same attribute and different assignments are defined line by line in order.


Example:


HTML
 The image attribute defines multiple values, that is, multiple pictures <meta property="og: image" content="Sample picture 1"/> <meta property="og: image" content="Sample picture 2"/> <meta property="og: image" content="Sample picture 3"/> <meta name="weibo: web page: image" content="Picture Example 4"/> <meta name="weibo: web page: image" content="Picture Example 5"/>

Note 1: At present, this method is only open to image attributes of all object types, and other attributes are not supported temporarily.

Note 2: The image attribute multi value definition is currently available for sharing window preset pictures.


Detailed attribute table of object

The attribute comparison table under each type of object:


Web page
Weibo Meta Tags data type Required OpenGraph explain
weibo:webpage:url string Required og:url URL address of the web page
weibo:webpage:title string Required og:title Display name title of the page
weibo:webpage:description string Required og:description Text description of web page
weibo:webpage:image string og:image Display picture of webpage
weibo:webpage:create_ at date time Creation time of the page
weibo:webpage:update_ at date time Update time of webpage

Code example:


HTML
 //Required <meta property="og:type" content="webpage" /> <meta property="og: url" content="Unique URL address of web page"/> <meta property="og: title" content="Page title"/> <meta property="og: description" content="Web page description"/> //Optional <meta property="og: image" content="Web page display image"/> <meta name="weibo: web page: create_at" content="Creation time of web page"/> <meta name="weibo: web page: update_at" content="Update time of web page"/>


Article
Weibo Meta Tags data type Required OpenGraph explain
weibo:article:url string Required og:url URL address of the article
weibo:article:title string Required og:title Display name title of the article
weibo:article:description string Required og:description Text description of the article
weibo:article:image string og:image Display picture of the article
weibo:article:create_ at date time Creation time of the article
weibo:article:update_ at date time Update time of article

Code example:


HTML
 //Required <meta property="og:type" content="article" /> <meta property="og: url" content="URL address of the article"/> <meta property="og: title" content="The display name and title of the article"/> <meta property="og: description" content="Text description of the article"/> //Optional <meta property="og: image" content="Display picture of article"/> <meta name="weibo: article: create_at" content="Creation time of the article"/> <meta name="weibo: article: update_at" content="The update time of the article"/>


Audio
Weibo Meta Tags data type Required OpenGraph explain
weibo:audio:url string Required og:url Landing page URL address of audio
weibo:audio:title string Required og:title Display name of audio
weibo:audio:description string Required og:description Text description of audio
weibo:audio:image string og:image Display picture of audio
weibo:audio:embed_ code string Embedded code for audio playback
weibo:audio:stream string Link source of audio stream
weibo:audio:duration string Duration of audio playback, seconds
weibo:audio:create_ at date time Audio creation time
weibo:audio:update_ at date time Audio update time

Code example:


HTML
 //Required <meta property="og:type" content="audio" /> <meta property="og: url" content="URL address of audio landing page"/> <meta property="og: title" content="Audio display name"/> <meta property="og: description" content="Text description of audio"/> //Optional <meta property="og: image" content="Audio display picture"/> <meta name="weibo: audio: embed_code" content="HTML embedded code for audio playback"/> <meta name="weibo: audio: stream" content="Link source of audio stream"/> <meta name="weibo: audio: duration" content="The duration of audio playback, seconds"/> <meta name="weibo: audio: create_at" content="Creation time of audio"/> <meta name="weibo: audio: update_at" content="Update time of audio"/>


Video
Weibo Meta Tags data type Required OpenGraph explain
weibo:video:url string Required og:url URL address of video
weibo:video:title string Required og:title Display name of the video
weibo:video:description string Required og:description Text description of video
weibo:video:image string og:image Display picture of video
weibo:video:embed_ code string Embedded code for video playback
weibo:video:stream string Link source of video stream
weibo:video:duration string Duration of video playback, seconds
weibo:video:create_ at date time Creation time of video
weibo:video:update_ at date time Update time of video

Code example:


HTML
 //Required <meta property="og:type" content="video" /> <meta property="og: url" content="URL address of video"/> <meta property="og: title" content="Display name of video"/> <meta property="og: description" content="Text description of video"/> //Optional <meta property="og: image" content="Video display picture"/> <meta name="weibo: video: embed_code" content="HTML embedded code for video playback"/> <meta name="weibo: video: stream" content="Link source of video stream"/> <meta name="weibo: video: duration" content="Video playback duration, seconds"/> <meta name="weibo: video: create_at" content="Creation time of video"/> <meta name="weibo: video: update_at" content="Video update time"/>


Image
Weibo Meta Tags data type Required OpenGraph explain
weibo:image:url string Required og:url URL address of the picture
weibo:image:title string Required og:title Display name of the picture
weibo:image:description string Required og:description Text description of the picture
weibo:image:image string og:image Thumbnail display of pictures
weibo:image:full_ image string og:image Original large picture of the picture
weibo:image:create_ at date time Picture creation time
weibo:image:update_ at date time Picture update time

Code example:


HTML
 //Required <meta property="og:type" content="image" /> <meta property="og: url" content="URL address of image"/> <meta property="og: title" content="Display title of image"/> <meta property="og: description" content="Text description of pictures"/> //Optional <meta property="og: image" content="Thumbnail display of pictures"/> <meta property="weibo: image: full_image" content="Original large picture of the picture"/> <meta name="weibo: image: create_at" content="Creation time of picture"/> <meta name="weibo: image: update_at" content="Picture update time"/>

Note: The og: image parameter corresponds to weibo: image: image (thumbnail) and weibo: image: full_ Image (original large image). If you need to distinguish between thumbnail and original large image, please set weibo: image: image and weibo: image: full respectively_ The image and weibo tags will overwrite the og tag.


Person
Weibo Meta Tags data type Required OpenGraph explain
weibo:person:url string Required og:url User's URL address
weibo:person:title string Required og:title Display name of user account
weibo:person:image string og:image User's display picture
weibo:person:create_ at date time User creation time
weibo:person:update_ at date time User's update time

Code example:


HTML
 //Required <meta property="og:type" content="person" /> <meta property="og: url" content="User's URL address"/> <meta property="og: title" content="Display name of user account"/> //Optional <meta property="og: image" content="User's display avatar"/> <meta name="weibo: person: create_at" content="User creation time"/> <meta name="weibo: person: update_at" content="User's update time"/>


Place
Weibo Meta Tags data type Required OpenGraph explain
weibo:place:url string Required og:url URL address of geographical location
weibo:place:title string Required og:title Display name of geographical location
weibo:place:position string Required User's display picture
weibo:person:create_ at date time User creation time
weibo:person:update_ at date time Coordinates of geographical location, longitude+latitude+altitude, in accordance with ISO6709

Code example:


HTML
 //Required <meta property="og:type" content="place" /> <meta property="og: url" content="URL address of geographical location"/> <meta property="og: title" content="Display name of geographical location"/> <meta property="weibo: place: position" content="The coordinates of geographical location, longitude+latitude+altitude, conform to ISO6709"/>


Product
Weibo Meta Tags data type Required OpenGraph explain
weibo:product:url string Required og:url URL address of the item
weibo:product:title string Required og:title Display name title of the item
weibo:product:description string Required og:description Text description of goods
weibo:product:image string og:image Product thumbnail
weibo:product:full_ image string og:image Original large picture of goods
weibo:product:create_ at date time Product creation time
weibo:product:update_ at date time og:image Product update time

Code example:


HTML
 //Required <meta property="og:type" content="product" /> <meta property="og: url" content="URL address of goods"/> <meta property="og: title" content="Display name title of goods"/> <meta property="og: description" content="Text description of goods"/> //Optional <meta property="og: image" content="Product thumbnail"/> <meta name="weibo: product: full_image" content="Original large picture of goods"/> <meta name="weibo: product: create_at" content="Creation time of goods"/> <meta name="weibo: product: update_at" content="Update time of goods"/>

Note: The og: image parameter corresponds to weibo: product: image (thumbnail) and weibo: product: full_ Image (original large image). If you need to distinguish between thumbnail and original large image, please set weibo: product: image and weibo: product: full respectively_ The image and weibo tags will overwrite the og tag.


Book
Weibo Meta Tags data type Required OpenGraph explain
weibo:book:url string Required og:url Book URL
weibo:book:title string Required og:title Display name of the book
weibo:book:description string Required og:description Text description of the book
weibo:book:image string og:image Display picture of the book
weibo:book:isbn string 10 or 13 digit ISBN of the book
weibo:book:create_ at date time Time of publication

Code example:


HTML
 //Required <meta property="og:type" content="book" /> <meta property="og: url" content="Book URL"/> <meta property="og: title" content="Display name of the book"/> <meta property="og: description" content="Text description of the book"/> //Optional <meta property="og: image" content="Display picture of the book"/> <meta name="weibo: book: isbn" content="10 or 13 digit ISBN of the book"/> <meta name="weibo: video: create_at" content="Publication time of the book"/>


Game
Weibo Meta Tags data type Required OpenGraph explain
weibo:game:url string Required og:url URL address of the game
weibo:game:title string Required og:title Display name title of the game
weibo:game:description string Required og:description Text description of the game
weibo:game:image string og:image Thumbnail display of the game
weibo:game:full_ image string og:image Original large picture of the game
weibo:game:create_ at date time Game creation time
weibo:game:update_ at date time Game update time

Code example:


HTML
 //Required <meta property="og:type" content="game" /> <meta property="og: url" content="URL address of the game"/> <meta property="og: title" content="Game display name title"/> <meta property="og: description" content="Text description of the game"/> //Optional <meta property="og: image" content="thumbnail of the game"/> <meta name="weibo: game: image" content="Original big picture of the game"/> <meta name="weibo: game: full_image" content="Original big picture of the game"/> <meta name="weibo: game: create_at" content="Game creation time"/> <meta name="weibo: game: update_at" content="Game update time"/>

Note: The og: image parameter corresponds to weibo: game: image (thumbnail) and weibo: game: full_ Image (original large image). If you need to distinguish between thumbnail and original large image, please set weibo: game: image and weibo: game: full respectively_ The image and weibo tags will overwrite the og tag.


Application
Weibo Meta Tags data type Required OpenGraph explain
weibo:app:url string Required og:url URL address of the app
weibo:app:title string Required og:title Applied Display Name Title
weibo:app:description string Required og:description Text description of application
weibo:app:image string og:image Applied display thumbnail
weibo:app:full_ image string og:image Original large image of the application
weibo:app:create_ at date time Creation time of application
weibo:app:update_ at date time Applied update time

Code example:


HTML
 //Required <meta property="og:type" content="app" /> <meta property="og: url" content="URL address of application"/> <meta property="og: title" content="Application display name title"/> <meta property="og: description" content="Text description of application"/> //Optional <meta property="og: image" content="Applied display thumbnail"/> <meta name="weibo: app: full_image" content="Original big picture of application"/> <meta name="weibo: app: create_at" content="Creation time of application"/> <meta name="weibo: app: update_at" content="Update time of application"/>

Note: The og: image parameter corresponds to weibo: app: image (thumbnail) and weibo: app: full_ Image (original large image). If you need to distinguish between thumbnail and original large image, please set weibo: app: image and weibo: app: full respectively_ The image and weibo tags will overwrite the og tag.



From“ http://open.weibo.com/wiki/index.php?title=Weibo_meta_tag&oldid=13648 ”
Document update time: July 16, 2014

About microblog open platform | contact us | Terms of Service | Wireless games | Open platform official micro blog

Jingwangwen [2011] No. 0398-130 Jing ICP Certificate No. 100780 Copyright © 1996-2023 SINA