设为首页 - 加入收藏
广告 1000x90
您的当前位置:主页 > 自媒体运营 > 正文

HMJ-Blog主题优化:加强SEO的几个小细节

来源:网络分享 编辑:引流技巧 时间:2025-05-14

SEO虽然不是一门非常复杂的学问,但是涉及的方方面面非常多。所以要做好SEO就必须从细节出发,这里思享找到了三个博客SEO优化空间,分别是H1标签、移动标示、图片alt属性。修改比较简单,一起行动起来吧!

H1标签修改

在对最初使用的博客主题修改的时候,思享就在《那些经常被忽略的优化细节》一文中写过一些对于H标签的理解,如今看来有一些一厢情愿的意思。在网上找了很多,很多人对H标签的用法都有差异,但是有一点是公认的,那就是一个页面H1标签只能有一个。而HMJ-Blog主题H1给了列表文章标题,出现多个H1标签。这里,思享把这些H1标签都修改成了H2。方法就是

template-all.php这个个文件中的H1查找替换为H2即可。

除此之外,文章h1标签给了标题,H2标签是空缺的,所以可以在functions.php文件中,将设置目录函数中的h3替换为h2。以后发文章用h2来生成目录

添加applicable-device标注

HMJ-Blog主题是自适应设计,这也是思享换用这一主题的原因。而自适应并意味着什么都不用管了,我们还要照顾到对百度友好的设计,即告诉百度“我是自适应页面”方便百度进行识别校验。方法也很简单,只要在header.php文件中找到如下代码:

  • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  • 在上述代码下面再添加一个applicable-device标签就行:

  • <meta name="applicable-device" content="pc,mobile">
  • 表示页面同时适合在移动设备和PC上进行浏览。

    图片添加alt属性

    ALT属性其实就是对图片的解释,帮助搜索引擎理解该图片的内容。对于SEO来说,如果没有这个值绝对是会扣分的。而HMJ-Blog文章中的图片以及特色图片,都可以通过替换文本添加alt值。只有logo和评论头像没有alt值。下面我们就一起来讨论一下如何添加alt属性。

    alt属性

    logo添加alt值

    logo添加比较简单,知道代码在header.php文件中

  • <img src="< php bloginfo('template_directory'); >/images/logo.png">
  • 在其中添加alt值就好了,如我的为

  • <img alt="< php bloginfo( 'name' ); >" src="< php bloginfo('template_directory'); >/images/logo.png">
  • 评论头像添加alt值

    这个其实也比较简单,functions.php找到获取加载国内头像的代码

  • function get_ssl_avatar($avatar) {
  • $avatar = preg_replace('/.*\/avatar\/(.*)\ s=([\d]+)&.*/','<img src="http://cn.gravatar.com/avatar/$1 s=50" class="avatar avatar-50" height="50" width="50">',$avatar);
  • return $avatar;
  • }
  • add_filter('get_avatar', 'get_ssl_avatar');
  • 也和上面一样,在图片地址中添加一个alt="avatar"。这种方式非常简单,缺点就是所有用户的头像,alt值都是avatar。思享也不知道这好不好,现在用得是另外一种方法。

    修改头像获取函数,将上述加载国内头像的代码替换为

  • $host = 'http://0.gravatar.com'; // 可以替换为多说服务器:http://gravatar.duoshuo.com
  • $email = get_comment_author_email(); //获取评论者的邮箱
  • $email_hash = md5( strtolower( trim( $email ) ) ); //md5加密邮箱地址
  • $out= "$host/avatar/"; //输出头像地址
  • $out .= $email_hash;
  • $out .= ' s=36'; //头像大小
  • $input_alt = get_comment_author($id); // 填入alt的内容,这里是评论者的昵称
  • 之后functions.php中所有的代码

  • get_avatar($comment, 40)
  • 替换为

  • get_avatar($comment, 40,'', get_comment_author())
  • 这种方式可以实现添加alt值为用户名的功能,但是会出现一个新问题,就是头像被墙而无法显示,所以,还应该添加如下代码

  • //评论头像使用多说的图像缓存
  • function get_avatar_uctheme( $avatar ) {
  • $avatar = preg_replace( "/http:\/\/(www|\d).gravatar.com/","http://gravatar.duoshuo.com",$avatar );
  • return $avatar;
  • }
  • add_filter( 'get_avatar', 'get_avatar_uctheme' );
  • 如果不能用,也可以换成调用七牛图像缓存

  • function replace_avatar_url($avatar) {
  • $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),"cn.gravatar.com",$avatar);
  • return $avatar;
  • }
  • add_filter( 'get_avatar', 'replace_avatar_url', 10, 3 );
  • 方法是不是很笨啊,没办法,谁叫思享小白呢~

    相关推荐:

    栏目分类

    微商引流技巧网 www.yinliujiqiao.com 联系QQ:1716014443 邮箱:1716014443@qq.com

    Copyright © 2019-2024 强大传媒 网站地图 rss地图

    Top