Balisage sémantique. Pratique de l'utilisation du balisage sémantique. Où le balisage sémantique est-il utilisé ?

23.02.2019

Le tableau contient des chaînes - des éléments de liste. Sur la page HTML elle-même, il y a une balise

créer par programme un élément< li >;
ajouter à créé Élément HTML- code de contenu ;
ajouter un élément à la liste.

Programmatiquement, cela ressemblera à ceci :

var list = document.getElementById("liste"); pour (var je = 0; je< items.length; i++) { var listItem = document.createElement("li"); listItem.innerHTML = items[i]; list.appendChild(listItem); }

Ainsi, lorsque la fonction est appelée, le contenu de la liste avec id="list" sera généré.

Créer un groupe de liens est un peu plus difficile, puisqu'en plus du texte du lien, l'élément doit contenir l'adresse de saut. Pour ce faire, nous avons besoin d'un tableau comme celui-ci :

var liens = ;

links = (nom : "premier", href : "document1.html");

links = (nom : "troisième", href : "document3.html");

links = (nom : "quatrième", href : "document4.html"); ;

Un conteneur est défini sur la page HTML

navigation "> . La séquence d'ajout d'un lien vers un conteneur ressemble à ceci :;

création programmatique d'un élément

spécifier le texte du lien ; définition de la valeur de l'attribut href

ajouter un lien vers le conteneur.

Le code suivant illustre

mise en œuvre du logiciel

la séquence d'actions spécifiée :

var nav = document.getElementById("navigation");

