手机网站移动端适配设置如何SEO优化

作者: 少校seo 分类: 黑帽seo资讯 发布时间: 2019-11-08 21:05

发件人:dream weaver链接到本文:

本文主要详细介绍如何为手机网站的移动终端适配设置优化搜索引擎优化。具有一定的参考价值。感兴趣的伙伴可以参考它,有需要的朋友可以收集它供以后参考。

今天,下面将讨论的是那些具有个人计算机站和移动站的,并且个人计算机站和移动站之间具有页面对应的是最好的。这种移动适应主要针对蜘蛛,对优化有很大好处。通过JS判断是否跳转到移动终端;对于蜘蛛使用< meta >;或者<链接>声明。完整的移动适配是个人电脑的网址和移动终端之间的一一对应。

搜索引擎将首先抓取页面。标签中的内容也是网站在搜索引擎中显示的主要内容。在移动端和电脑端,< title >;可以一致,最好添加“移动端”来显示差异。

对于使用搜索引擎的用户来说,页面的主要标题和描述与用户使用的关键词高度匹配,并且通常获得更多的流量。

<meta http-equiv="keywords" content="关键字1,关键字2,关键字3"> <meta http-equiv="description" content="商业源码,网站源码,网站模板,优秀的建站资源尽在361源码网(www.ke361.com)">

对于网站标题、描述和关键词(TDK),搜索引擎在关键词上的权重可以忽略,因为标题和描述中的字数与电脑在移动端显示时的字数有一定的差异。参考文章“什么样的文章标题有利于搜索引擎优化搜索引擎优化”

一般来说,PC机和移动终端使用不同的CSS样式表,由于两套模板需要共享网站根目录下的黑帽seo如favicon.ico图标,所以采用绝对路径来保证正常调用。

<link rel="stylesheet" type="text/css" href="http://www.ke361.com/mbzjskin/css/styles.css" media="screen" > <link rel="shortcut icon" type="image/ico" href="http://www.ke361.com/mbzjskin//favicon.ico">移动端rel="canonical"声明

为了解决网站链接不同但内容相同的问题,代码被改编成seo,百度被阻止重复列表。

例如,分别对应于个人电脑终端和移动终端的网址是

http://www.ke361.com/code/  http://m.ke361.com/code/

在移动端上。之前,添加以下代码:

<!--百度移动申明--> <link rel="canonical" href="http://www.ke361.com/code/ " />

里面的链接是告诉搜索引擎这个链接是标准的、正确的,并希望百度能够包括并参与排名(网页上的权威链接)。

需要rel="canonical "声明的情况:

(1)网站已被修改以将旧内容移动到新网址,但没有进行301重定向;

(2)部分内容管理系统栏目或内容的静态链接和动态链接相同,不做301重定向;

(3)虽然移动终端和个人电脑终端的模板不同,但主要内容相同,以免分散权重。

关于PC站与移动站的代码匹配技巧

黑帽搜索引擎优化,看看标题,你的观众可能有大致的频谱,但你真的知道如何配置?(伟大的上帝可以跳过哈...)

在搜索引擎看来(本文中对百度而言),网站大致分为三种类型:跳转适应、代码适应和自适应。

1)跳转适配:该方法将使用单独的网站为每个设备提供不同的代码。此配置试图检测用户使用的设备或ua,然后使用“HTTP重定向”和“更改HTTP头”重定向到相应的页面。

2)代码适配(Code adaptation):该方法使用相同的网址(不管用户使用的设备如何),但是根据服务器对用户使用的浏览器的理解(ua),为不同的设备类型生成不同版本的超文本标记语言。

3)自适应:通过同一个网站提供相同的超文本标记语言代码的网站设计方法。该方法不考虑用户使用的设备(个人电脑、平板电脑、移动设备),但是可以根据屏幕大小以不同的方式呈现(即,调整)显示屏。

你属于哪种网站?

搜索引擎首先如何了解你的网站?

在这种配置中,每个pc版本的网站都有相应的不同网站,用于提供针对移动设备优化的内容。为了帮助我们的算法理解单独的移动网站,我们建议您使用以下注释:

在pc版本网页上,向相应的移动版本网址添加一个特殊的链接rel="alternate "标记。这有助于找到网站移动版本的位置。

在移动网页上,添加一个链接rel="canonical "标签到相应的个人电脑网址。

例如,假设个人电脑版本网址为,相应的移动版本网址为,则本例中的注释如下:

在电脑版本页面()上,添加:

<。link rel="alternate" media= "仅屏幕和(最大宽度:640 px)" href = " # 8243;>;

在移动网页()代码改编seo上,需要的注释应该是:

<。link rel = " canonical " href = " # 8243;>;

也可以使用原始的开放适应提交方法。

# 038;第20页

为了让百度知道当你的页面改变时,它需要与其他ua一起被再次抓取,请添加变化的HTTP头。不同的HTTP头有以下两个非常重要和实用的功能:

答:它将向互联网服务提供商和其他位置使用的缓存服务器表明,在决定是否通过缓存提供网页时,它们应该考虑用户代理。如果您不使用变化的超文本传输协议头,缓存可能会错误地向移动设备用户提供个人电脑网页的缓存(反之亦然)。

它有助于百度开发者更快地找到针对移动设备优化的内容,因为当我们抓取针对移动内容优化的网址时,我们将使用有效的可变HTTP头作为抓取信号之一,并且我们将增加与其他ua抓取该网页的优先级。

并添加到电脑的响应头上

<。meta name = " applied-device " content = " PC " >;

添加到移动响应的头部

<。meta name = " applied-device " content = " mobile " >;

适应性设计有其一般原则:在头部添加以下代码并使用<图片>;元素处理自适应图片:

<。meta name = " viewport " content = " width =设备宽度,初始比例=1.0 ">;

自适应页面也应在标题中标识:

<。meta name = " applied-device " content = " PC,mobile " >;

指示页面适合在移动设备和电脑上浏览。

单击可查看更多详细信息