Weiboメタタグ


Weibo メタ タグ

Weibo メタ タグ、Weibo メタ タグは、オープン グラフ プロトコルの下で従来のメタ タグをサポートします。互換性があり、各国の規格に基づいています。条件、OpenGraph が適用できないオブジェクト タイプまたは属性の限定された拡張マーキング。 OpenGraphで使用できます。


なぜ Weibo メタタグを設定するのですか?


従来のインターネット情報単位は、多くの場合、Web ページや URL を手がかりとしてインデックス付けされ、配布されます。 Weibo メタ タグを定義すると、Web ページに侵入し、インターネット上のオブジェクトに正確にインデックスを作成し、インターネット上のコンテンツをフォーマットして管理できます。フォーマットされたオブジェクト データを使用すると、柔軟でスケーラブルで読みやすいコンテンツ表示モジュールをユーザーに提供できます。


#オブジェクト タイプを定義するにはどうすればよいですか?同様のコンポーネントはどのようなオブジェクト タイプをサポートしますか?

まず、Web ページで表現されるコンテンツに基づいて、この Web ページのオブジェクト タイプを定義する必要があります。


##1. 定義方法:

Web サイトのページの <head> タグに、<meta> タグを追加します

#HTML

#<meta property="og:type" content="オブジェクト タイプ" />
または

##<meta name="weibo:type" content="オブジェクト タイプ" /> ;
##オブジェクト タイプを定義した後、オブジェクト属性テーブルをクエリして、オブジェクトの詳細な属性情報を定義します。
2. 同様のコンポーネントでサポートされるオブジェクト タイプは次のとおりです:

Webpage (ウェブページ)、article (記事)、オーディオ (音声）、写真（画像）、人物（人物）、場所（場所）、製品（製品）、ビデオ（ビデオ）、本（ブック）、ゲーム（ゲーム）、アプリケーション（アプリ）

#Weibo メタタグの定義方法


Web ページに適したオブジェクト タイプを見つけ、オブジェクトを通じて属性値をクエリおよび設定します属性テーブルの詳細な設定は、より良い結果をもたらすために、コードを先頭に置くだけです。説明のために 2 つの展開例を以下に示します。


1. ビデオ オブジェクト メタ コードの例:

次の <meta> タグを Web ページの <head> タグ内に配置します。

HTML
//必須
<meta property="og:type" content="video" / >
<メタ プロパティ="og:url" content="http://video.sina.com.cn/v/b/93544804-2282043583.html" />
<メタ プロパティ="og:title" content="Weibo UDC クリスマスと新年ビデオが初公開されました" />
<meta property="og:description" content="[Weibo UDC クリスマスと新年ビデオが初公開されました! - Weibo ベルト マイクロハピネスを分かち合いましょう! ] 残りわずか、クリスマスがやって来ます! 終末後最初のクリスマスをどう過ごすつもりですか? 2012 年は新しいトリックが欲しいです!!! ～急いでクリスマスを作りましょうピンホールカメラ !! 小さな幸せを一番身近な人とシェアしましょう!!!" />
//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: ビデオ:duration" content="47" />
<メタ名="weibo:video:create_at" content="2012-12-24 16:26:05" />
<メタ名="weibo:video:update_at" content="2012-12-24 16:26:05" />

上記のコードは OpenGraph と Weibo を使用していますメタ タグ ハイブリッド モード、Weibo メタ タグは現在、次の 5 つの OpenGraph 基本属性をサポートしています。 <meta property="og:type" content="タイプ" />

<meta property="og:url" content="URL アドレス" />

<meta property= "og :title" content="タイトル" />
<meta property="og:image" content="画像" />

<meta property="og:description" content=" 説明" />

上記の OG 属性は、Weibo メタタグ属性と直接相互運用できます。 Weibo メタタグ コード形式を完全に使用する例は次のとおりです:


HTML
//必須
<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="ビデオのテキスト説明" />
//オプション
<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. Web ページ オブジェクトメタ コードの例:
次の <meta> タグを Web ページの <head> タグ内に配置します。

#HTML

#
//必須
<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 得点を記録し、クリスマス ゲームの歴史の中で得点リーダーになりました。それだけではありません。つまり、34 歳の神は 9 試合連続で 30 得点を記録し、キャリアで 2 番目に良い得点を記録し、2003 年の 16 試合連続達成という偉業に向けて歩み続けています!」 />
//オプション
<meta property="og:image" content="http://i2.sinaimg.cn/ty/nba/2012-12-26/U4934P6T12D6353009F1286DT20121226070232.jpg" />
<メタ名=" weibo:webpage:create_at" content="2012-12-26 06:57:00" />
<meta name="weibo:webpage:update_at" content="2012-12-26 06: 57: 00" />

##厳密な定義と非厳密な定義

以下の 2 つの形式 A と B があります。ここで、A は厳密な定義と B は非厳密な定義ですが、違いは、非厳密な定義では中間セクションを省略できることです。

A
HTML

weibo:video: embed_code
B
HTML
##weibo:embed_code
#型オブジェクトの型が明確に定義されている場合、非厳密な定義を使用でき、すべての属性が現在定義されている型として認識されます。それ以外の場合は認識されません。認識された。厳密な定義を推奨します。

#単一属性の複数値定義

単一属性の複数値定義はオブジェクトです属性 (つまり、マーク) には同時に複数の異なる値を割り当てることができ、属性値はプレゼンテーション層製品のニーズに応じて順番に表示されます。

方法: 各行はメタ タグを必要とする属性を定義します。同じ属性と異なる割り当てを 1 行ずつ順番に定義します。

#例:


HTML

image 属性は複数の値、つまり複数の画像を定義します。
<meta property="og:image" content="Example picture 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: 現在、このメソッドはすべてのオブジェクト タイプの image 属性に対してのみ公開されており、他の属性はまだサポートされていません。

注 2: 画像属性の複数値定義は現在、ウィンドウのプリセット画像を共有するために使用できます。


#オブジェクト詳細属性表

オブジェクト(オブジェクト)の種類ごとに含まれる属性の比較表：


Webpage

image 属性は複数の値、つまり複数の画像を定義します
<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" />
<メタ名="weibo:webpage: image" content="画像例 5" />


コード例:

HTML

##//必須
<meta property="og:type" content="webpage" />
<meta property="og :url " content="Web ページの一意の URL アドレス" />
<meta property="og:title" content="Web ページのタイトル" />
<meta property="og:description" content ="Web ページの説明" />
//Optional
<meta property="og:image" content="Web ページの表示画像" />
<meta name="weibo: webpage:create_at" content="ウェブページの作成時刻" />
<meta name="weibo:webpage:update_at" content="ウェブページの更新時刻" />


記事

コード例:

QQ截图20170210150706.png

HTML
##//必須
<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="記事の画像を表示" />
< ;meta name="weibo:article:create_at" content="記事の作成時刻" />
<meta name="weibo:article: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="音声の表示画像" />
< メタ名= "weibo:audio:embed_code" content="オーディオ再生用の HTML 埋め込みコード" />
<meta name="weibo:audio:stream" content="オーディオ ストリームのリンク ソース" />
<meta name="weibo:audio:duration" content="オーディオの再生時間、秒" />
<meta name="weibo:audio:create_at" content="オーディオの作成時間 " />
<meta name="weibo:audio:update_at" content="音声更新時間" />


##ビデオ (ビデオ)

QQ截图20170210151237.png## コード例:

HTML# ＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃

//必須
<meta property="og:type" content="video" />
<meta property="og:url" content="ビデオの URLアドレス" />
<meta property="og:title" content="ビデオの表示名" />
<meta property="og:description" content="ビデオの説明テキストvideo" />
//Optional
<meta property="og:image" content="ビデオの表示画像" />
<meta name="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="ビデオの作成時間" />
<meta name ="weibo:video:update_at" content="動画更新時間" />


画像 (画像)

QQ截图20170210151222.png

コード例:


##HTML

##//必須
<meta property="og:type" content="image" />
<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="画像更新時間" />


注: og:image パラメータは、weibo:image:image (サムネイル) および weibo:image:full_image (元の大きな画像) に対応します。サムネイルと元の大きな画像を区別する必要がある場合は、weibo:image を設定してください:画像と weibo:image:full_image の場合、weibo タグは og タグを上書きします。


#person

QQ截图20170210151209.png

##コード例:


HTML

//必須
<meta property="og:type" content="image" />
<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="画像の更新時刻" />


場所

QQ截图20170210151157.png

コード例:


HTML

##//必須
<meta property="og:type" content="place" />
<meta property="og :url " content="地理的位置の URL アドレス" />
<meta property="og:title" content="地理的位置の表示名" />
<meta property="weibo :place:position" content="ISO6709 に準拠した地理的位置、緯度、経度、高度の座標" />


## 製品 (製品)

QQ截图20170210151144.png

コード例:


HTML

##//必須
<meta property="og:type" content="product" />
<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:product:full_image" content="製品の元の大きな画像" />
<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 タグは og タグを上書きします。 ＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃本＃＃＃

QQ截图20170210151132.png

コード例:


##HTML
//必須
<meta property="og:type" content="book" />
<meta property="og:url" content ="書籍の URL アドレス" />

<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="本の発行日" /> ;＃＃＃ ＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃ゲーム＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃ ＃ #コード例:
HTML

##//必須
<meta property="og:type" content="game" />
<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: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タグを上書きします。


#アプリケーション (アプリ)

QQ截图20170210151106.png##コード例:

HTML

//必須
<meta 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="アプリケーションの更新時刻" />


注: og:image パラメータは、weibo:app:image (サムネイル) および weibo:app:full_image (元の大きな画像) に対応します。サムネイルと元の大きな画像を区別する必要がある場合は、weibo を設定してください: app:image および weibo:app:full_image、weibo タグは og タグを上書きします。



#
←
→

PHP中国語ウェブサイト

ホームページホームページコースコース記事記事に質問に質問辞書辞書マニュアルマニュアルダウンロードダウンロード検索検索APPダウンロード APPダウンロード