pour(var j = 0; j

Bien entendu, vous pouvez générer du contenu non seulement à partir de tableaux ; dans les exercices pratiques suivants, nous examinerons un exemple de génération du contenu de divers éléments sur la base de l'utilisation de magasins de données.

HTML5 fournit un certain nombre de balises qui permettent d'indiquer explicitement que tel ou tel contenu se rapporte à une certaine partie de la page Web, ou d'indiquer de quoi il s'agit (citation, heure et date, etc.).

Évidemment, les « consommateurs » de ce type de balisage ne sont pas les utilisateurs de sites Web, car ils ne voient pas les balises. L'essence du balisage sémantique est de simplifier le traitement automatique du contenu d'un site Web, par exemple, pour une meilleure « compréhension » du site. robots de recherche.

En plus de ce qui a déjà été dit, les avantages suivants du balisage sémantique peuvent être soulignés :

La disponibilité augmente, car les pages du site ne perdront pas leur structure même si CSS est désactivé ou n'est pas pris en charge.
Le contenu des pages du site sera compréhensible pour les personnes lisant des sites à l'aide de lecteurs d'écran spéciaux.
Le balisage sémantique a un impact positif sur moteurs de recherche, parce que il n'est pas difficile pour leurs robots d'indexer les pages et de déterminer le véritable sens de certains fragments de texte.
La prise en charge ultérieure d'un site Web conçu de cette manière est considérablement simplifiée et les coûts de refonte sont réduits.
Le poids des pages du site est réduit, la lisibilité du code du site est augmentée grâce à sa compacité, et la vitesse de chargement des pages du site augmente.

Ainsi, les balises HTML peuvent être divisées en balises sémantiques et de présentation.

Les balises sémantiques incluent toutes les balises qui indiquent l'essence de leur contenu. Voici une liste des balises sémantiques les plus courantes :

Tableau 14.1.

Étiqueter	Description
un	conçu pour créer un lien ou une ancre
abbr	indique que le contenu de la balise est une abréviation
acronyme	indique que le contenu de la balise est un acronyme (un type d'abréviation qui n'est pas prononcé par des lettres, mais comme un seul mot)
adresse	contient des informations sur l'auteur
zone	appliqué à l'intérieur d'un récipient< carte > pour créer une image cliquable. Définit les paramètres des zones de liaison actives sur la carte
base	spécifie l'adresse de base complète du document. Utilisé pour composer des adresses relatives et pour indiquer la fenêtre cible de tous les liens de page
bdo	définit la direction de sortie du texte (de droite à gauche, de gauche à droite)
citation de bloc	met en évidence une citation (généralement longue). Affiché avec une indentation accrue
corps	définit les limites du corps du document. À l’intérieur de la balise se trouvent tous les éléments responsables du contenu de la page HTML.
bouton	crée un bouton sur le formulaire
légende	crée un en-tête de tableau. Affiché au-dessus du tableau en dehors du cadre. Élément de tableau
citer	utilisé pour indiquer la source d’une citation ou son auteur. Généralement écrit en italique
code
col	vous permet de définir les propriétés générales de toute la colonne du tableau à la fois
groupe de collaboration	vous permet de définir les propriétés générales de plusieurs colonnes du tableau à la fois
jj	Et . Définit un terme
del	désigne le texte comme supprimé. Peut apparaître comme un élément en ligne ou en bloc selon le contexte
dfn	met en évidence un terme dans le texte
div	alloue un bloc logique. L'un des principaux éléments de la disposition des blocs
dl	utilisé lors de la création d'une liste de définitions avec Et
dt	utilisé lors de la création d'une liste de définitions avec Et
em	utilisé pour souligner l'attention
ensemble de champs	destiné au regroupement d'éléments de formulaire
formulaire	crée un formulaire sur la page. Le formulaire permet d'échanger des données entre les utilisateurs et le serveur
h1, h2, h3, h4, h5, h6	utilisé pour créer des titres
tête	titre du document, contient des informations sur le document actuel
HTML	une balise conteneur qui contient tout le contenu de la page sauf type de document, qui doit être placé avant la balise
img	ajoute une image à la page
saisir	permet de créer des éléments d'interface : boutons, champs de texte, boutons radio et cases à cocher. La principale méthode d'obtention d'informations de l'utilisateur (lecteur) est basée sur cette balise
ins	indique le texte ajouté dans une nouvelle version du document. Peut apparaître comme un élément en ligne ou en bloc selon le contexte
kbd	désigne le texte tapé sur le clavier ou les raccourcis clavier
étiquette	vous permet d'associer un élément d'interface sur le formulaire à une étiquette de texte et de définir des raccourcis clavier
légende	définit un titre pour les éléments de formulaire regroupés dans un conteneur de balises
li	crée un élément de liste
lien	établit une connexion avec des documents externes, le plus souvent avec des feuilles de style
carte	balise de conteneur pour créer des cartes d'images
méta	contient des métadonnées - une description technique du document sous la forme de paires nom-valeur. Utilisé pour identifier les propriétés du document (par exemple, auteur, date d'expiration, liste de mots-clés, etc.) et définir les valeurs de ces propriétés
noscript	contient du texte généré par le navigateur
objet	utilisé pour intégrer divers objets (généralement des fichiers multimédias) sur la page
vieux	crée une liste numérotée
groupe opt	conteneur de balises pour les balises
option	spécifie une ligne de liste distincte dans une balise
p	conçu pour créer des paragraphes
pré	définit un morceau de texte pré-formaté. Sortie respectant tous les espaces et nouvelles lignes
q	met en évidence une citation dans le texte
samp	représente du texte, comme un code de programme ou une formule
scénario	ajoute un script à la page
sélectionner	crée un sélecteur de valeur
portée	utilisé principalement pour formater et/ou attribuer un identifiant unique (id) à un morceau de texte spécifique
fort	met logiquement en valeur et renforce le texte.
style	spécifie une feuille de style
tableau	définit une table
le corps	utilisé pour regrouper des chaînes pour fournir un formatage commun
td	spécifie une cellule de tableau
zone de texte	définit un champ de saisie multiligne.
pied	permet de définir la ligne qui sera affichée en bas du tableau
ème	définit la cellule d'en-tête du tableau
la tête	utilisé pour définir la ou les lignes qui seront affichées en haut du tableau
titre	définit le titre du document
tr	définit une ligne de tableau
ul	crée une liste à puces
var	désigne le nom de la variable

Nous avons fourni des informations incomplètes

L’une de ces méthodes efficaces est le micro-balisage ou, comme on l’appelle aussi, le balisage sémantique.

Qu’est-ce que le balisage sémantique et pourquoi est-il nécessaire ?

Le balisage sémantique est constitué de paramètres de balises spéciaux qui sont ajoutés au code d'un texte ou d'un fichier.

À l'aide de ce balisage, des informations sont transmises aux robots de recherche sur le contenu de la page.

Des éléments de balisage sémantique sont ajoutés au code HTML, ce qui permet au robot d'analyser rapidement cette page afin de compiler par la suite la description la plus détaillée de la ressource web dans les résultats de recherche. Ce balisage est une sorte de garantie que diverses informations sur les articles, films, promotions et autres contenus de la page seront interprétées correctement.

Il s'avère que le balisage sémantique est une sorte d'indice permettant au robot de le faire le plus rapidement possible. C'est avec son aide que le bot comprendra qu'une certaine liste de lettres et de chiffres est la véritable adresse de l'entreprise, par exemple.

De plus, l’ajout d’un balisage sémantique vous permet d’attirer plus de visiteurs sur votre site, qui pourront plus tard devenir vos clients potentiels.

Cela s'explique par le fait que le micro-balisage décrit mieux votre ressource, non seulement pour les requêtes clés, mais également pour les recherches de cartes, d'images et de vidéos. À propos, les extraits de code sont formés à l'aide d'un balisage sémantique.

Pour faire simple, il s’agit d’une petite description du contenu de la page que les utilisateurs voient dans les résultats de recherche. Il s'agit d'une sorte d'annonce qui encourage une personne à se rendre sur le site lui-même.

Beaucoup de gens confondent les extraits et les descriptions, mais ce sont des choses légèrement différentes. Oui, la description décrit également brièvement le contenu de la page afin que l'utilisateur et le robot de recherche comprennent de quoi parle la ressource.

Si la description n'est pas enregistrée dans le conteneur , le moteur de recherche sélectionnera un morceau de texte aléatoire à afficher dans la barre de recherche. En règle générale, ce passage n'est pas très informatif et ne peut donc pas décrire entièrement le contenu de la page.

L'extrait représente ce fragment extrait du texte nécessaire à l'annotation de la page.

Naturellement, si vous le composez correctement, en y ajoutant un certain montant, le système les mettra en évidence en gras, ce qui attirera l'attention des utilisateurs.

Si l'extrait n'est pas généré, il sélectionnera la description comme description de la ressource. Dans Yandex, la description peut être complètement ignorée, la composition correcte de l'extrait est donc très importante.

À l'aide du balisage sémantique, vous pouvez mettre en évidence un extrait afin que le moteur de recherche renvoie exactement ce dont vous avez besoin dans les chaînes de recherche, et non des parties arbitraires du texte. Mais pour maîtriser cet outil certainement utile, vous devez connaître les méthodes de base pour créer un tel balisage.

Quelles méthodes de création de micro-balisage sont utilisées ?

Pour non seulement créer un balisage sémantique, mais également pour l'ajouter correctement, vous devez étudier attentivement Schema.org et apprendre également à ajouter du code au site. Shema.org est un développement conjoint de nombreux moteurs de recherche, représentant une norme unique pour la formation de microdonnées.

Il existe aujourd'hui deux manières de créer un balisage sémantique :

Usage attributs spéciaux en code HTML. Il s'agit deà propos des attributs itemscope, itemtype et itemprop.
Il existe également une option plus simplifiée qui ne nécessite pas connaissances particulières. Il s'agit de l'outil spécial Marker de Google. Ce application spéciale, dans lequel vous pouvez sélectionner certaines données avec le curseur, en indiquant leur type.

La première méthode diffère en ce sens que tout doit être saisi manuellement. Prenons par exemple les contacts d’une entreprise, que nous mettrons en valeur avec un balisage sémantique :

Yandex

Contacts :

Joukova, 4 ans

23678

Irkoutsk,

Téléphone: +3 952 456 XXX XX,

Fax: +3 952 643 XXX XX,

E-mail: [email protégé]

Quant à la deuxième méthode, en utilisant l'outil ci-dessus, vous pouvez signaler du contenu sur le site tel que des événements, des applications, des séries télévisées, des livres, des films, des restaurants, des produits, des organisations locales "etc.

Comment vérifier si le balisage sémantique d'un site est fait correctement ?

Aujourd'hui, les moteurs de recherche les plus populaires sont Yandex et Google. Il n'est pas surprenant que chacun d'eux propose ses propres outils spéciaux avec lesquels vous pouvez travailler sur Internet.

En particulier, chacun d'eux dispose de sa propre méthode pour vérifier que le balisage sémantique présent sur le site est correct. Pour Yandex, il s'agit du MicroMarkup Validator, et pour Google, il s'agit de l'outil de test des données structurées de Google. Considérons les deux méthodes de vérification du micro-balisage.

Vérification dans Yandex

Tout d'abord, vous devez accéder à l'application Validator elle-même. Dans la ligne appropriée, entrez n'importe quel lien vers l'article qui vous intéresse. Ensuite, cliquez sur le bouton « Vérifier ».

Si tout est en ordre avec le balisage, vous ne verrez aucun avertissement ni erreur. Si c'est le cas, Yandex indiquera quelle est exactement l'erreur. C'est très pratique pour correction supplémentaire micro-balisage.

Vérification Google

En principe, il n’y a pas de différences particulières en matière de vérification, car elles sont toutes deux automatisées. Vous devez également entrer dans l'application - https://search.google.com/structured-data/testing-tool, après quoi vous devez insérer notre lien dans la ligne. Ensuite, cliquez sur « Exécuter le test ». Après vérification, le nombre d'erreurs sera indiqué à droite, si elles sont toujours présentes dans le balisage.

Conclusion

mise en œuvre du logiciel n'est pas attribut obligatoire site sur Internet. Mais si vous le mettez en œuvre, alors les utilisateurs du réseau seront mieux informés du contenu de votre page, sans même y accéder.

Par conséquent, ils comprendront à partir de l’extrait que les informations présentes sur le site les intéressent, puis cliqueront sur votre site. Il s'avère qu'un micro-balisage correct contribue également à augmenter le nombre de transitions vers celui-ci.

Parmi le nombre colossal de sites qui existent dans le segment russophone de l'Internet, tous les utilisateurs ne peuvent pas trouver ce dont ils ont besoin. Certainement, moteurs de recherche vous permettent d'attirer le public cible vers une ressource Web spécifique, mais ils ne pourront pas garder les gens sur votre site si vous ne faites pas l'effort de le faire. Un problème distinct concerne les informations sur le site que l'utilisateur voit dans résultats de recherche. Malheureusement, ils ne sont pas toujours compilés de manière adéquate et compétente.

C'est pourquoi le balisage sémantique des données est apparu, aidant à structurer les informations destinées aux robots de recherche. Au départ, il existait plusieurs formats de balisage sémantique, tous en concurrence les uns avec les autres. Ce sont principalement les webmasters qui ont souffert de cet état de fait, qui ont dû choisir entre des formats concurrents. Cependant, depuis 2011, tout a changé, après que les plus grands moteurs de recherche (Google, le moteur de recherche Bing de Microsoft et Yahoo!) ont choisi un seul standard Schema.org.

Avantages pratiques de Schema.org et caractéristiques du travail

Schema.org est requis si vous souhaitez que l'extrait de votre site (informations de base sur une ressource Web affichée dans les résultats de recherche) attire l'attention. public cible. Défaut robot de recherche structure indépendamment les données, mais la qualité des informations contenues dans l'extrait laisse beaucoup à désirer. Par exemple, au lieu d'un texte normal sur ce qui l'intéresse, l'utilisateur verra des informations ordinaires qui ne parlent pas du contenu du site ou de son sujet. D'un autre côté, si sur la ligne suivante des résultats de recherche se trouve un site qui utilise Schema.org, alors l'utilisateur est assuré d'y accéder, car l'extrait de site contiendra des informations utiles et lisibles.

En un mot, le balisage Schema.org augmentera sans aucun doute la pertinence du site, tout comme une description adéquate de la ressource Web dans les résultats de recherche. Vous pouvez baliser presque tout, mais il est important de se rappeler que les moteurs de recherche n’utilisent pas tous les balises. Cependant, ce qui n'a pas été pris en compte plus tôt pourrait commencer à l'être à l'avenir, il ne peut donc y avoir de bagatelles ici. La grande majorité des webmasters notent principalement les avis, les notes diverses, les produits, les personnes, les entreprises, les vidéos, les événements, les recettes, etc. Bien entendu, chaque cas spécifique a son propre système de balisage, donc tout site nécessite une approche individuelle.

Vous devez également prêter attention à la hiérarchie des types afin de transmettre à l'utilisateur le maximum informations importantesà propos du site. Vous pouvez les consulter sur le site officiel dans la rubrique http://schema.org/docs/schemas.html (connaissances requises langue anglaise). Le choix de la technique de balisage dépend avant tout du thème du site et, bien entendu, des souhaits du webmaster lui-même. Par exemple, si vous avez ressource d'information avec de nombreux sujets différents, vous pouvez choisir le balisage de l'article. Articles publiés sur blog personnel, sont marqués à l’aide de BlogPosting et de documents techniques – TechArticle, etc. Au sein de chacun de ces schémas, il peut y avoir un certain nombre d'autres schémas, il vous suffit de maintenir la hiérarchie correcte.

Si vous avez déjà créé une mise en page HTML pour votre site sans ajouter de balisage sémantique, vous devrez alors la refaire, car c'est le seul moyen de la mettre en œuvre correctement et efficacement. Cela ne veut pas dire que cela représente une énorme quantité de travail, mais vous devrez quand même essayer. En conséquence, le code peut augmenter considérablement, mais à long terme, cela ne profitera qu'à votre site. Par exemple, après la mise en œuvre réussie du balisage sémantique, tout moteur de recherche sera capable de comprendre avec précision le contenu de votre site, de distinguer les articles des commentaires des utilisateurs et d'identifier dans le texte mots-clés et des phrases, mettre en évidence des informations importantes et sans importance, etc. C’est vraiment très utile pour promouvoir la ressource.

Pour ceux qui souhaitent augmenter la conversion et la popularité du site en utilisant Schema.org, il existe également des recommandations. Par exemple, si une page a beaucoup d'interactions (divers reposts, likes, tweets et bien plus encore), ainsi que des commentaires, le robot de recherche désigne automatiquement un tel site comme une priorité plus élevée et plus significative par rapport aux autres (par exemple, Yandex a quelque chose comme « échelle de bonheur"). Bien entendu, cela affecte sérieusement le trafic vers la ressource, cette opportunité ne doit donc pas être négligée. Par exemple, vous pouvez marquer chaque commentaire avec un schéma (désignation UserComments) au sein d'un seul schéma d'un article déjà publié sur la ressource (TechArticle). La méthode est très courante et, surtout, fonctionne vraiment. S'il y a beaucoup de commentaires et d'autres signes d'activité des utilisateurs sur une ressource Web, le moteur de recherche les affichera comme utiles et importants.

Les webmasters habitués à utiliser les microformats, les microdonnées et les systèmes RDF pourront également travailler avec Schema.org. Absolument tout ce qui peut être fait avec ces formats peut l'être dans Schema.org.

Principes de balisage et de conception de code

Pour introduire un balisage sémantique sur une page particulière du site, vous devez d'abord placer la description dans un conteneur séparé, qui indique le schéma de balisage sélectionné (par exemple,

…

). C'est la première étape. La seconde consiste à baliser les propriétés de schéma individuelles (par exemple,

Auteur du texte : Ivanov Ivan Ivanovitch

) qui aident le moteur de recherche à comprendre le contenu des informations et à les afficher correctement dans l'extrait de site. Vous pouvez en savoir plus sur le système de balisage sur le site officiel Schema.org. Si vous souhaitez commencer immédiatement à étudier le balisage, toutes les informations peuvent être trouvées ici : http://schema.org/docs/full.html.

