SEO和标签的语义化

Wesley13
• 阅读 551

做网站,我们都是需要考虑到标签语义化来提高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 等有强调语义的标签。

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

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
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
添砖java的啾 添砖java的啾
2年前
distinct效率更高还是group by效率更高?
目录00结论01distinct的使用02groupby的使用03distinct和groupby原理04推荐groupby的原因00结论先说大致的结论(完整结论在文末):在语义相同,有索引的情况下groupby和distinct都能使用索引,效率相同。在语义相同,无索引的情况下:distinct效率高于groupby。原因是di
菜园前端 菜园前端
1年前
前端开发者需要知道的Web 标准 & W3C 规范
原文链接:Web标准web标准主要分为结构、表现、行为3部分。结构:指我们平时在body里面写的标签,主要是由html标签组成表现:指更加丰富html标签样式,主要由css样式组成行为:指页面和用户的交互,主要由javascript部分组成W3C规范w3c
菜园前端 菜园前端
1年前
什么是HTML语义化?
原文链接:什么是语义化?简单了来说就是,当网页去掉CSS样式时,页面能呈现出来清晰的结构。语义化的核心作用:提升代码可读性,便于团队开发和维护。以下是语义化的HTML标签结构(部分语义化标签):假设我要编写一个这样的布局不使用语义化是这样的使用语义化是这样
Stella981 Stella981
2年前
JavaScript
Javascript简介web前端有三层:HTML:从语义的角度,描述页面的结构CSS:从审美的角度,描述样式(美化页面)Javascript:从交互的角度,描述行为(提升用户体验)JavaScript的组成ECMAScript5.0:定义了js的语法标准:包含变量、表达式、元素符、函数、i
Stella981 Stella981
2年前
HTML5新标签与javaScript新方法
HTML5(0106)1、文档声明<!DOCTYPEhtml2、字符编码设置<metacharset"UTF8"3、验证(http://validator.w3.org/)HTML5新增的语义化标签
Stella981 Stella981
2年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置1、virsheditcentos7找到“memory”和“vcpu”标签,将<namecentos7</name<uuid2220a6d1a36a4fbb8523e078b3dfe795</uuid
Stella981 Stella981
2年前
GitHub标星13.1k,JavaScript基础知识必知(一)!前端入门必看!
JavaScript背景Web前端有三层:HTML:从语义的角度,描述页面结构CSS:从审美的角度,描述样式(美化页面)JavaScript:从交互的角度,描述行为(实现业务逻辑和页面控制)发展历史JavaScript诞生于
Wesley13 Wesley13
2年前
HTML5标签(语义化)
HTML语义化是什么?HTML语义化是指根据内容的结构化,选择合适的标签。举个例子:之前所有的都用div,span等标签实现页面结构,而这些标签都没有实际的意义,而新的HTML5标签<header\<footer<nav<section<article<aside等这些标签的出现与使用,让人一目了然的知道页面结构是