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

相关推荐
葡萄城技术团队14 分钟前
1000 人协同压测的环境瓶颈排查:CPU 争用与 Wi\-Fi
前端
excel1 小时前
Marked 与 Markdown 有什么区别?该怎么选?
前端
Da Da 泓2 小时前
五子棋 Web 端测试用例报告
前端·网络·websocket·网络协议·测试用例·项目
zxcvb1533 小时前
远程查看本地文档:一条轻量 Web 文件服务的工程化链路
前端·远程查看文档
niucloud-admin3 小时前
NIUCLOUD PHP SAAS上门家政使用文档:城市管理
java·前端·php
北岛贰3 小时前
啵啵音乐迎来全新升级!
前端
hkNaruto5 小时前
【AI】基于大模型的AI游戏地图生成、控制方案:AI Native Game Harness 迁移操作手册
前端·人工智能·游戏
IT_陈寒6 小时前
Java序列化踩坑记:对象循环引用让我加班两小时
前端·人工智能·后端
Acro6 小时前
快给macOS 上的Grok Bot换一套皮肤
前端
flash俊杰6 小时前
双引擎 OCR 编排:逐页判定、视觉优先、partial 语义与三层超时
前端