Le logo de la page d'accueil du thème WordPress a des balises h1, que dois-je faire s'il y a 2 h1 dans les pages de catégorie et d'article ?

Le logo de la page d'accueil de mon thème WordPress possède une balise h1, et les pages de catégories et d'articles en possèdent également deux. Que dois-je faire ?

Il existe de nombreuses méthodes de marketing en ligne , parmi lesquelles le SEO est la plus efficace et particulièrement adaptée aux professionnels des nouveaux médias comme stratégie de promotion pour leurs comptes officiels WeChat.

L'optimisation du site Web est conforme aux spécifications du code html de la page Web :

  • La balise title du titre de la page a le poids le plus élevé, suivie de la balise h1.
  • Les balises title et h1 ne doivent apparaître qu'une seule fois par page, et si elles apparaissent plusieurs fois, elles peuvent être pénalisées par les moteurs de recherche.

Comme pour de nombreux thèmes WordPress, il est courant d'ajouter des balises h1 au logo dans l'en-tête.

En même temps, le titre de la page intérieure de l'article a une balise h1, de sorte qu'il y aura deux balises h2. Comment faire en sorte que chaque page n'ait qu'une seule balise h1 ?

J'ai également rencontré des problèmes similaires lors de l'optimisation du blog de Chen Weiliang . La solution peut être adaptée à votre thème WordPress en vous référant au code suivant :

Méthode de modification 1

Mettez le code dans le fichier header.php ▼

<hgroup class=”logo-site”></hgroup>

Remplacez par le code suivant pour résoudre ▼

<? php 
if (is_home()) {
 echo '<h1 class="site-title">';
}else{
 echo '<div class="h1_logo" >';
}
?>
 <a href="/fr/"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="<?php bloginfo('name');?>" title="<?php bloginfo('name');?>" /></a>
<?php 
if (is_home()) {
 echo '</h1>';
}else{
 echo '</div>';
}
?>
  • is_home() La fonction juge que si c'est la page d'accueil, elle affichera la balise h1, et si ce n'est pas la page d'accueil, elle affichera la balise div.

(Comme tous les thèmes WP n'ont pas le même code, si la méthode de modification 1 ne s'applique pas, veuillez vous référer à la méthode de modification 2 ci-dessous .)

Méthode de modification 2

Description de la fonction de jugement de la page d'accueil et de la page de catégorie WP ▼

if ( is_front_page() || is_category() || is_home() ) : ?> 
  • is_front_page et is_home indiquent s'il s'agit de la page d'accueil.
  • is_category indique s'il s'agit d'une page de catégorie.

Étant donné que seul le logo de la page d'accueil doit avoir des balises h1, les autres pages n'ont pas besoin d'avoir des balises h1.

Ce qui suit est supprimé is_category() ||code après ▼

<? php if (zm_get_option("logo_css")) { ?>
 <div class="logo-site">
 <?php } else { ?>
 <div class="logo-sites">
 <?php } ?>
 <?php
 if ( is_front_page() || is_home() ) : ?> 
 <?php if (zm_get_option('logos')) { ?>
 <h1 class="site-title">
 <?php if ( zm_get_option('logo') ) { ?>
 <a href="<?php echo esc_url( home_url('/') ); ?>"><img src="<?php echo zm_get_option('logo'); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" alt="<?php bloginfo( 'name' ); ?>" rel="home" /><span class="site-name"><?php bloginfo( 'name' ); ?></span></a>
 <?php } ?>
 </h1>
 <?php } else { ?>
 <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
 <p class="site-description"><?php bloginfo( 'description' ); ?></p>
 <?php } ?>
 <?php else : ?>
 <?php if (zm_get_option('logos')) { ?>
 <p class="site-title">
 <?php if ( zm_get_option('logo') ) { ?>
 <a href="<?php echo esc_url( home_url('/') ); ?>"><img src="<?php echo zm_get_option('logo'); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" alt="<?php bloginfo( 'name' ); ?>" rel="home" /><span class="site-name"><?php bloginfo( 'name' ); ?></span></a>
 <?php } ?>
 </p>
 <?php } else { ?>
 <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
 <p class="site-description"><?php bloginfo( 'description' ); ?></p>
 <?php } ?>
 <?php endif;
 ?>
  • if ( is_front_page() || is_home() ) : ?>  <?php if (zm_get_option('logos')) { ?>Indique que si la page d'accueil a un paramètre de logo, le logo avec la balise h1 sera affiché.
  • 1e <?php else : ?> Indique que s'il n'y a pas de logo, le titre et le sous-titre du site (avec les balises h1) dans "Paramètres" seront affichés.
  • 2e <?php else : ?> <?php if (zm_get_option('logos')) { ?> Indique que s'il ne s'agit pas de la page d'accueil, le logo sans la balise h1 sera affiché.
  • 3e <?php else : ?>Indique que s'il ne s'agit pas de la page d'accueil et n'a pas de logo, le titre et le sous-titre du site Web dans "Paramètres" seront affichés.

Ajouter le code h1 du titre de la page de catégorie

Si le logo de votre page de catégorie n'affiche pas la balise h1 et que le modèle de page de catégorie n'a pas la balise de titre h1...

(situation particulière,Google ChromePresse CTRL + U Trouver le code de la page Web<h1assurer)

Étape 1 : Vérifiez si la page de catégorie ne comporte pas de balise h1. Vous devez ajouter le code « Titre h1 de la page de catégorie » au modèle de la page de catégorie. ▼

<h1 class="cat_title"><?php single_cat_title(); ?></h1>

Étape 2 : Dans le fichier style.css, ajoutez le code CSS pour le titre h1 de la page de catégorie ▼

h1.cat_title{
 background: #fff;
 text-align: left;
 font: 18px "Open Sans", Arial, sans-serif;
 text-transform: uppercase;
 border-radius: 2px;
 border-left: 10px solid #0373db;
 padding-left: 14px;
 margin: 0 0 8px 0;
 line-height: 2;
}

Après cette modification, vous pouvez facilement résoudre le problème selon lequel le logo du site Web comporte des balises h1 et les articles de la page intérieure et les pages de catégorie comportent 2 balises h1.

Le référencement est le résultat de l'optimisation de divers détails. Si vous pouvez optimiser divers détails de divers codes de site Web, le classement du site Web sera également amélioré dans une certaine mesure ^_^

J'espère que l'article « Que faire lorsque le logo de la page d'accueil de votre thème WordPress comporte une balise h1, et qu'il y a deux autres balises h1 sur les pages de catégories et d'articles ? » publié sur le blog de Chen Weiliang ( https://www.chenweiliang.com/ ) vous sera utile.

N'hésitez pas à partager le lien de cet article : https://www.chenweiliang.com/cwl-582.html

Pour débloquer plus d'astuces cachées🔑, bienvenue sur notre chaîne Telegram !

Partagez et likez si vous aimez ! Vos partages et vos likes sont notre motivation continue !

 

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Remonter en haut