跳至主要内容

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

评论

匿名说…
其实Blogger.com的Help里有不少指导和参数表,本身就有不少可以可以发掘的功能。
匿名说…
可以在blogger的设置里指定所要被自动识别的rss地址,
匿名说…
ssdwx:后台指定的地址没有办法改Type类型,只能识别为type="application/atom+xml"
如果外部rss为非atom,就有些不标准了。
匿名说…
收藏了~

对偶,还有Help文档里面有不错的资源吗?
有空我就去看看

对偶Blogger.com上还有专门的HackBlogger的Blog吗?
最近开始使用Blogger的说
放置一些知识文章(纯粹收集)
因为Blogger的个人Blog内容搜索功能,我很喜欢^^
匿名说…
对偶,blogger有BlogThis的功能吗?
方便Quote文章的什么的~?
匿名说…
还有,写Code的话应该怎么办呢
比如引用别人的Code的话
似乎Blogger会自动隐蔽掉,有什么办法可以解决呢?
如果又,在Compose下,段落和行会粘在一起(当用Copy&Paste的时候),蛮麻烦的
匿名说…
其实如果想要自己的blog稳定性更好的话,我觉得blogger要好过wordpress.
匿名说…
世上有html真好
匿名说…
cheerleadersmasturbating http://2.primissimi.com/menaked/ milfhunterlexi cumsharing http://16.primissimi.com/cumswapping/ freegaypictures katarinawittplayboy http://6.contentidivivere.com/consulticartomanziaconsulto/ recorderdvd gothicporno http://8.unoscoppio.com/scatolalegno/ clonecd3 amstraddvdfirmware http://8.contentidivivere.com/sfondipinguino/ compilarefattura moustachecunnilingus http://15.lesensazioni.com/riassuntoimalavoglia/ prestitocatanzaro strippersbremerton http://10.lesensazioni.com/abnormalnipples/ deeppussy picturesofplaygirlmodels http://9.lesensazioni.com/tyrabanksboobies/ perfectdeepthroat 0b10ee27c4bb0f081021cb463b338367

此博客中的热门博文

微软在线Bookmark

昨天讲到在实验中的 微软在线RSS阅读器 ,今天在同一个网站上又出现了另一个实验产品: 在线书签 。 从界面来看,这个产品将支持与本地书签的同步,你可以把浏览器的书签直接导入。它还提供了加入在线书签的Bookmarklet,方便收藏网页。另外,这个产品还具有类似Firefox Livebookmark的功能,对有RSS的页面进行自动内容更新。 和刚刚推出的 Google自定义新闻页 一样,这个微软刚刚起步的产品原型,也不需要用户登陆,而采用了生成独立URL的方式来保存设置。 ASP.net的Weblog上正式 公开了Start.com ,也表明了目的是要制作一个全新的个人化首页。如果把目前的两个产品结合起来,再加入 Email 、 Blog ,会比目前的 MyMSN 好用得多。 相关链接: Microsoft's Web-based RSS Aggregator? MSN Prototypes Web-based RSS Reader and Other Interesting Stuff

Twhirl 0.8.2b:全面支持Seesmic视频

Twhirl 是我个人认为到目前为止最好的 Twitter 客户端。它刚刚释放出了一个0.8.2b测试版。这个版本和目前公开发行版本的最大不同是增加了完整的 Seesmic 功能。 在两个月前,Twhirl作为一个Twitter的客户端软件,被视频直播分享网站Seesmic所收购。所以它加入Seesmic功能是早晚的事情。 作为最热门的Twitter客户端软件,Twhirl在不断完善Twitter功能的同时,也增加并完善着对另一个热门的 信息流聚合 服务 FriendFeed的支持 ,现在又加入了Seesmic视频直播的功能。让它成为目前比较全面而又相对即时的信息交流平台。 Twhirl的功能日益强大,幸好目前我们可以自由选择所要载入的服务,还不会让人觉得它显得臃肿。希望Seesmic不要把Twhirl带入歧途就好。 Twhirl 0.8.2b下载地址: http://beta.twhirl.org/bali/twhirl-0.8.2b.air

Google Video播放用户视频

从今天开始, Google Video 将开始可以播放用户在 Upload Program 中上传的视频。首先被允许播放的是被用户标记为免费的视频,而那些被标注了价格的视频内容,将在以后和 Google Wallet 结合共同推出。Google Video将使用的在线播放器是基于一个开源播放器 VLC media player 开发的。而播放器的源代码也将在 Google Code 公开。 (Via InsideGoogle ) Google使用开源的媒体播放器,在Google Code上开放代码,必然会引来众多的第三方开发。会不会有一天,打上Google标签的播放器也抢了Windows Media Player的饭碗? Update:播放器已经提供 下载 。