帝国网络服务有限公司专注中小企业全网营销、SEO推广需求,解决品牌曝光产品推广难题,
终会赢得SEM&SEO外包企业选择与信任。
当前位置:首页 > SEO教程>手机SEO针对其他设备的移动版网站搜索引擎优化 (SEO)

手机SEO针对其他设备的移动版网站搜索引擎优化 (SEO)

来源:SEO官网发表时间:2021-01-18浏览:10
下一篇:返回列表
在考虑如何为移动用户配置网站时,通常应考虑使用平板电脑设备访问网站的用户。对于构建便于搜索引擎进行搜索并针对平板电脑进行了优化的网站,尽管我们没有给出具体的建议,但我们在下面提供了一些提示,希望能帮助您构建可供各类用户(桌面设备用户、智能手机用户和平板电脑用户)访问的网站。

自适应设计
我们通常会建议采用自适应设计。这意味着,网站会向所有设备提供相同的 HTML 代码,并根据不同的 CSS 样式规则优化网站界面,为桌面设备、智能手机和平板电脑提供最理想的操作环境。

由于平板电脑与智能手机一样,其尺寸和屏幕分辨率不尽相同,因此,如果您的网站采用了自适应设计,请在各类平板电脑上对其进行测试,以确保它能够正确地呈现网页内容。

设备专用的内容
网站可以针对不同的设备返回不同的网页(例如,不同的 HTML、CSS 和 JavaScript)。这些网页可以通过同一网址(名为“动态提供内容”的配置)提供内容,也可以通过不同的专用网址提供内容。

如果您的网站针对桌面设备用户和智能手机用户提供不同的网页,而没有专用于平板电脑的网页,那么以我们的经验来看,平板电脑用户通常更希望看到网站的桌面版网页,而不是智能手机版网页。

如果您的网站有针对平板电脑优化的网站版本,那么以下指南可以帮助您配置网站:

动态提供内容:如果使用这种配置,系统会根据用户代理提供不同的 HTML(和 CSS),让桌面设备用户、智能手机用户和平板电脑用户可以使用相同的网址访问网站。 如智能手机版网站建议中所述,我们强烈建议您使用 Vary HTTP 标头。
单独的平板电脑专用网址:在这种情况下,我们强烈建议您允许 Googlebot 抓取平板电脑版网址,并在每个平板电脑版网址上使用 rel="canonical",以便让这些网址指向对应的桌面版网址。
非智能手机
对于为智能手机用户提供服务的网站,我们建议尽可能使用自适应设计。然而,由于非智能手机没有执行 CSS 媒体查询的功能,因此,如果网站站长希望为非智能手机提供内容,则需要将其网站配置为通过动态提供内容或使用单独的网址向非智能手机提供内容。

另外,我们建议任何打算支持非智能手机的网页都包含如下所述的 <link rel="alternate" media="handheld"> 标记。

本部分介绍了实现上述各种配置的方法

动态提供内容
配置您的服务器,以便通过为其他设备提供内容的同一网址动态提供针对非智能手机优化过的内容;此过程的实现方法与为智能手机提供内容时所使用的方法相同。服务器应包含 Vary: User-Agent HTTP 响应标头,同时您也应留意检测用户代理时的常见问题。此外,请在您的网页中添加以下标记:


<link rel="alternate" media="handheld" href="[current page URL]" />
单独的网址
网站站长在通过不同的网址向桌面设备用户、智能手机用户和非智能手机用户提供内容时,可以使用三种受支持的配置。这些配置会使用前面介绍过的注释来构建针对非智能手机和智能手机进行了优化的网站。

专用网址配置
在此配置中,设置大致如下所示:

http://www.wangzhanyouhua.net/page-1 响应桌面设备用户请求
http://m.wangzhanyouhua.net/page-1 为智能手机用户提供内容
http://phone.wangzhanyouhua.net/page-1 为非智能手机用户提供内容
采用这种配置时,我们建议添加以下注解,便于我们的算法了解针对不同设备的对应网页之间的关系:

在 www.wangzhanyouhua.net/page-1 上添加以下内容:


<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.wangzhanyouhua.net/page-1" />
<link rel="alternate" media="handheld" href="http://phone.wangzhanyouhua.net/page-1" />
在 m.wangzhanyouhua.net/page-1 上添加以下内容:


<link rel="canonical" href="http://www.wangzhanyouhua.net/page-1" />
在 phone.wangzhanyouhua.net/page-1 上添加以下内容:


<link rel="canonical" href="http://www.wangzhanyouhua.net/page-1" />
桌面设备与所有移动设备的网址配置
采用这种配置时,网站会通过一个网址为桌面设备提供内容,并通过另一个单独的网址为所有移动设备(即智能手机和非智能手机)提供内容。例如:

http://www.wangzhanyouhua.net/page-1 为桌面设备用户提供内容
http://m.wangzhanyouhua.net/page-1 为智能手机和非智能手机用户提供内容
在此例中,http://www.wangzhanyouhua.net/page-1 上的注释如下:


<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.wangzhanyouhua.net/page-1" />
<link rel="alternate" media="handheld" href="http://m.wangzhanyouhua.net/page-1" />
在 m.wangzhanyouhua.net 页上添加以下标记:


<link rel="canonical" href="http://www.wangzhanyouhua.net/page-1" />
无论是非智能手机版网页还是智能手机版网页,都需要添加此 rel="canonical"。

服务器应将 HTTP Vary: User-Agent 标头添加到其响应中。该标头会向互联网缓存和 Googlebot 发送信号,表明服务器的响应可能会因用户代理而异,并且 Googlebot 会根据此信号抓取网页。

单独的非智能手机网址配置
采用这种配置时,网站会使用自适应设计或动态提供内容,通过一个网址为桌面设备及智能手机提供内容,并通过另一个单独的网址为非智能手机提供内容。例如:

http://www.wangzhanyouhua.net/page-1 为桌面设备用户和智能手机用户提供内容
http://m.wangzhanyouhua.net/page-1 为非智能手机用户提供内容
在此例中,http://www.wangzhanyouhua.net/page-1 上的注释为以下标记:


<link rel="alternate" media="handheld" href="http://m.wangzhanyouhua.net/page-1" />
http://m.wangzhanyouhua.net/page-1 上的注释为以下标记:


<link rel="canonical" href="http://www.wangzhanyouhua.net/page-1" />
重定向和 Vary HTTP 标头
如果网站会自动将访问桌面版网站的移动设备访问者重定向到移动版网站(或反之),请务必将服务器配置为包含 Vary HTTP 标头。

站点地图
我们提出的有关使用非智能手机站点地图以及适用于智能手机备用网址的站点地图的建议没有变化。