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属性。

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:
$email = get_comment_author_email();
$email_hash = md5( strtolower( trim( $email ) ) );
$out= "$host/avatar/";
$out .= $email_hash;
$out .= ' s=36';
$input_alt = get_comment_author($id);
之后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 );
方法是不是很笨啊,没办法,谁叫思享小白呢~