自动外链工具 在线排版工具 搜索引擎提交入口 wordpress主题推荐 批量打开网址工具 优化PDF资料 【已备案域名】 ★VIP视频在线解析★ 追虐SEO导航

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

637
文章目录
  1. H1标签修改
  2. 添加applicable-device标注
  3. 图片添加alt属性

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文件中找到如下代码:

  1. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

在上述代码下面再添加一个applicable-device标签就行:

  1. <meta name="applicable-device" content="pc,mobile">

表示页面同时适合在移动设备和PC上进行浏览。

图片添加alt属性

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

alt属性

logo添加alt值

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

  1. <img src="< php bloginfo('template_directory'); >/images/logo.png">

在其中添加alt值就好了,如我的为

  1. <img alt="< php bloginfo( 'name' ); >" src="< php bloginfo('template_directory'); >/images/logo.png">

评论头像添加alt值

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

  1. function get_ssl_avatar($avatar) {
  2. $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);
  3. return $avatar;
  4. }
  5. add_filter('get_avatar', 'get_ssl_avatar');

也和上面一样,在图片地址中添加一个alt="avatar"。这种方式非常简单,缺点就是所有用户的头像,alt值都是avatar。思享也不知道这好不好,现在用得是另外一种方法。

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

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

之后functions.php中所有的代码

  1. get_avatar($comment, 40)

替换为

  1. get_avatar($comment, 40,'', get_comment_author())

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

  1. //评论头像使用多说的图像缓存
  2. function get_avatar_uctheme( $avatar ) {
  3. $avatar = preg_replace( "/http:\/\/(www|\d).gravatar.com/","http://gravatar.duoshuo.com",$avatar );
  4. return $avatar;
  5. }
  6. add_filter( 'get_avatar', 'get_avatar_uctheme' );

如果不能用,也可以换成调用七牛图像缓存

  1. function replace_avatar_url($avatar) {
  2. $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),"cn.gravatar.com",$avatar);
  3. return $avatar;
  4. }
  5. add_filter( 'get_avatar', 'replace_avatar_url', 10, 3 );

方法是不是很笨啊,没办法,谁叫思享小白呢~

来源:本文由思享SEO博客原创撰写,欢迎分享本文,转载请保留出处和链接!

1条评论

  • avatar
    哈啊哈  回复

    🙂 博主加油!!! 在你这翻了好久,以后常来

昵称*

邮箱*

网址