Outils pour le travail

U moteurs de recherche populaires Nous disposons de nos propres outils pour travailler avec le balisage sémantique. Par exemple, Yandex propose son propre validateur de balisage (situé dans le service Webmaster). De plus, il existe des plugins spéciaux conçus pour être utilisés avec les systèmes de gestion de ressources Web. Ils sont conçus pour faciliter activités de routine webmaster et automatiser de nombreux processus, ce serait donc une bonne idée de vous familiariser avec eux. Attention particulière mérite un service comme http://schema-creator.org/, qui permet d'implémenter le balisage dans le code du site beaucoup plus rapidement.

Bien entendu, ce ne sont pas tous les outils qui peuvent aider un webmaster. Liste plugins utiles et les services sont constamment mis à jour à mesure que Schema.org se développe et se popularise, il est donc conseillé de toujours être au courant des tendances et de les mettre en œuvre dans votre travail.

Abonnez-vous à notre newsletter

Le balisage peut rendre votre site plus visible dans Yandex Search et ainsi attirer plus de visiteurs de votre public cible. Cependant, le balisage sémantique n’affecte pas directement le classement.

J'ai lu des articles sur la norme Schema.org. Comment le mettre en place sur votre site internet ?

Consultez nos sections d'aide et utilisez les outils de balisage. Si méthodes standards les implémentations ne vous conviennent pas (par exemple, en raison d'une mise en page complexe), écrivez au club de recherche. Très probablement, vous aurez besoin de l'aide d'un programmeur.

