Html:Blogger Hack：Meta Data优化

2009-12-16 02:28| 发布者: admin| 查看: 43| 评论: 0|原作者: 夙玉

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

收藏分享邀请

		自动登录	找回密码
密码			注册

Html:Blogger Hack：Meta Data优化

最新评论

相关分类