Tag meta Weibo


Weibo Meta Tag

Weibo Meta Tag, iaitu Weibo Meta Tag, menyokong dan serasi dengan meta tag konvensional di bawah protokol graf Terbuka, dan berdasarkan keadaan negara, jenis objek atau atribut yang tidak berkenaan dengan Open Graph Buat penanda pengembangan terhad. Boleh digunakan dengan OpenGraph.


Mengapa mengkonfigurasi Teg Meta Weibo?


Unit maklumat Internet tradisional selalunya berdasarkan Halaman Web dan URL sebagai petunjuk untuk pengindeksan dan edaran. Dengan mentakrifkan Weibo Meta Tag, anda boleh menembusi Halaman Web, mengindeks Objek dengan tepat di Internet dan memformat serta mengurus kandungan di Internet. Dengan data Objek yang diformatkan, anda boleh memberikan pengguna modul paparan kandungan yang fleksibel, berskala dan mudah dibaca.


Bagaimana untuk menentukan jenis objek? Apakah jenis objek yang disokong oleh komponen serupa?

Pertama, anda perlu menentukan jenis objek halaman web ini berdasarkan kandungan yang dinyatakan oleh halaman web.


1. Kaedah definisi:

Dalam teg <head> pada halaman tapak web anda, tambahkan tag <meta> type" content="Jenis objek" //>

atau
<meta name="weibo:type" content="Jenis objek" //>

takrifan Selepas menentukan jenis objek, takrifkan maklumat atribut terperinci objek dengan menanyakan jadual atribut objek.
2 Jenis objek yang disokong oleh komponen yang serupa adalah seperti berikut:
laman web (laman web), artikel (artikel), audio (audio), gambar (imej), orang (orang), tempat (tempat). ), produk ( produk), video (video), buku (buku), permainan (permainan), aplikasi (aplikasi)


Cara menentukan Weibo Meta Tag

Cari jenis objek yang sesuai untuk anda halaman web melalui jadual atribut objek Pertanyaan dan tetapan nilai atribut akan membawa hasil yang lebih baik Akhir sekali, letakkan kod di kepala disenaraikan di bawah untuk penjelasan


1. Contoh kod meta objek video:

Letakkan teg <meta> berikut dalam teg <head>

HTML
//Diperlukan
<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="Keluaran pertama video Krismas dan Tahun Baru Weibo UDC" />
< ; meta property="og:description" content="[Debut video Krismas dan Tahun Baru Weibo UDC!—Weibo membawa anda berkongsi kebahagiaan mikro!] Dalam beberapa jam lagi, Krismas akan tiba! Krismas pertama selepas kiamat Apa khabar akan menghabiskan masa anda pada tahun 2012!! ~Cepat dan buat kamera lubang jarum Krismas!! .cn/bmiddle/880538bfjw1e04w8ktfakj.jpg " />
<meta name="weibo:video:embed_code" content="http ://you.video.sina.com.cn/api/sinawebApi/outplayrefer.php/ video " />
<meta name="weibo:video:duration" kandungan ="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" />


Kod di atas menggunakan mod hibrid OpenGraph dan Weibo Meta Tags, Weibo Meta Tag kini menyokong lima sifat OpenGraph asas, iaitu:

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 " />


Atribut OG di atas boleh dikendalikan secara langsung dengan atribut Meta Tag Weibo. Contoh menggunakan format kod Weibo Meta Tag sepenuhnya adalah seperti berikut:


HTML
//Diperlukan
<meta name ="weibo:type" content="video" />
;meta name ="weibo:video:url" content="Alamat URL video" />
<meta name ="weibo:video:title" content="Nama paparan video" />
< ;meta name =" weibo:video:description" content="Text description of the video" />
//Optional
<meta name="weibo:video:image" content="Imej paparan imej kecil video" />
< ;meta name="weibo:video:embed_code" content="Kod terbenam untuk main balik video" />
<meta name="weibo:video:duration" content="Tempoh main balik video, dalam saat" />
<meta name="weibo:video:stream" content="Pautan sumber aliran video" />
<meta name="weibo:video:create_at" content="Masa penciptaan pengguna" />
<meta name="weibo:video:update_at" content="Masa kemas kini pengguna" />


2. Objek halaman web Contoh kod meta:

mengikuti teg <meta> dalam teg <head>

HTML


//Diperlukan
<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:description" content="Kobe Bryant secara tidak dijangka memperoleh 34 mata dan menjadi pendahulu mata dalam sejarah permainan Krismas. Bukan itu sahaja, tuhan berusia 34 tahun itu telah Mendapat 30+ mata dalam 9 perlawanan, mencipta markah kedua terbaik dalam kerjayanya dan terus bergerak ke arah pencapaian 16 perlawanan berturut-turut pada tahun 2003 http://i2.sinaimg! .cn/ty/nba/2012-12-26/U4934P6T12D6353009F1286DT20121226070232.jpg" />
<meta name="weibo:webpage:create_at" content="-2012>06:2016-01:2016
<meta name="weibo:webpage:update_at" content="2012-12-26 06:57:00" />


