SEO和标签的语义化

Wesley13
• 阅读 356

做网站,我们都是需要考虑到标签语义化来提高SEO搜索排名的,那么我们就先来了解一下: w3c标准: html结构 css样式 js 行为

  • 遵循的原则:先确定语义的HTML ,再选合适的CSS。
  • 语义是否良好: 当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。
  • 作用:语义化的网页的好处,最主要的就是对搜索引擎友好,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取
  • 方式:
    • 花钱买排名 a)缺点:烧钱。 b)优点:效果杠杠的。
    • 将页面做成静态页面(html)
    • 发外链(网站就越受欢迎,将来被用户搜索出来的机会就要大)
    • 页面的友好性(语义化规范)
  • 标签语义化的应用:每个html标签都有属于自己的语义,有使用标签时候要一定要了解每个标签的语义,合理使用。(在合适的地方使用合适的标签。)
    • 语义化的好处:
      • 对搜索引擎的友好(将来网络爬虫进入页面之后可以很方便的得到页面的重要信息。)
      • 提升用户体验
      • 利于代码的可读、维护、提高开发效率
  • Html中大部分的标签都具有语义,所在使用的时候一定要注意。还有一部分标签没有语义,没有语义的标签一般只用来进行布局。
    • Div
      • 特点:默认占一整行,并且一行里面只能显示一个。
    • Span
      • 特点:大小由内容来决定,并且一行里面可以显示多个。
    • Div和span默认显示特点:
      • Div默认占一整行(根据浏览器的显示大小),div的高度是由div中的内容来决定的。
      • Span的宽度和高度都是由内容来决定。(行内元素,块级元素。)
  • 使用:
  1. 重语义的地方多用有语义的标签,比如h和p等等,少用没有语义的标签比如 div,span 等等。
  2. 如果有地方可以用p 又可以用div, 优先选用 p标签(结构更清晰,特别是文字段落)。
  3. 少用纯样式标签 比如 b,u, font,可以运用css样式。 如果有强调的地方,可以考虑 strong,em 等有强调语义的标签。

如果有错误,希望大家踊跃指正,多谢啦! 如果您觉得对您还有帮助,别忘记点赞哈,谢谢啦

点赞
收藏
评论区
推荐文章
技术小男生 技术小男生
4个月前
linux环境jdk环境变量配置
1:编辑系统配置文件vi/etc/profile2:按字母键i进入编辑模式,在最底部添加内容:JAVAHOME/opt/jdk1.8.0152CLASSPATH.:$JAVAHOME/lib/dt.jar:$JAVAHOME/lib/tools.jarPATH$JAVAHOME/bin:$PATH3:生效配置
添砖java的啾 添砖java的啾
1年前
distinct效率更高还是group by效率更高?
目录00结论01distinct的使用02groupby的使用03distinct和groupby原理04推荐groupby的原因00结论先说大致的结论(完整结论在文末):在语义相同,有索引的情况下groupby和distinct都能使用索引,效率相同。在语义相同,无索引的情况下:distinct效率高于groupby。原因是di
光头强的博客 光头强的博客
4个月前
Java面向对象试题
1、请创建一个Animal动物类,要求有方法eat()方法,方法输出一条语句“吃东西”。创建一个接口A,接口里有一个抽象方法fly()。创建一个Bird类继承Animal类并实现接口A里的方法输出一条有语句“鸟儿飞翔”,重写eat()方法输出一条语句“鸟儿吃虫”。在Test类中向上转型创建b对象,调用eat方法。然后向下转型调用eat()方
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Stella981 Stella981
1年前
JavaScript
Javascript简介web前端有三层:HTML:从语义的角度,描述页面的结构CSS:从审美的角度,描述样式(美化页面)Javascript:从交互的角度,描述行为(提升用户体验)JavaScript的组成ECMAScript5.0:定义了js的语法标准:包含变量、表达式、元素符、函数、i
Stella981 Stella981
1年前
HTML5新标签与javaScript新方法
HTML5(0106)1、文档声明<!DOCTYPEhtml2、字符编码设置<metacharset"UTF8"3、验证(http://validator.w3.org/)HTML5新增的语义化标签
Stella981 Stella981
1年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置1、virsheditcentos7找到“memory”和“vcpu”标签,将<namecentos7</name<uuid2220a6d1a36a4fbb8523e078b3dfe795</uuid
Stella981 Stella981
1年前
Sass
嵌套规则(NestedRules)Sass允许将一套CSS样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器mainp{color:00ff00;width:97%;.redbox{
Stella981 Stella981
1年前
GitHub标星13.1k,JavaScript基础知识必知(一)!前端入门必看!
JavaScript背景Web前端有三层:HTML:从语义的角度,描述页面结构CSS:从审美的角度,描述样式(美化页面)JavaScript:从交互的角度,描述行为(实现业务逻辑和页面控制)发展历史JavaScript诞生于
Wesley13 Wesley13
1年前
HTML5标签(语义化)
HTML语义化是什么?HTML语义化是指根据内容的结构化,选择合适的标签。举个例子:之前所有的都用div,span等标签实现页面结构,而这些标签都没有实际的意义,而新的HTML5标签<header\<footer<nav<section<article<aside等这些标签的出现与使用,让人一目了然的知道页面结构是