Octopress添加统计与SEO

original link:http://812lcl.github.io/blog/2013/10/29/octopresstian-jia-tong-ji-yu-seo/

 written by 812lcl posted at http://812lcl.github.io

博客建好了,文章写出来,当然希望有人能看到,而且希望更多的人看到,这就需要让 自己的博客可以在搜索引擎里面检索到,自己搭建的博客不像在CSDN、博客园写的文章 ,因为你的博客还没有被提交到搜索引擎,让它来抓取你,所以首先要到各个搜索引擎 提交自己的博客地址。

http://urlc.cn/tool/addurl.html

http://tool.lusongsong.com/addurl.html

提交到搜索引擎了,能搜索到你的文章了,你还需要做的是为你的网站、文章添加描述 信息、关键字,来帮助用户准确的搜索到你的文章。关键字和描述是指网页head部分的 元标签meta,是给搜索引擎看的,以此希望用户可以比较容易找到。

首先为你的每篇文章添加描述和关键字,本文的文件头如下:

1
2
3
4
5
6
7
8
9
10
---
layout: post
title: "Octopress添加统计与SEO"
date: 2013-10-29 22:37
comments: true
categories: Octopress
tags: [octopress, 博客, SEO]
keywords: seo, octopress, analytics, 站内搜索
description: 为Octopress添加统计工具及SEO技巧
---

这样就可以为你的文章添加关键字和描述,使搜索引擎更容易搜到你的文章。你还可以 为你的博客首页添加描述和关键字,在source/index.html文件顶部添加即可,方法 如上。

如果你没有为文章添加描述,octopress会自动以文章的前150个字符作为描述,以为 每一篇文章都添加描述,octopress模板实现以上功能的代码在source/_includes/head.html中:

1
2
3
{% capture description %}{% if page.description %}{{ page.description }}{% else %}{{ content | raw_content }}{% endif %}{% endcapture %}
  <meta name="description" content="{{ description | strip_html | condense_spaces | truncate:150 }}">
{% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}">{% endif %}

此外,也可以在_config.yml里添加默认的descriptionkeywords

统计工具

octopress模板里面默认带了Google Analytics工具,只需要注册Google Analytics, 获得一个google_analytics_tracking_id, 添加到_config.yml中对应位置,并对网站进行验证即可。然后可以通过Google Analytics分析网站的流量了。而且可以使用Google站长工具,对网站进行更全面的分析,进行SEO。

对自己的网站进行验证,只需将网站提供的用于验证的代码添加到source/_includes/head.html<head>标签之间,网站部署到网上后,过几分钟即可验证通过,其他 需要验证的也同样操作。

除了Google的统计工具,还有就是国内使用很广的CNZZ了,注册后,添加并验证你的网站就可以添加统计代码了,选好自己喜欢的样式,获得代码,可添加到source/_includes/custom/footer.html中。即可查看每天你的博客的流量,进行相应的优化了。

最后还要提的就是百度站长工具和 百度统计了,方法和CNZZ方法类似 ,统计代码也可以添加到source/_includes/custom/footer.html中。但是我发现 似乎百度统计并不太准确,并且百度很难搜的到我的博客。

我的统计代码添加如下,包括百度统计和CNZZ:

1
2
3
4
5
6
7
8
9
10
11
12
<p>
  Copyright &copy; {{ site.time | date: "%Y" }} - {{ site.author }} -
  <span class="credit">
          Powered by
          <a href="http://octopress.org">Octopress</a>
  </span>
  <script type="text/javascript">
        var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F25fb42e16458b238f8da9ba05d6b9d4d' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1000106316'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1000106316%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
</p>

摘要和语法高亮

如果想让文章在首页只显示一部分,只需要在文章中相应的位置添加<!-- more --> 即可,在_config.yml中修改excerpt_link: "继续阅读 &rarr;"来修改继续阅读 按钮的显示内容。

octopress自带了语法高亮功能,使用的是pygements.rb,使用方法见Backtick Code Blocks,支持的语言见Supported languages

其他方法见embed code from a fileembed GitHub gistsOctopress代码高亮

站内搜索

最后,还有一点我想实现但却始终没实现了的功能,就是站内搜索。octopress自带 了google的搜索,在搜索栏中搜索后,相当于在google中指定搜索域为你的博客进行 搜索,然后跳到Google页面,虽然能搜到你博客中的相关内容,但是作为有强迫症的我认为这和整个博客风格不太符。我想实现的效果是如这个博客所实现的站内搜索一样。 这就需要使用Octopress Lunr.js plugin,但我安装安装方法试验了好几次,还是没有成功。

如果谁安装成功了,还希望指点我一下。


好了,关于octopress也写了好几篇文章了,主要想记录一下自己搭建博客的过程,怕 自己忘掉,以后再搭还要从头再来。也是刚开始写博客,需要练习的过程,开始虽然 写的不好,但坚持下来总是会有收获的。

参考文章:


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值