Question

Comme il est dit.

Était-ce utile?

La solution

L’utilisation d’un balisage sémantique signifie que le code (X) HTML que vous utilisez dans une page contient des métadonnées décrivant son objectif. Par exemple, un <h2> qui contient le nom d’un employé peut être marqué class="employee-name". À l'origine, certaines personnes espéraient que les moteurs de recherche utiliseraient ces informations, mais à mesure que le Web évoluait, le balisage sémantique était principalement utilisé pour fournir des points d'ancrage pour CSS.

Avec les balises CSS et sémantique, vous pouvez conserver la conception visuelle de la page distincte de la balise. Cela se traduit par des économies de bande passante, car la conception ne doit être téléchargée qu'une seule fois, et une modification plus facile de la conception car elle n'est pas intégrée au balisage.

Un autre point est que les éléments utilisés doivent avoir une relation logique avec les données qu’ils contiennent. Par exemple, les tableaux doivent être utilisés pour les données tabulaires, les <p> pour les paragraphes textuels, les <ul> pour les listes non ordonnées, etc. / p>

Autres conseils

Sémantique signifie littéralement utiliser & "significatif" & "; la langue; dans le développement Web, cela signifie essentiellement utiliser des balises et des identificateurs décrivant le contenu.

Par exemple, appliquer des identifiants tels que #Navigation, #Header et #Content à votre < div > balises, plutôt que #Left, et #Main, ou en utilisant des listes non ordonnées pour une liste de liens de navigation, plutôt qu’un tableau.

Les principaux avantages concernent la maintenance future; vous pouvez facilement changer la mise en page ou la présentation sans perdre le sens de votre contenu. Votre barre de navigation peut se déplacer de gauche à droite, ou vos liens sont affichés horizontalement plutôt que verticalement, sans perdre le sens.

Voici un exemple de site Web HTML5, balisé sémantiquement, sur lequel j'ai travaillé et qui utilise les microformats acceptés récemment, comme indiqué à http://schema.org avec les nouveaux éléments de marquage plus sémantiques de HTML5.

http://blog-to-book.com/view/ articles / à propos de / site% 20web sémantique

Googles dispose d'un outil de test de marquage sémantique très pratique qui vous montrera comment l'ajout de balises sémantiques au contenu permet aux moteurs de recherche de "mieux comprendre" vos pages Web.

Voici l'outil de test: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-bookbook%%%%2Fview % 2Fstuff% 2Fabout% 2Fsemantic + web & Et view =

Notez que Google sait maintenant que les "éléments" de la page sont des livres et qu'ils ont un identifiant isbn13. L'ajout de métadonnées supplémentaires, telles que le prix et l'auteur, permet de réaliser d'autres déductions.

J'espère que cela vous indique des directions intéressantes. Il est possible d’obtenir un marquage sémantique plus détaillé à l’aide de l’ontologie de bonnes relations, qui est à peu près la plus complète que je connaisse actuellement.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top