definisi ketat dan takrifan tidak ketat

Terdapat dua format A dan B di bawah, di mana A ialah takrifan yang ketat dan B ialah takrifan tidak ketat Perbezaannya ialah bahagian tengah boleh ditinggalkan untuk takrifan tidak ketat.

A
HTML

weibo:video:embed_code
weibo:embed_code

Apabila jelas Apabila jenis objek ditakrifkan, takrifan tidak ketat boleh digunakan dan semua atribut akan diiktiraf sebagai jenis yang ditakrifkan pada masa ini, jika tidak, ia tidak akan dikenali. Definisi ketat adalah disyorkan.


Takrifan berbilang nilai bagi atribut tunggal

Takrifan berbilang nilai bagi satu atribut bermakna berbilang nilai berbeza boleh diberikan kepada atribut objek (iaitu teg) pada masa yang sama, dan nilai atribut dipaparkan mengikut susunan mengikut keperluan produk lapisan pembentangan.


Kaedah: Tentukan satu atribut setiap baris, yang memerlukan tag meta Atribut yang sama dan tugasan yang berbeza ditakrifkan baris demi baris.


Contoh:


HTML
Atribut imej mentakrifkan berbilang nilai, iaitu berbilang gambar
<meta property="og:image" content="Contoh gambar 1" />
<meta property="og:image" kandungan = "Contoh gambar 2" />
<meta property="og:image" content="Contoh gambar 3" />
<meta name="weibo:webpage: image" content="Contoh gambar 4" / >
<meta name="weibo:webpage: image" content="Contoh gambar 5" />

Nota 1: Pada masa ini kaedah ini hanya terbuka kepada atribut imej semua jenis objek, dan atribut lain tidak tersedia buat masa ini.

Nota 2: Takrifan berbilang nilai atribut imej pada masa ini boleh digunakan untuk berkongsi imej pratetap tetingkap. Jadual atribut terperinci objek atribut imej Tentukan berbilang nilai, iaitu , berbilang gambar

<meta property="og:image" content="Contoh imej 1" />

<meta property="og:image" content="Contoh imej 2" /> ;
<meta property ="og:image" content="Contoh gambar 3" />

<meta name="weibo:webpage: image" content="Contoh gambar 4" />

<meta name ="weibo:webpage: image" content="Contoh gambar 5" />


Contoh kod:

HTML

//Diperlukan
<meta property="og:type" content="webpage" />
<meta property="og:url" content="Alamat URL unik halaman web" /> <meta property="og:title" content="Webpage title" />
<meta property="og:description" content="Webpage description" />
//Optional
<meta property =" og:image" content="Imej paparan halaman web" />
<meta name="weibo:webpage:create_at" content="Masa penciptaan halaman web" />
<meta name=" weibo: webpage:update_at" content="Masa kemas kini halaman web" //>


Artikel (artikel)

Contoh kod:

QQ截图20170210150706.png

//mesti Isi
<meta property="og:type" content="article" />
<meta property="og:url" content="URL address of the article" />
<meta property="og :title" content="Paparan nama tajuk artikel" />
<meta property="og:description" content="Text description of the article" />
//Pilihan
<meta property="og :image" content="Imej paparan artikel" />
<meta name="weibo: article:create_at" content="Masa penciptaan artikel" /> .
HTML
//Diperlukan
<meta property="og:type" content="audio" />
<meta property="og:url" content="Alamat URL halaman pendaratan audio" / >
<meta property="og:title" content="Nama paparan audio" />
<meta property="og:description" content="Text description of the audio" />
// Pilih Isi
<meta property="og:image" content="Imej paparan audio" />
<meta name="weibo:audio:embed_code" content="Kod terbenam HTML untuk main balik audio" />
<meta name="weibo:audio:stream" content="Pautan sumber strim audio" />
<meta name="weibo:audio:duration" content="Tempoh main balik audio, saat" />
<meta name="weibo:audio:create_at" content="Masa penciptaan audio" />
<meta name="weibo:audio:update_at" content="Masa kemas kini audio" />


Video (video)

QQ截图20170210151237.png

Sampel kod:


HTML

🎜
//Diperlukan
<meta property="og:type" content="video" />
<meta property="og:url" content="Alamat URL video" />
< meta property="og:title" content="Paparan nama video" />
<meta property="og:description" content="Text description of the video" />
//Optional
< meta property="og:image" content="Imej paparan video" />
<meta name="weibo:video:embed_code" content="Kod benam HTML untuk main balik video" />
< meta name= "weibo:video:stream" content="Pautan sumber strim video" />
<meta name="weibo:video:duration" content="Tempoh main balik video, saat" />
< ;meta name ="weibo:video:create_at" content="Masa pembuatan video" />
<meta name="weibo:video:update_at" content="Masa kemas kini video" />


Imej >
<meta property="og:url" content="Alamat URL gambar" />
<meta property="og:title" content="Tajuk paparan bagi gambar" //>

