前端框架seo怎么优化？这几个技巧要知道！

话说最近我不是在倒腾一个 Vue 框架做的项目嘛搞完之后，就琢磨着怎么能让更多人看到。这年头，大家伙儿都用搜索引擎，所以我就开始研究起前端框架的 SEO。

我啥也不懂，就到处瞎搜。网上都说，要弄啥标题、描述、关键词，还得注意网站的结构。我想着这些应该都差不多。

第一步：捣鼓标题、描述、关键词

我先从最简单的开始，就是给每个页面都弄个合适的标题（title）。这玩意儿就跟给人起名字一样，得让人一眼就知道你是干啥的。然后就是描述（description），这个就更详细一点，把页面的主要内容都概括进去。是关键词（keywords），这个我一开始没太搞明白，就随便写几个相关的词。

第二步：折腾网站结构

我就开始看网站结构。我这项目是用 Vue 做的，组件化开发，代码看着还算清晰。不过我还是照着网上说的，尽量用 DIV+CSS 来布局。因为听说这样对搜索引擎更友能让它更容易抓到有用的东西。我还把那些 JavaScript 和 CSS 都单独弄成文件，外链进去，图片也尽量压缩，说是能减少请求次数，让网页打开更快。

第三步：H1、H2 标签的使用

然后，我还注意到一个叫 H1、H2 的标签。网上说，H1 标签很重要，一个页面最好只用一次，一般就放在大标题上。H2 标签可以用多次，我一般用在一些小标题上。我寻思着，这玩意儿就跟写作文一样，得有重点，有层次。

第四步：图片 ALT 属性

再然后就是图片。我之前都没太注意，直接就把图片往上一放。后来才知道，搜索引擎看不懂图片，得给图片加个 alt 属性。这个 alt 属性，就相当于给图片起个名字，告诉搜索引擎这张图片是我还给图片加个 title 属性，不过听说这个不是必须的，我就没每个都加。

第五步：内容，内容，还是内容！

也是最重要的，就是内容！我费老大劲，把网站的内容好好整理一遍，尽量把重要的东西都放到前面，还用一些加粗（strong）的标签来强调重点。

这么一通折腾下来，感觉还挺有成就感的。虽然不知道效果到底怎么样，但至少心里踏实多。毕竟SEO 这玩意儿，也不是一天两天就能搞定的，慢慢来！