说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

非响应式手机网站页面的优化

HTML文档下载 WORD文档下载 PDF文档下载
对于非响应式网站,往往在二级域名中提供手机访问的页面,为了使搜索引擎更好地理解你的网站结构,需要在页面中增加一些注释。

对于非响应式网站,往往在二级域名中提供手机访问的页面,为了使搜索引擎更好地理解你的网站结构,需要在页面中增加一些注释。

 

桌面系统页面中, 添加 rel="alternate" 标记,指向手机页面 URL. 这将帮助 Googlebot 找到你网站中的手机页面。

在手机页面中,添加 rel="canonical" 标记,指向桌面系统页面 URL.

 

例如桌面系统中URL为http://example.com/page-1

对应的手机URL为http://m.example.com/page-1

 

HTML中的注释

 

桌面系统页面:

 

<link rel="alternate" media="only screen and (max-width: 640px)"

      href="http://m.example.com/page-1" >

在手机页面,需要这样:

 

<link rel="canonical" href="http://www.example.com/page-1" >

rel="canonical" 标记中的href指向桌面页面。

 

Sitemaps网站地图中的注释

 

在网站地图中,我们同样需要包含 rel="alternate":

 

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"

        xmlns:xhtml="http://www.w3.org/1999/xhtml">

<url>

<loc>http://www.example.com/page-1/</loc>

<xhtml:link

    rel="alternate"

    media="only screen and (max-width: 640px)"

    href="http://m.example.com/page-1" />

</url>

</urlset>

 

同样道理,我们需要将 rel="canonical" 标记添加到手机页面的HTML中。

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