# 基础篇

怎么复习：先从你最不熟的主题开始，不必按题号从头刷到尾。看到题目先试着用自己的话回答，再对照解析补上原理、适用场景和容易漏掉的边界；能说清楚的题目直接跳过，把时间留给答得含糊的部分。

# 一、HTML、HTTP、WEB综合问题

# 1 前端需要注意哪些SEO

⚡ 30 秒速记

主线：让爬虫拿得到内容、读得懂结构、愿意展示给用户点
拿得到：核心内容直出在 HTML 里（SSR / SSG），别只靠客户端 JS 渲染，别藏进 iframe
读得懂：语义化标签、一个页面一个 h1、标题层级不跳、内容图写 alt
愿意点：每页独立的 title 和 description；description 不参与排名，只影响点击率；keywords 谷歌早就不看了
站点级：sitemap.xml、robots.txt、canonical 去重、结构化数据、Core Web Vitals 达标
纠正旧说法：Google 会执行 JS，但渲染排队、收录慢；百度等对 JS 渲染支持弱，重要内容还是直出最稳

前端做 SEO，说白了就三件事：让爬虫抓得到内容、看得懂结构、愿意在搜索结果里展示。 抓得到靠 SSR 或 SSG，标题、正文、价格这些要在初始 HTML 里就有，Google 虽然会跑 JS，但要排队渲染，百度这类基本靠不住。看得懂靠语义化标签、标题层级和图片 alt。愿意展示靠每页不同的 title 和 description，后者不影响排名但影响点击率。再配上 sitemap、canonical 和页面速度，基本就齐了。

合理的title、description、keywords：搜索引擎对这些标签的权重逐渐减小。在title中，强调重点即可，重要关键词不要超过2次，并且要靠前。每个页面的title应该有所不同。description应该高度概括页面内容，长度适当，避免过度堆砌关键词。每个页面的description也应该有所不同。keywords标签应列举出重要关键词即可。
- 针对title标签，可以使用重要关键词、品牌词或描述页面内容的短语。确保标题简洁、准确地概括页面的主题，并吸引用户点击。
- 在编写description标签时，应尽量使用简洁、具有吸引力的语句来概括页面的内容，吸引用户点击搜索结果。避免堆砌关键词，以自然流畅的方式描述页面
- keywords标签已经不再是搜索引擎排名的重要因素，但仍然可以列举出与页面内容相关的几个重要关键词，以便搜索引擎了解页面的主题。
语义化的HTML代码，符合W3C规范：使用语义化的HTML代码可以让搜索引擎更容易理解网页的结构和内容。遵循W3C规范可以提高网页的可读性和可访问性，对SEO也有好处。
重要内容HTML代码放在最前：搜索引擎抓取HTML的顺序是从上到下，有些搜索引擎对抓取长度有限制。因此，将重要的内容放在HTML的前面，确保重要内容一定会被抓取。
重要内容不要用js输出：爬虫不会执行JavaScript，所以重要的内容不应该依赖于通过JavaScript动态生成。确保重要内容在HTML中静态存在。
少用iframe：搜索引擎通常不会抓取iframe中的内容，因此应该尽量减少iframe的使用，特别是对于重要的内容。
非装饰性图片必须加alt：为非装饰性图片添加alt属性，可以为搜索引擎提供关于图片内容的描述，同时也有助于可访问性。
提高网站速度：网站速度是搜索引擎排序的一个重要指标