前端理论总结(html5)——meta标签作用/SEO优化

meta标签作用:

1:搜索引擎优化(SEO)

2:定义页面使用语言

3:自动刷新并指向新的页面

4:实现网页转换时的动态效果

5:控制页面缓冲

6:网页定级评价

7:控制网页显示的窗口

SEO优化:

1:合理的 title、description、keywords:搜索对着三项的权重逐个减小,title 值强调重点即可,重要关键词出现不要超过 2 次,而且要靠前,不同页面 title 要有所不同;description 把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面 description 有所不同;keywords 列举出重要关键词即可

2:语义化的 HTML 代码,符合 W3C 规范:语义化代码让搜索引擎容易理解网页

3:重要内容 HTML 代码放在最前:搜索引擎抓取 HTML 顺序是从上到下,有的搜索引擎对抓取长度有限制,保证重要内容一定会被抓取

4:重要内容不要用 js 输出:爬虫不会执行 js 获取内容

5:少用 iframe:搜索引擎不会抓取 iframe 中的内容

6:非装饰性图片必须加 alt

7:提高网站速度:网站速度是搜索引擎排序的一个重要指标

相关推荐
Kapaseker2 分钟前
前端已死...了吗
android·前端·javascript
m0_471199635 分钟前
【自动化】前端开发,如何将 Jenkins 与 Gitee 结合实现自动化的持续集成(构建)和持续部署(发布)
前端·gitee·自动化·jenkins
w***95496 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
Moment10 分钟前
富文本编辑器技术选型,到底是 Prosemirror 还是 Tiptap 好 ❓❓❓
前端·javascript·面试
xkxnq15 分钟前
第二阶段:Vue 组件化开发(第 18天)
前端·javascript·vue.js
晓得迷路了17 分钟前
栗子前端技术周刊第 112 期 - Rspack 1.7、2025 JS 新星榜单、HTML 状态调查...
前端·javascript·html
怕浪猫19 分钟前
React从入门到出门 第五章 React Router 配置与原理初探
前端·javascript·react.js
jinmo_C++19 分钟前
从零开始学前端 · HTML 基础篇(一):认识 HTML 与页面结构
前端·html·状态模式
鹏多多26 分钟前
前端2025年终总结:借着AI做大做强再创辉煌
前端·javascript
小Tomkk34 分钟前
⭐️ StarRocks Web 使用介绍与实战指南
前端·ffmpeg