Schema.org décrit de nombreux types de données différents, sont-ils tous pris en charge par Yandex ?

Midi à l'heure actuelle Nous ne prenons pas en charge tous les types de données Schema.org. Liste complète Les types traités sont indiqués dans la section Quelles données peuvent être transférées.

Je l'ai installé sur mon site Web Schema.org. Comment s'assurer que tout fonctionne ?

Tout d’abord, assurez-vous que les données étiquetées sont reconnues correctement et sans erreurs. Si le balisage est correct et que les données marquées sont utilisées par les services Yandex, après un certain temps (généralement deux semaines), ces données apparaîtront sur les pages correspondantes.

Si le balisage est correct, mais que les données ne passent pas la modération manuelle, vous recevrez un message du modérateur dans l'interface Y.Webmaster. Le modérateur vous expliquera pourquoi les données fournies ne peuvent pas être utilisées et vous proposera de procéder à des ajustements.

Pourquoi les extraits de code ne s'affichent-ils pas même si mon balisage est reconnu avec succès par votre validateur ?

Assurez-vous que Yandex peut utiliser vos données sous forme d'extraits. Tous les extraits pouvant être compilés à partir de vos données sont décrits dans la section Quelles données peuvent être transférées.

Avant d’apparaître en snippets, les données doivent être :

