写在前面：我们经常提到的“前端”，即“HTML、CSS、JS”的总称。HTML是超文本符号语言，结构包罗“头”部门（英语：Head）、和“主体”部门（英语：Body），其中“头”部提供关于网页的信息，“主体”部门提供网页的详细内容。CSS是层叠样式表，顾名思义就是用来控制网页标签的样式，决议网站的视觉效果。JS是一种直译式脚本语言，简朴的用途就是控制网页的行为，用来给HTML网页增添动态功效。
小的总结：
HTML —— 结构层（控制页面结构）；CSS —— 样式层（控制页面样式）；JS —— 行为层（控制页面行为）。
详细示例：
01.HTML:
HTML示例02.CSS:
CSS示例03.JS:
JS示例正文内容：通过上面的简朴介[清远SEO]绍，想必人人也会以为：实在前端真正对SEO对照有影响作用的照样HTML。
那么我们从几个详细的角度来讨论HTML对SEO的影响：
性能角度：一个网页的性能主要涉及到其“加载速率”和“浏览流通度”，主要解决方案有：削减页面请求、CDN加速、精简代码、压缩传输、引用新框架等；结构角度：HTML5版本相较于之前版本最显著的区别就是引入大量语义化标签，所谓“语义化标签”？顾名思义就是直接通过标签所用的单词意思就能知道这个标签包裹的内容局限属于什么。HTML头部lt;metagt;标签也许领会即可，主要用于声明网页的语言、编码花样、响应模式、相关版权等。
接下来，举例先容几个对照“盛行”使用的HTML语义化标签：
01.lt;headergt;界说了站点的头部信息，也就是页眉，一样平常放置网站的站点名称以及LOGO和导航栏。搜索引擎更容易识别站点的类型。
02.lt;navgt;界说导航链接，也就是栏目或者频道的链接。搜索引擎可以更好领会网站的信息架构，分类等。优越的信息架构，更有利于蜘蛛的爬行和权重的漫衍。
03.lt;footergt;界说了底部信息，也就是页脚。放置页脚导航，一些好比公司先容，联系我们之类的信息。一样平常来说对网站对照不重要，有可能搜索引擎会降低其位置的权重。
04.lt;sectiongt;该元素用来示意[清远SEO]网页中差别的分区。优势体现在每个部门都可以有其自力的HTML题目。这可以让搜索引擎更好的领会网页的结构是若何划分的。搜索引擎可能会凭据网页中的lt;sectiongt;标签找出其信息架构。（同左撇子）
05.lt;articlegt; 界说文章区域，可以更有利于搜索引擎识别网页的内容以及判断相关性。，
06.lt;asidegt;界说页面内容之外的内容，在左侧或右侧边栏。好比知乎右侧的“相关问题”就属于lt;asidegt;区域。aside标签的文字信息与article标签区域的文字信息最好是相关。可能会影响到该页面和目的页面的排名。
另有一些小标签SEO也会·识别：lt;taggt;标签顾名思义就是文章标签词、lt;timegt;标签顾名思义就是页面公布时间、lt;audiogt;界说音频 、lt;videogt;界说视频 等等 ... ...
最后简朴提一下几个要点：
一个页面要将lt;H1gt;标签数目控制到一个（最好是包裹页面大主题目、等有一定权重后，可以包裹[清远SEO]logo强调品牌），文章段落二级题目最好加上lt;H2gt;。编辑产物、资讯详情页的时刻，“文章摘要”、“标签”要着重构想编辑，由于将直接影响到页面的SEO，最好是在编辑的时刻就填好，精准。不要拖到后面再修改。页面的文章内容板块最好用lt;articlegt;标签包裹，不用忧郁兼容性问题，浏览器不能识别的标签会直接输出内容，不会对页面显示造成影响，而且现在主流浏览器对HTML5新的语义化标签兼容性都很不错。编辑文章的时刻，可以适当添加相关关键词的站内链接，提升网站的内链结构。内容关键词加黑标签请用lt;bgt;标签(strong标签可以用来强调详细页面内容)。B标签往往用在关键词上，一个页面只要加2-5次就差不多了，详细还要凭据页面巨细而定。页面配图的时刻记得加“Alt”属性，有利于站内图片被搜索引擎的检索，对提升网站的曝光度有一定作用，同时也对页面的seo排名有一定影响。借鉴相关文章时，若是涉及到内容复制粘贴，切记勿将lt;iframegt;标签也复制过来了，内容自己的一些无关内外链接可以删除。网站添加“面包屑”导航也有利于搜索引擎的爬行，更利于页面的抓取和索引效率。
写在最后：最后简朴提几点对SEO优化有助的几点：网页页面链接伪静态（一个好的链接结构，可以清晰指导搜索引擎明确网页主体内容）， *** 网站舆图（sitemap.html/xml）并提交给站长平台（对页面收录有直接影响），凭据网站后台系统编辑对应的robots.txt（指导搜索引擎对网站举行有用抓取），网站结构扁平化（目录和内容结构最好不要跨越3层，若是有跨越三层的，最好通过子域名来调整和简化结构层数）。
(责任编辑：网络)
评论列表