Balise méta Weibo


Weibo Meta Tags

Weibo Meta Tags, à savoir les balises méta Weibo, prennent en charge et sont compatibles avec les balises méta conventionnelles sous le protocole Open graph, et en fonction des conditions nationales, des types d'objets ou des attributs qui ne sont pas applicables à OpenGraph Make. majoration d'expansion limitée. Peut être utilisé avec OpenGraph.


Pourquoi configurer les balises méta Weibo ?


Les unités d'information traditionnelles sur Internet sont souvent basées sur des pages Web, et les URL sont utilisées comme indices pour l'indexation et la circulation. En définissant les balises méta Weibo, vous pouvez pénétrer dans les pages Web, indexer avec précision les objets sur Internet, ainsi que formater et gérer le contenu sur Internet. Avec des données d'objet formatées, vous pouvez fournir aux utilisateurs un module d'affichage de contenu flexible, évolutif et facile à lire.


Comment définir le type d'objet ? Quels types d'objets le composant similaire prend-il en charge ?

Tout d'abord, vous devez définir le type d'objet de cette page Web en fonction du contenu exprimé par la page Web.


1. Méthode de définition :

Dans la balise <head> de la page de votre site Web, ajoutez la balise <meta> type" content="Type d'objet" //>

ou
<meta name="weibo:type" content="Type d'objet" //>

définition Après avoir spécifié le type d'objet, définissez les informations d'attribut détaillées de l'objet en interrogeant la table attributaire de l'objet.
2. Les types d'objets pris en charge par le composant like sont les suivants :
page Web (page Web), article (article), audio (audio), image (image), personne (personne), lieu (lieu). ), produit ( produit), vidéo (vidéo), livre (livre), jeu (jeu), application (app)


Comment définir les balises méta Weibo

Trouvez le type d'objet adapté à votre page Web via la table d'attributs d'objet Requête et définition des valeurs d'attribut. Enfin, mettez simplement le code dans l'en-tête. Deux exemples de déploiement sont répertoriés ci-dessous pour explication.


1. Exemple de métacode d'objet vidéo :

Placez la balise <meta> suivante dans la balise <head>

HTML
//Obligatoire
<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="Première sortie de la vidéo Weibo UDC de Noël et du Nouvel An" />
< ; meta property="og:description" content="[Première vidéo de Noël et du Nouvel An de Weibo UDC !—Weibo vous emmène partager du micro-bonheur !] Dans quelques heures, Noël approche ! Le premier Noël après l'apocalypse Comment vas-tu tu vas passer ton temps en 2012 !! ~ Dépêche-toi et fabrique un sténopé de Noël !! " />
//Facultatif !
<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" contenu ="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" />

Le code ci-dessus utilise le mode hybride OpenGraph et Weibo Meta Tags, Weibo Meta Tags prend actuellement en charge cinq propriétés OpenGraph de base, à savoir :


HTML
<meta property="og:type" content="type" />
< meta property="og:url" content="adresse URL" />
< meta property="og:title" content="Titre" />
<meta property="og:image" content=" Picture" />
<meta property="og:description" content="Description " />

Les attributs OG ci-dessus peuvent être directement interopérés avec les attributs Weibo Meta Tags. Un exemple d'utilisation complète du format de code Weibo Meta Tag est le suivant :


HTML
//Required
<meta name ="weibo:type" content="video" />
< ;meta name ="weibo:video:url" content="Adresse URL de la vidéo" />
<meta name ="weibo:video:title" content="Nom d'affichage de la vidéo" />
< ;meta name =" weibo:video:description" content="Description textuelle de la vidéo" />
//Facultatif
<meta name="weibo:video:image" content="Image d'affichage de la miniature de la vidéo" />
<meta name="weibo:video:embed_code" content="Code intégré pour la lecture vidéo" />
<meta name="weibo:video:duration" content="Durée de lecture vidéo, en secondes" />
<meta name="weibo:video:stream" content="Source du lien du flux vidéo" />
<meta name="weibo:video:create_at" content="Durée de création de l'utilisateur" />
<meta name="weibo:video:update_at" content="Heure de mise à jour de l'utilisateur" />


2. Exemple de méta-code d'objet de page Web :

aura le balise <meta> suivante, dans la balise <head> de la page Web.

HTML


//Obligatoire
<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 a marqué de manière inattendue 34 points et est devenu le leader des buteurs de l'histoire du match de Noël. De plus, le dieu de 34 ans a marqué plus de 30 points en 9 matchs, créant ainsi le deuxième meilleur score de sa carrière et continuant d'avancer vers l'exploit de 16 matchs consécutifs en 2003 ! .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" />


définition stricte et définition non stricte

Il existe deux formats A et B ci-dessous, où A est une définition stricte et B est une définition non stricte. La différence est que la section du milieu peut être omise pour les définitions non strictes.

A
HTML

