网站首页 > 网站建设移动端与优化的基础知识
来源:http://www.zosyo.com 发布时间:2019/9/26 浏览次数:785次
用户的流量在偏移,很多的站长开始注重移动端的优化搜索,网站开发不熟悉的SEO要先了解移动站的形式,依据不同形式进行优化调整,安徽网站建设的小编为大家讲解。
思维浅析
在二级域名及二级目录如何选择中我们提到了,移动站建设优选二级域名的形式,形如m.xxx.com/wap.xxx.com等。但在移动站点建设中应该考虑到,如何做好移动站与PC站对应关系的处理,不仅是用户视觉上的差异化处理,同时还要帮助搜索引擎对其进行有效识别。
本文主要对自适应、代码适配、跳转适配三种移动站形式进行说明,大家可根据自身的实际情况进行选择,然后进行相应的优化操作。这里对独立移动站不做过多表述,因为独立移动站的URL和PC站是不一样的,甚至都不能像跳转适配一样准确地找到PC与移动页面之间的对应关系,因此可以看做成与PC站一样的独立网站进行优化,但势必导致网站内容建设工作量的增加。
自适应
PC站和移动站的URL是完全一样的,返回给浏览器的HTML代码也是一样的,在不同宽度的屏幕上通过css进行排版布局控制,以达到不同尺寸设备屏幕下的正常浏览,通常也别称为响应式设计。
对于SEO而言相同的URL以及HTML文件,搜索引擎只需建立一套索引即可,对于大型网站而言也避免了搜索引擎抓取份额的浪费,更符合SEO中单一URL链接的权重集中。
SEOer也只需在自适应页面中添加以下meta标签,表示当前页面同时适用于移动设备及PC设备。
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<metaname="applicable-device"content="pc,mobile">
代码适配
PC站和移动站的URL是完全一样的,这点和自适应形式的移动站相同,区别在于服务端根据不同的设备返回对应版本的HTML代码和CSS文件。这样PC设备访问时得到的HTML代码是PC版,移动设备得到的HTML代码是移动版,这样在页面布局结构上可针对PC或移动端进行差异化调整,可根据PC及移动端的搜索差异性分别进行关键词布局。
但为了帮助不同的搜索蜘蛛识别页面变化需要添加VaryHTTP标头,不仅能避免错误地向移动设备用户提供pc版HTML网页的缓存,同时有助于百度蜘蛛更快速地发现针对移动设备进行优化的内容,此外还需要注意在PC端及移动端各自返回的HTML文件中添加meta标签。
<metaname="applicable-device"content="pc">
<metaname="applicable-device"content="mobile">
跳转适配
是当前最常见的移动站点建立形式,由于原有PC程序进行自适应改造困难,因此重新生成相应的移动端页面,即网页的主体内容相同但页面布局有所差异。尝试检测用户所使用的设备或ua进行跳转,然后在PC版和移动版页面分别添加特殊链rel="alternate"或者rel="canonical"标记,指向对应的移动版或PC版页面。
>> 相关文章:
·安徽网站优化对企业网站推广的重要性·安徽网站制作需要使用哪些软件?
·合肥网站制作如何实现整站优化与内容营销结合的双赢结果
·做SEO提高排名有哪些关键和重要的工作?
·安徽seo优化有关标题优化的影响
·合肥网站建设公司教你如何拍摄高质量的短片
·安徽网站制作如何布局公司网站建设有利于SEO推广?
·哪家专业网页设计公司比较好,如何选择?
·安徽网站建设网站定制优点是什么?
·安徽网站优化如何让网站排名靠前
·安徽网站制作公司如何做网站优化需要注意什么
·安徽网站建设从PC端到手机端一般会遇到什么问题?
·合肥网站制作添加目录内容时文章一定要放在目录下吗
·安徽网站优化公司怎样利用直播功能来提升品牌曝光率
·安徽合肥网络公司怎样轻松做好SEO优化
·合肥SEO优化品牌口碑营销推广方案
·安徽SEO优化如何让网站提高收录
·合肥网站制作网站的统一性如何实现
·安徽SEO优化如何让网站访问速度更快
·合肥SEO优化如何高效推进项目
·合肥网站建设如果做出大气的网站
·对分析网站排名后仍然没有转化率的问题
·自适应网站建设有哪些优势和特点?
·【网站推广】网站推广中添加图片有什么好处?
·死链对网站的影响以及如何处理?
·网页设计重要的设计元素是什么?
·品牌设计与VI设计的三个重要原则