<meta property="og:description" content="Text description of the image" />//OptionalQQ截图20170210151222.png<meta property="og:image" content="Paparan imej kecil bagi the image" />< meta property="weibo:image:full_image" content="Imej besar asal bagi imej" />

<meta name="weibo:image:create_at" content="The masa penciptaan imej" />

<meta name="weibo:image:update_at" content="masa kemas kini imej" />


Nota: Parameter og:image sepadan dengan weibo:image:image (thumbnail) dan weibo:image:full_image (imej besar asal Jika anda perlu membezakan lakaran kecil dan imej besar asal, sila tetapkan weibo:image:image). dan weibo masing-masing :image:full_image, tag weibo akan menulis ganti tag og.


orang

QQ截图20170210151209.png

Contoh kod:


="og:type" content="imej" />
<meta property="og:url" content="Alamat URL imej" />
<meta property="og:title" content="Tajuk paparan imej" /> <meta property="og:description" content="Text description of the image" />
//Optional
<meta property="og:image" content="Paparan imej kecil imej" /> ;
<meta property="weibo:image:full_image" content="Imej besar asal imej" />
<meta name="weibo:image:create_at" content="Masa penciptaan imej" / >
<meta name="weibo:image:update_at" content="masa kemas kini imej" //>







Tempat (tempat)


QQ截图20170210151157.png

HTML

//Diperlukan
<meta property="og:type" content="place" />
<meta property="og:url" content="Alamat URL lokasi geografi" /> ;
<meta property="og:title" content="Paparan nama lokasi geografi" />
<meta property="weibo:place:position" content="Koordinat lokasi geografi, longitud + latitud + ketinggian , selaras dengan ISO6709"
//diperlukan

< ;meta property="og:type" content="product" />
<meta property="og:url" content="URL alamat produk" />

<meta property="og:title" content="Paparan nama tajuk produk" />
<meta property="og:description" content="Text description of the produk" />
//Pilihan

<meta property="og:image" content="Imej lakaran kecil produk" /><meta name="weibo:product:full_image" content="Asal besar imej produk" />QQ截图20170210151144.png<meta name="weibo:product:create_at " content="Masa pembuatan produk" /><meta name="weibo:product:update_at" content="Masa kemas kini produk " />

Penjelasan: parameter og:imej sepadan dengan weibo :product:image (gambar kecil) dan weibo:product:full_image (imej besar asal). Jika anda perlu membezakan imej lakaran kecil daripada besar asal imej, sila tetapkan weibo:product:image dan weibo:product:full_image masing-masing, dan tag weibo akan ditimpa tanda og.

buku

QQ截图20170210151132.png

Contoh kod:


HTML
//Diperlukan
" /<g meta property="ogtype" property="og:url" content="alamat URL buku" />
<meta property="og:title" content="Paparan nama buku" />
<meta property="og :description " content="Text description of the book" />
//Optional
<meta property="og:image" content="Paparan imej buku" />
<meta name="weibo :book: isbn" content="Nombor ISBN 10 atau 13 digit buku" />
<meta name="weibo:video:create_at" content="Tarikh penerbitan buku" />


Permainan

QQ截图20170210151120.png

Contoh kod:


🎜
//Diperlukan
<meta property="og:type" content="game" />
<meta property="og:url" content="Alamat URL permainan" /> ;meta property="og:title" content="Tajuk nama paparan permainan" />
<meta property="og:description" content="Perihalan teks permainan" />
//Pilihan
<meta harta ="og:image" content="Paparan imej kecil permainan" />
<meta name="weibo:game:image" content="Imej besar asal permainan" />
<meta name= "weibo:game:full_image" content="Gambaran besar asal permainan" />
<meta name="weibo:game:create_at" content="Masa penciptaan permainan" />
Penjelasan: Parameter og:image sepadan dengan weibo:game:image (thumbnail) dan weibo:game:full_image (imej besar asal jika anda perlu membezakan antara lakaran kecil dan imej besar asal, sila tetapkan weibo:game:). masing-masing imej dan weibo:game:full_image, tag weibo akan menulis ganti tag og. App property="og:type" content= "app" />

<meta property="og:url" content="Alamat URL aplikasi" />

<meta property="og:title" content="Tajuk nama paparan aplikasi" /> ;

<meta property="og:description" content="Text description of the application" />
//Optional

<meta property="og:image " content="Paparkan lakaran kenit aplikasi" /> ;
<meta name="weibo:app:full_image" content="Imej besar asal aplikasi" />
<meta name="weibo:app: create_at" content="Masa penciptaan aplikasi" />

<meta name="weibo:app:update_at" content="Masa kemas kini aplikasi" />QQ截图20170210151106.png

Nota: Parameter og:image sepadan dengan weibo:app:image (thumbnail) dan weibo:app:full_image (imej besar asal Jika anda perlu membezakan lakaran kecil dan imej besar asal, sila tetapkan weibo:app:). imej dan weibo:app:full_image, teg weibo akan menimpa teg og.