`
hhyyllgg
  • 浏览: 28349 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

分析日本homes网站首页

javascriptcssxhtmlhtml 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=EUC-JP" />

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

上面三个META做了规范性表述，国内网站不常见 

<title>不動産・賃貸・住宅情報（マンション・一戸建て）ならHOME'S【ホームズ】</title>
<meta name="description" content="日本最大級の不動産・住宅情報ポータルサイトHOME'S(ホームズ)。賃貸物件も売買物件もお好みの条件であなたにぴったりの物件や情報を探せます。不動産用語集や住まい探しに役立つノウハウなどの情報も満載。" />

<meta name="keywords" content="不動産,住宅情報,賃貸,マンション,一戸建て,引越し,土地,HOME'S,ホームズ" />

标题，description ，keywords严格按照顺序排列。都齐全了。 

<meta name="robots" content="noydir" />

<meta name="robots" content="noodp" />

<meta name="google-site-verification" content="EqUVpwPqJlHQyVw8DyofV2TxykiSP1OaBM-2IxOntDs" />

<meta name="google-site-verification" content="Bp4DmGdhppQH0jSTYU2mfv3iRDJG-UdQTTiTjGNTAVw" />
对于google的验证也做了嵌入，这个应该是为了在谷歌的网站管理员后台直接提交sitemap。 



<meta name="y_key" content="ea4a7c42de6d0b8e" />

Yahoo的验证应该也做了类似的验证信息 

<meta name="msvalidate.01" content="EEE75333157EA91D8925230A54362853" />

<meta property="fb:page_id" content="166811860065506" />

<link rel="canonical" href="http://www.homes.co.jp/" />

定义了canonical，对于多域名多网址，避免了重复收录，不易被搜索引擎惩罚 



<link rel="alternate" media="handheld" type="text/html" href="http://m.homes.co.jp/" />

<link rel="search" type="application/opensearchdescription+xml" title="HOME'S 不動産用語検索" href="http://www.homes.co.jp/glossary/homes_glossary.xml" />

添加opensearchdescription，可以直接在火狐里面添加搜索引擎管理接口。如下图： 




<link rel="shortcut icon" href="/favicon.ico" />

定义了favicon.ico 


<link rel="apple-touch-icon" href="/apple-touch-icon-precomposed.png" />

定义了iphone,ipad浏览下的图标显示 

<link rel="stylesheet" href="/css/143/top.css?v=20110712" type="text/css" media="screen,print" />

Css版本通过添加v=20110712,避免缓存冲突 

<script type="text/javascript">if (document.execCommand) try {document.execCommand('BackgroundImageCache', false, true)} catch (e) {}</script>

这个JS，避免IE6下面背景图片重复load不能缓存的bug。 
<script type="text/javascript" data-main="/js/toppage/main.js" src="/js/require.js"></script></head>



这个页面，考虑了IE,Firefox，手机、平板浏览，考虑了SEO，管理工具收录。

考虑的非常全面，非常细致啊，这些都是平常用户看不到的地方，但他们竟然都考虑了，不得不服，不得不值得我们好好研究。
  • 大小: 22.3 KB
分享到：
| jvm类的装载过程浅析
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics