前端理论总结(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:提高网站速度:网站速度是搜索引擎排序的一个重要指标

相关推荐
谭光志4 小时前
Vibe Coding 时代,程序员该何去何从
前端·后端·ai编程
仿生狮子6 小时前
别再说“全栈”了,AI 时代团队只认这 5 种人
前端·人工智能·后端
kyriewen6 小时前
AI 写的 React 组件,合并前必查的 6 个坏味道——每个都有代码对比
前端·javascript·react.js
Highcharts.js6 小时前
软件开发公司为什么选择 Highcharts?
前端·前端框架·echarts·数据可视化·技术选型·highcharts·图表工具
阿祖zu7 小时前
企业 AI 转型之痛,个人提效十倍不止,组织效率仍止步不前?
前端·aigc·agent
摇滚侠8 小时前
SpringBoot3+Vue3 全套视频教程 45-51
前端·javascript·vue.js
酸梅果茶8 小时前
【6】lightning_lm项目-LIO 前端 -点云预处理模块
前端·slam
Hilaku8 小时前
前端大裁员背后的恐慌:我们还剩什么底牌?
前端·javascript·程序员
咖啡无伴侣9 小时前
unplugin-auto-import 使用详解+面试高频考点
前端·架构
搬砖记录员9 小时前
录屏文件打不开?H.265兼容性踩坑与4种实战方案
前端