9:54 AM Wednesday, December 28, 2005

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:以上的方括号<>均为全角,使用时需要改为半角。

Sent using R|mail.

通告:本站点(http://gwebread.blogspot.com)的内容系由Feeds订阅自动生成,本站不拥有任何权利,建议您通过点击文末的链接浏览原文,以获得更好的阅读体验。鉴于此处仅供个人阅读使用,恕不发送引用通告。若您拥有被订阅feeds中某些内容的权利,且不想此内容在本站发布,请留言告知。

Trackback URL: http://www.haloscan.com/tb/geneboy/113573485533623208/