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://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 );
方法是不是很笨啊，没办法，谁叫思享小白呢~
转载请注明：思享SEO博客 » HMJ-Blog主题优化：加强SEO的几个小细节