WordPress SEO之如何设计在不同页面下文章标题和主页标题H1标签

在SEO优化中H1标签的作用是很重要的,从<h1>到<h6>分别代表了6层标题,其他H1是最重要的,其他的依次减弱。如何分配这些标签呢?一般情况下一个页面只能存在一个H1标签,多了并不利于SEO优化,一个站有这么多页面如何分配这么标签呢,通常来说主页的H1标签分配给主页标题,文章标题设置为H2.在文章页时,H1标签分配给文章标题,而主页标题为H2.同理文章的标题也是如此。按这个思路我们就可以进行H1标签的分配操作了。
现在说说在wordpress中,在哪里修改这些H标签。
第一步,为博客标题添加相应H标签。
在你的当前主题目录:wordpress/wp-content/themes/xx主题下的head。php头文件上查找:bloginfo('name')相关的语句,这个代码表示调用当前博客标题名
现在我就们要为这个标题添加H1标签代码见下:
<h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name') ?></a></h1>
这样是否就可以了呢?当然不是,如果只用这段代码的话,结果是所有的页面下博客标题都会添加H1标签,这不是我们要的目的,我们是想实现主页的H1标签分配给主页标题,文章标题设置为H2.在文章页时,H1标签分配给文章标题,而主页标题为H2.
所以我们还要做一个判断就是当当前页面为主页时用H1标签,当当前页面为非主页时用H2标签。代码如下:
<?php if (is_home()) {
?><div id="H" ><h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name') ?></a></h1><?php } else { ?><h2><a href="<?php echo home_url(); ?>"><?php bloginfo('name') ?></a></h2><?php } ?>
这样我们就可以实现主页的H1标签分配给主页标题,文章标题设置为H2.在文章页时,H1标签分配给文章标题,而主页标题为H2。

第二步,为文章添加相应H标签。

文件路径:wordpress/wp-content/themes/xx主题下的single。php头文件上查找the_title()的函数,然后把<h2><?php the_title();?></h2>中的H2改成H1,有可能有些主题有重新封装一些函数,所以他的函数调用可能放在其他文件夹内这个你就要自己查找了。总之只要找到有给标题添加标签的函数就行了。
在我的这个主题中就是把the_title()函数封装过,放在funtions文件下,把我的代码贡献出来,如下:
if (!function_exists('liujing_display_post_title')) {
function liujing_display_post_title() { -----我自己定义的这个函数中有调用the_title() 所以这里没有看到the_title()函数。
global $post, $wp_query;
if ((liujing_themeinfo('disable_page_titles') && is_page()) || (liujing_themeinfo('disable_post_titles') && !is_page()) || (is_page('chat') || is_page('forum'))) return;
if (is_home()) { -----这个if语句就是判断文章页时文章标题标签为H1,非文章时标签为H2.
$post_title = "<h2 class=\"page-title\">"; ----
} else {
$post_title = "<h1 class=\"post-title\">";
}
if (is_home() || is_search() || is_archive() && !is_page()) $post_title .= "<a href=\"".get_permalink()."\">";
$post_title .= get_the_title();
if (is_home() || is_search() || is_archive() && !is_page()) { -
$post_title .= "</a>";
$post_title .= "</h2>\r\n";
} else {
$post_title .= "</a>";
$post_title .= "</h1>\r\n";
}
echo apply_filters('liujing_display_post_title',$post_title);
}
}
这样我们就可以实现文章页下文章标题标签是H1,非文章页面下标签为H2。

第三步,查看实现效果。

先打开主页,在窗口处右击鼠标,查看网页源代码,在弹出的源代码页上,可以看到主页上只有博客标题有添加H1,文章标题是H2.
再打开某个文章,查看网页源代码,在弹出的源代码页上,可以看到文章上只有文章标题是H1,博客标题有添加H2.
这样我们为不同页面添加不同标签就完成了。

weinxin
DC Farm小程序二维码
扫一扫添加博客小程序
Jim

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  4   博主  2

    • avatar wuxinxinggg 3

      来访ip。。。期待回访

      • avatar v3 3

        很受用,收藏了

        • avatar isaac 0

          谢谢,很实用,我的页面h2改为h1是在loop-single.php里,single.php里没有。

            • 激劉勇靖 激劉勇靖 Admin

              @isaac 这个要看你的主题了,有些主题会把这部分函数分出来写,所以你的不在single.php

            • avatar 爱梦 0

              找了好久终于找到了,,实验一下。。