correctement marqué ;

indexé;

modéré.

Si toutes les exigences Yandex sont remplies, le modérateur approuve l'utilisation des données de votre site. Après un certain temps (environ deux semaines), des extraits contenant vos données apparaîtront dans la recherche.

Quel est le meilleur moyen d'utiliser les microformats ou Schema.org ? Comment le robot traitera-t-il le site si j'utilise les deux ?

Nos algorithmes ne privilégient aucun type de balisage. Cela signifie que vous pouvez utiliser le format qui vous convient le mieux. Cependant, nous recommandons d'utiliser Schema.org comme standard plus moderne, complet et en évolution active.

DANS dernièrement Dans le monde du référencement, l’utilisation du micro-balisage (balisage sémantique) à diverses fins devient de plus en plus populaire. Bien que le micro-balisage ait commencé à être utilisé il y a plusieurs années, nous le voyons maintenant développement actifà la fois dans Yandex et Google. Ceci est confirmé par les dernières publications du blog Yandex pour les webmasters : « Micro balisage pour les grands sites » et « Extraits de produits pour une boutique en ligne ».

Google travaille également dans ce domaine, comme en témoigne l'amélioration des extraits de code dans les principaux résultats de recherche, qui sera abordée plus en détail dans cette publication.

Le but du balisage sémantique

