广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 培训教程 > Html5 > 正文

Blogger Hack:Meta Data优化介绍_html网页培训

作者:小甘发布时间:2020-12-23分类:Html5浏览:1090


导读:  MetaData,这里指的是网页中<head></head>中间用来描述本页特性的一些信息。在Blogger系统中,因为模版可以完全定制,所以我们可以对MetaData进行...

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


Html5排行
标签列表
网站分类
文章归档
最近发表