Osclass网站“多个H1标签”错误：深入分析与修复指南

2024-03-05 09:33:50

Osclass网站上的“多个H1标签”错误：深入分析与修复指南

问题概述

在Osclass网站的每个产品页面上，你可能会遇到“发现多个H1标签”的错误。此错误表明网页中同时存在多个H1元素，这是搜索引擎优化（SEO）最佳实践所不允许的。

错误原因

Osclass网站上的此错误通常是由于使用了不同的H1标签来针对台式机和平板电脑和移动设备。以下代码展示了问题所在：

台式机和平板电脑：

<h1>
    <?php if(del_check_category_price(osc_item_category_id())) { ?>
      <div class="price mbCl3 p-<?php echo osc_item_price(); ?>x<?php if(osc_item_price() <= 0) { ?> isstring<?php } ?>"><?php echo osc_item_formated_price(); ?></div>
    <?php } ?>
    
    <?php echo osc_item_title(); ?>
  </h1>

移动设备：

<h1>
    <?php if(del_check_category_price(osc_item_category_id())) { ?>
      <div class="price mbCl3 p-<?php echo osc_item_price(); ?>x<?php if(osc_item_price() <= 0) { ?> isstring<?php } ?>"><?php echo osc_item_formated_price(); ?></div>
    <?php } ?>
    
    <?php echo osc_item_title(); ?>
  </h1>

修复方法

要解决此错误，你需要确保只显示一个H1标签。以下是修复步骤：

1. 检查主题文件

检查你的主题文件以确保没有其他H1标签。

2. 编辑Osclass文件

打开osclass-user.css文件，找到以下代码：

.basic .h1 {
  margin: 0;
  padding: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
}

3. 删除多余的H1标签

从台式机和平板电脑和移动设备的代码中删除多余的H1标签。保留一个H1标签，它应该包含产品的标题。

4. 保存更改

保存对osclass-user.css文件的更改。

5. 验证修复

修复后，使用HTML验证工具（如W3C验证器）验证你的网页，确保不再出现“多个H1标签”错误。

示例代码：

台式机和平板电脑：

<div class="basic isDesktop isTablet">
  <h1><?php echo osc_item_title(); ?></h1>
          
  <?php if($make_offer_enabled) { ?>
    <a href="#" id="mk-offer" class="make-offer-link" data-item-id="<?php echo osc_item_id(); ?>" data-item-currency="<?php echo osc_item_currency(); ?>" data-ajax-url="<?php echo mo_ajax_url(); ?>&moAjaxOffer=1&itemId=<?php echo osc_item_id(); ?>"><?php _e('Submit your offer', 'delta'); ?></a>
  <?php } ?>
</div>

移动设备：

<div class="basic isMobile">
  <h1><?php echo osc_item_title(); ?></h1>
          
  <?php if($make_offer_enabled) { ?>
    <a href="#" id="mk-offer" class="make-offer-link" data-item-id="<?php echo osc_item_id(); ?>" data-item-currency="<?php echo osc_item_currency(); ?>" data-ajax-url="<?php echo mo_ajax_url(); ?>&moAjaxOffer=1&itemId=<?php echo osc_item_id(); ?>"><?php _e('Submit your offer', 'delta'); ?></a>
  <?php } ?>
</div>