网站代码优化-(网站优化与seo优化)

天启网络：网站SEO优化及前端代码优化分享

一、head标签中的部分

1. 网址设计

URL应该尽可能包含已经成为趋势的手机命名，比如“m./wap./3g./mobi././mob/wml/”，可以体现在子域名等.

2. 页面顶部的标签

作为协议的重要部分，检查是否有移动相关的声明也很重要，比如这些关键字，,,xhtml-,xhtml-basic,,dtd html

例子：””

3.meta标签中的属性和x-ua-

, 移动前端开发中最重要的标签，响应式设计的基础，如果你的页面符合响应式设计，那么这些页面对移动设备的输出是友好的。

典型的代码是这样的，判断是否移动的关键属性值是width，如果width=-width这是典型的移动友好设计，增加判断为移动的页面的权重，如果width有一个具体的数值，数值大于典型的手机屏幕（应该小于600）会大大增加页面被判断为PC页面的几率。

但是，META中还有一个非常独特的属性，应该是SEO人员很少会接触到的，那就是x-ua-属性，这是一个非常强大的功能代码，意思是PC。示例代码是这样的。从百度工程师处得知网站代码优化，该代码会有一个强烈暗示当前页面是PC页面的功能，需要选择性使用。

4.标题中的移动提示

制作手机页面时，在title标签中写上：“手机版”、“手机版”、“WAP版”、“触屏版”既是照顾用户体验的方案网站代码优化，又便于手机识别的页面。相反，PC 页面谨慎使用这些文本。

5.link标签的media和href属性中需要注意的细节（多为样式文件）

设置media属性的值时，表示屏幕上的显示样式，链接的href填写的URL（基本上就是样式文件的URL）比较重要，增加了对不同设备的强调在某种程度上。这时候/wap,//这个名字就尽可能的出现在URL中。与 URL 设计一样，它用于提高页面识别为移动设备的效率和概率。

如果 URL 中包含单词 pc，则会增加被识别为 PC 页面的概率。

6.一些常见的PC类识别HTML代码

embed：常用于嵌入多媒体

: 用于嵌入对象

: 老滚动效果实现代码

：大概网站优化人员熟悉典型的 PC 标签

这些通常用于 PC 或旧的、较旧的 HTML5 标签，它们已经有更有效的替代方案，这意味着使用它们将增加页面的 PC 属性，需要有目的的权衡。

7. 一些典型的 PC 功能

加载，包含语句：移动页面根本不使用如此繁重的多媒体引用方案（如果您不相信我，请询问您的前端工程师）

包含（）、msie（IE）、（）、.msie（IE）这些典型的非移动浏览器兼容代码

定时器设置好了，JS代码中包含，（不知道为什么这里设置定时器有问题）

两者都大大增加了被识别为 PC 页面的可能性

上面出现的内容，

二、需要注意的身体部位

链接和文本遵循与头部相同的原则——更多与移动相关的词；页面宽度不应超过普通移动设备的大小；那些常识（除非招错前端工程师）肯定只是为了PC性爱代码的一些兼容性。

此外，div 块的数量也值得注意。没有移动页面会过度使用 div 块。还有一些典型的 HTML 代码只用于适配 PC 机。现在，如果产品招错人了，应该引起警觉）头部和身体这两个主要部分，基本上覆盖了一个页面最重要的部分。

网站优化人员必须掌握这些使用细节，协助前端工程师将公司的PC端和移动端页面从正反两个方向呈现给搜索引擎。想象一下，如果你每天爬取的页面识别率达到 90%，而平均水平是 70%，那么这个优化增量是非常显着的。