跳至主要内容

Blogger Hack:Meta Data优化

Meta Data,这里指的是网页中<head></head>中间用来描述本页特性的一些信息。在Blogger系统中,因为模版可以完全定制,所以我们可以对Meta Data进行一些优化,从而提高Blog的兼容性及可读性,也让搜索引擎更方便抓取页面内容。

解决在Internet Explorer中不能自动识别UTF-8编码的问题
在有些情况下,IE浏览器无法自动识别Blogger模版的编码格式,会显示空白页面,需要手动更改编码才能正常显示内容。解决的方法:只需要将以下的编码信息放在Meta Data得最前面,也就是仅靠在<head>之后:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

让支持RSS的浏览器自动识别外部RSS地址
默认的Blogger模版可以让浏览器自动识别其自带的Atom Feed。不过有很多Blogger用户都在使用功能更强大的FeedBurner的Feed,如何才能让浏览器也自动识别FeedBurner的Feed呢?在<head></head>中间加入这样的语句就可以作到:
<link rel="alternate" type="application/rss+xml" title="WebLeOn's Blog RSS" href="http://feeds.feedburner.com/FeedName" />

Blogger过滤标签的使用
Blogger的过滤标签<ItemPage>、<MainOrArchivePage>、<MainPage>、<ArchivePage>对Meta Data也是有效的,所以我们可以利用这些标签来使不同的页面有不同的属性:以下是让不同页面显示不同标题格式的例子:
<MainPage><title><$BlogTitle$></title></MainPage>
<ArchivePage><title><$BlogPageTitle$></title></ArchivePage>
<ItemPage><title><Blogger><$BlogItemTitle$></Blogger> - <$BlogTitle$></title></ItemPage>

Blogger提供了非常多可用的标签 ,它们中有很多都可以被用在Meta Data中,我能做的只是抛砖引玉,希望大家能在使用中发现更多优化的办法并拿出来分享。
PS:以上的方括号<>均为全角,使用时需要改为半角。

评论

此博客中的热门博文

How to Design a Store Front Sign

In this Article we will talk about designing a store front for a business. What color or size should your Letters & designs be? What to put on your sign and why?, then be ready to Get in touch with sign people and get your best deal. Large lettering with out a front sign could save you time and money Do your products have a special shape or color to emulate on your sign? Kodak is always in yellow and black, Coca-Cola white on red, Etc. Muffler places, have a sign in the shape of a muffler. your phone number on the store front some place, but not on the identification sign, (door, or window) Your Product & logos can be arranged on the front sign, or window. Not on the Pole sign, Store hours & phone number could fit in your design and by using the product color, it could add product recognition & enhance your design. Suppliers may provide plenty of advert...

How to Make Money from Home Posting Links With No Out of Pocket Expense

Many people are earning money working from home just posting links on a blog, a website, or on well organized Social network marketing website. Anyone can earn substantial income by knowing what to do, where to do it, and how to do it. This article is designed around the Know How concepts to help people without that knowledge to set up their Blogs or Websites to achieve goal. Money is a medium of exchange that brings financial success TRAFFIC EXCHANGE ACCOUNT Log into your website or blog account and place the adsense code into the html document. Then save your document. Upload you website or blog to the internet following any instruction you received from your webmaster. Remember that your webmaster host your website or blog absolutely free. You must publish your site or blog for changes to take place. You now need free traffic resources to advertise and promote your new blog...

找到一个可以替代ghs.google.com的地址

用Goole Blogger的自定义域名功能需要用到 ghs.google.com 做CNAME,或者用ping ghs.google.com 得出的IP做一个A记录.但是,伟大的GFW已经把 ghs.google.com 和部分IP屏蔽在大陆之外.这样的壮举使得我们的自定义域名不能正常访问,或者让你的网页背景.图片被滤掉,精心做成的模板变得惨白不堪. 那么,我们可不可以找一个替代 ghs.google.com 的地址呢?当然能.因为Google是强大的.它有许多有用的IP地址让你去探寻. 对 ghs.google.com 分析研究后发现, ghs.google.com 这台服务器并没有提供实质性的服务,而只是选择访问者访问最快的服务器(Google全球性公司,很多地区都有服务器).我们只要找到其他服务器的IP地址,并且这个IP地址没被屏蔽,那么就成了. 寻找这样的IP地址需要用到tracert命令.即在CMD模式下输入:tracert ghs.google.com ,在已经屏蔽的当下,最后自然得不出结果,这就需要我们使用代理了.使用不同地区的代理运行tracert ghs.google.com 命令. tracert ghs.google.com 的最后一跳会有类似这样的域名: eh-in-f121.google.com 如果在不用代理的情况下,你能ping通这个域名,那么恭喜你,你找到了!现在就可以用这个域名代替 ghs.google.com 设置你的CNAME了,ping出的IP地址可以做A记录,CNAME和A记录,只做其中之一就可以. hs-in-f121.google.com 64.233.179.121 eh-in-f121.google.com 72.14.207.121 bx-in-f121.google.com 66.249.81.121 ik-in-f121.google.com 66.249.91.121 这4个在我所在地区不能使用,而可以使用 tw-in-f121.google.com 72.14.235.121 或者209.85.171.121也可用 下面是一些不断更新的:74.125.43.121 除了使用代理来寻找,也可以通过一些网站提供的功能来寻找这个地址,很方便,就是使用网站提供的Traceroute.这些网站有: h...