参加面试，被问到这个，在网上查阅资料，但是找不到很好的回答希望各位高手帮忙回答下，在实际项目里是如何做好seo优化的，优化后的效果是什么样的？

题主英文水品怎么样，如果还可以的话，试试读读这个系列的文章，也许会有所帮助，这里。如果是单纯应付面试的话，简单说说就可以了，毕竟这个东西要细聊，聊一天也聊不完，比如：做 SPA 项目时，为解决 SEO 问题，引入了 SSR 渲染引擎在首页加入 meta 标签提供一些元数据使用简单、具有表意性的 title 以及使用 h5 提供的具有语义化的标签（不要一堆 div）生成对 search engine 友好的 sitemap 使用合理的 html 结构（比如按标题、内容、页脚这样的顺序、或者将重要的内容放在 html 前，其他放在后）现在让我想，就大概能想这么多，当然还有其他方式，但是我觉的面试回答这些应该足够了吧，毕竟也就是考察一下知识点而已。另外也可以通过打开 devtool 的方式，看看一些流量比较大的网站的 html 以及头标签是怎么写的，比如 segmentfault.com，我觉的 SF 这个 SEO 优化的真的是很好了，搜索关键字比较明了的话，一般前 5 个搜索结果必有一个是 SF 的。以下内容，纯属娱乐其实最有效的方法应该是给度娘（百度推广）交钱，这个方法在国内的话，基本完爆其他任何方法。

前端需要注意哪些SEO 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页重要内容不要用js输出：爬虫不会执行js获取内容少用iframe：搜索引擎不会抓取iframe中的内容非装饰性图片必须加alt 提高网站速度：网站速度是搜索引擎排序的一个重要指标重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取 https://github.com/Xieguoiang...

title meta description meta keywords 标签语义化 img的alt 先暂时做好这些，也比较好落地

求助道面试题，在前端项目中，如何进行seo优化，你在哪些项目里有过seo优化，效果如何？

4 个回答

littlelyon

✓ 已被采纳

题主英文水品怎么样，如果还可以的话，试试读读这个系列的文章，也许会有所帮助，这里。

如果是单纯应付面试的话，简单说说就可以了，毕竟这个东西要细聊，聊一天也聊不完，比如：

做 SPA 项目时，为解决 SEO 问题，引入了 SSR 渲染引擎
在首页加入 meta 标签提供一些元数据
使用简单、具有表意性的 title 以及使用 h5 提供的具有语义化的标签（不要一堆 div）
生成对 search engine 友好的 sitemap
使用合理的 html 结构（比如按标题、内容、页脚这样的顺序、或者将重要的内容放在 html 前，其他放在后）

现在让我想，就大概能想这么多，当然还有其他方式，但是我觉的面试回答这些应该足够了吧，毕竟也就是考察一下知识点而已。

另外也可以通过打开 devtool 的方式，看看一些流量比较大的网站的 html 以及头标签是怎么写的，比如 segmentfault.com，我觉的 SF 这个 SEO 优化的真的是很好了，搜索关键字比较明了的话，一般前 5 个搜索结果必有一个是 SF 的。

以下内容，纯属娱乐

其实最有效的方法应该是给度娘（百度推广）交钱，这个方法在国内的话，基本完爆其他任何方法。

wlove

6.9k3835

发布于
2018-09-05

更新于
2018-09-05

前端需要注意哪些SEO

合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可
语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页
重要内容不要用js输出：爬虫不会执行js获取内容
少用iframe：搜索引擎不会抓取iframe中的内容
非装饰性图片必须加alt
提高网站速度：网站速度是搜索引擎排序的一个重要指标
重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取

https://github.com/Xieguoiang...