weibo:video:embed_code
B
HTML
weibo:embed_code
Lorsque c'est clair Lorsque le type d'objet type est défini, une définition non stricte peut être utilisée, et tous les attributs seront reconnus comme le type actuellement défini, sinon ils ne seront pas reconnus ; Une définition stricte est recommandée.


Définition multi-valeurs d'un seul attribut

La définition multi-valeurs d'un seul attribut signifie que plusieurs valeurs différentes peuvent être attribuées à un attribut d'objet (c'est-à-dire une balise) en même temps, et les valeurs des attributs sont affichées dans l'ordre en fonction des besoins du produit de la couche de présentation.

Méthode : Définir un attribut par ligne, ce qui nécessite des balises méta. Les mêmes attributs et différentes affectations sont définis ligne par ligne dans l'ordre.


Exemple :


HTML

L'attribut image définit plusieurs valeurs, c'est-à-dire plusieurs images
<meta property="og:image" content="Exemple d'image 1" />
<meta property="og:image" content = "Exemple d'image 2" />
<meta property="og:image" content="Exemple d'image 3" />
<meta name="weibo:webpage: image" content="Exemple d'image 4" />
<meta name="weibo:webpage: image" content="Exemple d'image 5" />

Remarque 1 : Actuellement, cette méthode n'est ouverte qu'à l'attribut image de tous les types d'objets, et d'autres attributs ne sont pas disponibles pour le moment.

Remarque 2 : La définition multi-valeurs de l'attribut image peut actuellement être utilisée pour partager des images prédéfinies de fenêtre.


Tableau d'attributs détaillé des objets

Tableau de comparaison des attributs contenus sous chaque type d'objet :


Page Web (page Web)

attribut image De bien plusieurs valeurs, c'est-à-dire , plusieurs images
<meta property="og:image" content="Exemple d'image 1" />
<meta property="og:image" content="Exemple d'image 2" /> ;
<meta property ="og:image" content="Exemple d'image 3" />
<meta name="weibo:webpage: image" content="Exemple d'image 4" />
<meta name ="weibo:webpage: image" content="Exemple d'image 5" />


Exemple de code :


HTML
//Obligatoire
<meta property="og:type" content="page Web" />
<meta property="og:url" content="Adresse URL unique de la page Web" /> <meta property="og:title" content="Titre de la page Web" />
<meta property="og:description" content="Description de la page Web" />
//Facultatif
<meta property =" og:image" content="L'image d'affichage de la page Web" />
<meta name="weibo:webpage:create_at" content="L'heure de création de la page Web" />
<meta name=" weibo : webpage:update_at" content="Heure de mise à jour de la page Web" />


Article (article)

Exemple de code :

QQ截图20170210150706.png

HTML
//doit remplir
<meta property="og:type" content="article" />
<meta property="og:url" content="Adresse URL de l'article" />
< meta property="og :title" content="Nom d'affichage titre de l'article" />
<meta property="og:description" content="Description textuelle de l'article" />
//Facultatif
< ;meta property="og :image" content="L'image d'affichage de l'article" />
<meta name="weibo: article:create_at" content="L'heure de création de l'article" />
< ;meta name="weibo: article:update_at "content="heure de mise à jour de l'article" //>


Audio (audio)

QQ截图20170210151254.png

Exemple de code :


HTML
//Obligatoire
<meta property="og:type" content="audio" />
<meta property="og:url" content="Adresse URL de la page de destination audio" / >
<meta property="og:title" content="Le nom d'affichage de l'audio" />
<meta property="og:description" content="Description textuelle de l'audio" />
// Sélectionnez Remplir
<meta property="og:image" content="Image d'affichage audio" />
<meta name="weibo:audio:embed_code" content="Code HTML intégré pour la lecture audio" />
<meta name="weibo:audio:stream" content="Source du lien du flux audio" />
<meta name="weibo:audio:duration" content="Durée de lecture audio, secondes" />
<meta name="weibo:audio:create_at" content="Heure de création audio" />
<meta name="weibo:audio:update_at" content="Heure de mise à jour audio" />


Vidéo (vidéo)

QQ截图20170210151237.png

Exemple de code :


HTML

//Obligatoire
<meta property="og:type" content="video" />
<meta property="og:url" content="Adresse URL de la vidéo" />
< meta property="og:title" content="Nom d'affichage de la vidéo" />
<meta property="og:description" content="Description textuelle de la vidéo" />
//Facultatif
< meta property="og:image" content="L'image d'affichage de la vidéo" />
<meta name="weibo:video:embed_code" content="Code HTML intégré pour la lecture vidéo" />
< meta name= "weibo:video:stream" content="Source du lien du flux vidéo" />
<meta name="weibo:video:duration" content="Durée de la lecture vidéo, secondes" />
< ;meta name ="weibo:video:create_at" content="L'heure de création de la vidéo" />
<meta name="weibo:video:update_at" content="L'heure de mise à jour de la vidéo" />


Image >
<meta property="og:url" content="Adresse URL de l'image" />
<meta property="og:title" content="Titre affiché de l'image" />

<meta property="og:description" content="Description textuelle de l'image" />//FacultatifQQ截图20170210151222.png<meta property="og:image" content="Affichage des miniatures de l'image" />< meta property="weibo:image:full_image" content="La grande image originale de l'image" />

<meta name="weibo:image:create_at" content="Le heure de création de l'image" />

<meta name="weibo:image:update_at" content="heure de mise à jour de l'image" />


Remarque : le paramètre og:image correspond à weibo:image:image (vignette) et weibo:image:full_image (grande image originale). Si vous devez distinguer la vignette et la grande image originale, veuillez définir weibo:image:image. et weibo respectivement :image:full_image, la balise weibo écrasera la balise og.


personne

QQ截图20170210151209.png

Exemple de code :


HTML
//Obligatoire
<me ta property=" og:type" content= "image" />
<meta property="og:url" content="Adresse URL de l'image" />
<meta property="og:title" content="Afficher le titre de l'image" /> <meta property="og:description" content="Description textuelle de l'image" />
//Facultatif
<meta property="og:image" content="Affichage des miniatures de l'image" /> ;
<meta property="weibo:image:full_image" content="La grande image originale de l'image" />
<meta name="weibo:image:create_at" content="L'heure de création de l'image" / >
<meta name="weibo:image:update_at" content="heure de mise à jour de l'image" //>


Place (lieu)

QQ截图20170210151157.png

Exemple de code :


HTML
//Obligatoire
<meta property="og:type" content="place" />
<meta property="og:url" content="Adresse URL de l'emplacement géographique" /> ;
<meta property="og:title" content="Nom d'affichage du lieu géographique" />
<meta property="weibo:place:position" content="Coordonnées du lieu géographique, longitude + latitude + altitude, conforme à la norme ISO6709"
//required

< ;meta property="og:type" content="product" />
<meta property="og:url" content="URL adresse du produit" />

<meta property="og:title" content="Nom d'affichage titre du produit" />
<meta property="og:description" content="Description textuelle du product" />
//Facultatif

<meta property="og:image" content="Vignette du produit" /><meta name="weibo:product:full_image" content="Original large image du produit" />QQ截图20170210151144.png<meta name="weibo:product:create_at " content="Heure de création du produit" /><meta name="weibo:product:update_at" content="Heure de mise à jour du produit " />

Explication : le paramètre og:image correspond à weibo :product:image (vignette) et weibo:product:full_image (grande image originale). Si vous devez distinguer l'image miniature de la grande image originale. image, veuillez définir respectivement weibo:product:image et weibo:product:full_image, et la balise weibo sera écrasée et la marque.

livre

QQ截图20170210151132.png

Exemple de code :


HTML
//Required
<meta property="og:type" content="book" />
<me ta property="og:url" content="Adresse URL du livre" />
<meta property="og:title" content="Nom d'affichage du livre" />
<meta property="og :description " content="Description textuelle du livre" />
//Facultatif
<meta property="og:image" content="Afficher l'image du livre" />
<meta name="weibo :book: isbn" content="Le numéro ISBN à 10 ou 13 chiffres du livre" />
<meta name="weibo:video:create_at" content="La date de publication du livre" />


Jeu

QQ截图20170210151120.png

Exemple de code :


HTML
//Obligatoire
<meta property="og:type" content="jeu" />
<meta property="og:url" content="Adresse URL du jeu" /> ;meta property="og:title" content="Le nom d'affichage du jeu" />
<meta property="og:description" content="La description textuelle du jeu" />
//Facultatif
<meta property="og:image" content="Affichage des miniatures du jeu" />
<meta name="weibo:game:image" content="Grande image originale du jeu" />
<meta name="weibo:game:full_image" content="La grande image originale du jeu" />
<meta name="weibo:game:create_at" content="L'heure de création du jeu" / >
Explication : Le paramètre og:image correspond à weibo:game:image (vignette) et weibo:game:full_image (grande image originale). Si vous devez faire la distinction entre les vignettes et les grandes images originales, veuillez le faire. définissez respectivement weibo:game: image et weibo:game:full_image, la balise weibo écrasera la balise og. App property="og:type" content= "app" />

<meta property="og:url" content="Adresse URL de l'application" />

<meta property="og:title" content="Nom d'affichage titre de l'application" /> ;

<meta property="og:description" content="Texte de description de l'application" />
//Facultatif

<meta property="og:image " content="Afficher la miniature de l'application" />
<meta name="weibo:app:full_image" content="Grande image originale de l'application" />
<meta name="weibo:app: create_at" content="Heure de création de l'application" />

<meta name="weibo:app:update_at" content="Heure de mise à jour de l'application" />QQ截图20170210151106.png

Remarque : le paramètre og:image correspond à weibo:app:image (vignette) et weibo:app:full_image (grande image originale). Si vous devez distinguer la vignette et la grande image originale, veuillez définir weibo:app : image et weibo:app:full_image, la balise weibo écrasera la balise og.



←
→