RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
为什么要web语义化

小编给大家分享一下为什么要web语义化,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

专注于为中小企业提供成都网站制作、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业交城免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

为什么要web语义化?

      首先,人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友好,所以就要尽可能地使标签语义化。

      所有的标签都是有自己的语义的,下面给出一部分标签的语义:

    • p 语义:pision(分隔)

    • span 语义:Span(范围)

    • ol 语义:Ordered List(排序列表)

    • ul 语义:Unordered List(不排序列表)

    • li 语义:List Item(列表项目)

     如果无视标签语义和默认样式,所有标签都用p,其实也是可以写出来视觉效果很好的页面,只要你灵活运用CSS。但是那样的话虽然视觉上达到了要求,但是整个页面一点语义都没有,搜索引擎还是看不懂。所以,要记住:

     结构(html)才是重点,样式(css)是用来修饰结构的。所以,要先确定html,确定标签,再来选用合适的css

     其次,SEO的时候我们经常用h2来突出标题,用strong来突出关键字,这确实就是语义化的体现。就目前的搜索引擎来说并不能想访客那样很直观的去查看网页,它只有分析源码来体现或猜测网站要表达的内容。比如我们想表达某篇文章的标题, 我们或许会这样写:

文章的标题

访客或许能理解我们的意思,但搜索引擎就要反复揣摩了,更好的讨好搜索引擎我们可以这样来写:

这是标题

小提示:h2拥有最高的权值,在一个页面中最好指使用1个h2来突出你的内容,太多的h2会分散其整个页面的权重,对搜索引擎也是非常的不友好。

   语义化优点:

  • 易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。

  • 有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。

  • 方便其他设备解析,如盲人阅读器根据语义渲染网页

  • 有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。

   今天先介绍主体结构标签,如图所示:

为什么要web语义化

   1、

   

定义文档或者文档的部分区域的页眉,应作为介绍内容或者导航链接栏的容器。

   在一个文档中,您可以定义多个

元素,但需要注意的是
元素不能作为
元素的子元素。

   2、