Optimisation du menu de navigation du site Web

Optimisation du menu de navigation du site Web - Cette fois-ci, je vais partager un tutoriel sur la façon d’optimiser le menu de navigation du site Web en installant le balisage "Microdata Schema.org" dans le menu de navigation du site Web, en particulier le blogueur. L'application de microdata schema.org dans le menu de navigation a pour objectif de fournir une identité claire sur les éléments du menu de navigation et d'accroître la lecture des robots Google sur le site. Dernièrement, j’ai vu beaucoup de sites de blogueurs, même si leurs concepteurs de modèles, même s’ils ne s'intéressent pas aux données structurées sur leurs sites de blog, même si le plus gros moteur de recherche au monde, "google", recommande et utilise effectivement des microdonnées dans son système de recherche.

Je viens de dire que "Schema.org" est un ensemble de schémas extensibles développés sur la coopération de Google, Microsoft, Yahoo et Yandex pour permettre aux webmasters d’incorporer des données structurées sur des pages Web (pages Web). Ensuite, en fonction de l’utilisation des microdonnées schema.org, le robot ou l’exploration robotique reconnaîtra toutes les parties du site Web, telles que (menu de navigation, en-tête, barre latérale, corps, pied de page, contenu du site, tel que le blog).

Pour raccourcir le temps, je vous demanderai immédiatement comment installer ou appliquer les microdonnées schema.org au "menu de navigation" html du site Web du blogueur, car je pense que vous pouvez en apprendre davantage sur schema.org sur le site officiel ou en naviguant sur google.

Comment appliquer le schéma de microdonnées.org dans le menu de navigation

L’application est très facile, il suffit d’ajouter la propriété SiteNavigationElement à la balise ouvrante du menu de navigation "ul", faites attention au menu de navigation html de base suivant;

<nav id = 'cssmenu'>
<div id = 'head-mobile' />
<div class = 'button' id = 'menu-button' />
<ul>
<li> <a href='#'> Menu 1 </a> </ li>
<li> <a href='#'> Menu 2 </a> </ li>
<li> <a href='#'> Menu 3 </a> </ li>
</ ul>
</ nav>

Notez la balise "ul" qui est marquée en rouge, puis remplacez la ligne de la balise ul par le code suivant;

<ul class = 'stlb' id = 'sitenav' itemscope = '' itemtype = 'https: //schema.org/SiteNavigationElement'>
Pour que le code html soit entièrement visualisé, le menu de navigation sera comme ci-dessous;
<nav id = 'cssmenu'>
<div id = 'head-mobile' />
<div class = 'button' id = 'menu-button' />
<ul class = 'stlb' id = 'sitenav' itemscope = '' itemtype = 'https: //schema.org/SiteNavigationElement'>
<li> <a href='#'> Menu 1 </a> </ li>
<li> <a href='#'> Menu 2 </a> </ li>
<li> <a href='#'> Menu 2 </a> </ li>
</ ul>
</ nav>

Le code html auquel est attribuée la propriété SiteNavigationElement informera automatiquement le robot pour analyser le "suivi" que l'élément est la navigation principale d'un site Web. Pour savoir si la propriété SiteNavigationElement fonctionne réellement, vous pouvez tester le site à l'aide de l'outil de test de l'outil de test des données structurées de Google [Testez maintenant]

Si vous avez déjà essayé de vous connecter à Google Adsense et que votre site a été rejeté, vous pouvez essayer d'appliquer les microdonnées de Schema.org spécifiquement au menu html de navigation du site pour le résoudre, puis essayez de vous enregistrer à nouveau après un mois d'application du schéma de microdonnées. org SiteNavigationElement.

L’application de la propriété SiteNavigationElement comme ci-dessus n’est en réalité pas définitive, il reste encore certaines choses qui, à mon avis, sont très importantes à mettre en œuvre pour que le site et le menu de navigation soient plus conviviaux et aient une identité plus spécifique. Pour prendre en charge la propriété SiteNavigationElement, nous devons ajouter la propriété url à marquer comme un élément du menu de navigation. Voici un exemple complet d’optimisation du menu de navigation du site Web;

<nav id = 'cssmenu'>
<div id = 'head-mobile' />
<div class = 'button' id = 'menu-button' />
<ul class = 'stlb' id = 'sitenav' itemscope = '' itemtype = 'https: //schema.org/SiteNavigationElement'>
<li> <a href='#' itemprop='url' title='isi avec menu titre'> <span itemprop = 'name'> menu 1 </ span> </a> </ li>
<li> <a href='#' itemprop='url' title='isi avec title menu'> <span itemprop = 'name'> Menu 2 </ span> </a> </ li>
<li> <a href='#' itemprop='url' title='isi avec title menu'> <span itemprop = 'name'> Menu 3 </ span> </a> </ li>
</ ul>
</ nav>

L’application de Microdata Schema.org comme ci-dessus n’est pas simplement une optimisation du menu de navigation. Si elle est correctement implémentée, la propriété url (itemprop = 'url') du site des éléments de navigation aura un potentiel énorme pour apparaître sur la page de résultats de recherche (serp) en tant que lien de site. . De nombreux experts en référencement en Indonésie utilisent "schema.org", microdata "SiteNavigationElement", pour créer manuellement leurs liens de site.

En particulier, les liens de menu de la plate-forme blogger sont généralement remplis avec url search / label_name, de sorte que le lien annexe apparaisse sur la page de résultats de recherche spéciale du paramètre robots.txt, comme ci-dessous;

Agent utilisateur: *
Interdire:
Autoriser: /
Sitemap: https://your_sitename.blogspot.com/sitemap.xml

L'objectif est que le robot d'exploration (google crawler) puisse explorer et indexer le lien ou le libellé de l'URL, puis créer l'URL en tant que lien annexe de site de blog ultérieurement (lien de site par catégorie / libellé).

C’est pourquoi nous expliquons comment optimiser le menu de navigation du site Web et comment appliquer microdata schema.org au menu de navigation du site / blog. Espérons que cet article puisse aider les amis blogueurs à optimiser (optimisation SEO) les sites de tous mes amis. Suivez-le par e-mail et abonnez-vous au site d'électricien Batam pour obtenir des informations plus intéressantes sur les blogueurs.