L'objectif principal du micro-balisage est de fournir des données structurées au moteur de recherche sur un produit/service ou tout autre élément publié sur la page. Grâce au balisage sémantique, il est devenu possible de mettre en évidence des informations importantes sur une page, de différencier et de structurer le contenu par type. Ceci est facilement compris par les moteurs de recherche ; ils fournissent à l’utilisateur exactement les informations sur la page qu’il recherche. tu veux transmettre.

Chaque micro-balisage possède son propre dictionnaire (une certaine base de données diverses équipes, classes, sous-classes) qu'il comprend et est capable de traiter correctement. Les dictionnaires sont assez complets, mais l'ensemble de la bibliothèque peut être consulté sur des sites spécialisés (l'article propose des liens vers des bibliothèques pour les plus populaires).

(Données pour 2014)

Examinons les principaux types de balisage sémantique :

1. Ouvrir le graphique
2. Vocabulaire des données
3. Schema.org
4. Caractères UTF

1. Ouvrir le graphique

Open Graph est utilisé pour créer un lien informatif à transmettre à réseaux sociaux. Autrement dit, il est possible d'entrer texte requis et une image pour que les utilisateurs, en cliquant sur « j'aime », diffusent votre contenu sous la forme la plus présentable.

Initialement, Open Graf a été créé spécifiquement pour Facebook, mais ce micro-balisage est désormais pris en charge par de nombreux réseaux sociaux.

En utilisant Schema org.

4. Caractères UTF

Les caractères UTF (★ ☒) ne sont pas du balisage en soi, mais en termes généraux Vue SEO ont le même objectif que le balisage sémantique : augmenter le CTR des liens dans les recherches. Il convient donc d’en tenir compte dans cette publication.

La logique est simple : nous utilisons des descriptions courtes (de préférence pas plus de 160 caractères) et y ajoutons tous les caractères UTF qui amélioreront l'attractivité du lien. Il existe aujourd'hui plus de 100 symboles différents.

D'après mes recherches, Google traite ces caractères 85 % du temps. Yandex le fait très rarement, mais si vous parvenez à obtenir un extrait aussi attrayant, le CTR commence à augmenter de manière significative, en particulier pour la 1ère page de recherche. C'est un énorme bonus par rapport aux concurrents.

Par exemple, pour la requête « Lustres LED », tous les sites du TOP-3 de Google utilisent des caractères UTF :

Le balisage sémantique est une direction prometteuse. Cette publication a discuté de son utilisation pour le référencement commercial, notamment pour élevageCTRliens dans la recherche organique. Il n'y a pas d'approfondissement dans les détails du code, mais ils sont déjà donnés exemples prêts à l'emploi, sous la forme sous laquelle l'utilisateur les voit, et qui fonctionnent réellement dans la pratique.

Si le sujet est vraiment intéressant, alors utilisation détaillée l'un ou l'autre format peut être facilement étudié en cliquant sur les liens ci-dessus.