公司最近app项目生成了，但是没什么量，于是做了个官网希望搜索引擎能录入引入点量，那么就需要做seo了，说到做seo，那么就需要右键源代码了，
额，我的代码呢？
哦，我用的vue-cli单页面渲染，只有一个简单的index.html，汗个
不过听说有vue 的ssr，虽然不怎么会，不过代码千万行，01就一行，敲就完事了，什么？3天搞定官网并提测，测试2天就上线？行吧，毕竟功能简单，就是跳跳跳，渲染渲染渲染，再加点动画效果，不过后面看到vue的ssr可能存在服务器方面的问题，还是在跑了个demo后怂了。转用后端同学推荐的thymeleaf，还不错，语法和vue相类似。
现在项目提测了，正好总结下，以便后续有类似的seo优化：
1.右键源代码，展现出的内容尽量是你想要给搜索引擎录入的东西，比如公司侧重点关键词，公司链接网址。
2.js以及css尽量用外链，原因来自第一条。
3.页面中title标签，meta标签中的keyword，description应该尽量带上搜索引擎的热搜词或者关键词，提高录入效率以及搜索权重。甚至你可以可耻一点，这三个标签的内容中可以重复出现热搜词，或者这样，比如热搜词是可爱，你可以改为: 可爱的图片，可爱的搜索，可爱的结果，可爱的音乐，可爱的人物，可爱的动漫等等，具体的话看公司是涉及哪方面的。虽然听起来怪怪的，但是确实好用。
4.<head>标签中有一个引链的东西，这个东西可引导搜索引擎在爬你的pc官网时注意你的移动端官网，反之亦然。
在pc官网中放入移动端链接：<link rel="alternate" media="only screen and (max-width:640px)" href="http://m.xxx.com">
在移动端官网中放入pc端链接：<link rel="canonical" href="http://www.xxx.com">
5.<body>标签中，a标签应该带有的属性是：<a href=" " title=" "></a>；img标签应该带有的属性是：<img src=" " title=" " alt=" ">；另外能走全链接还是走全链接的好，比如<a href="http://www.xxx.com/top/ "></a>而非<a href="/top/"></a>这个仅个人建议，没测试过；还有一点，页面中也存在权重比较低甚至不重要的，比如xx协议，关于我们之类的链接，可以通过增加rel="nofollow"降低权重，相对增强页面中其他数据的权重，例如：<a href="/about/us" rel="nofollow">关于我们</a>；
6.类目的切换个人也建议走a标签跳转，毕竟每个类目的关键词不一样，所需的title，keyword以及其他数据也是不一样的。比如我有7个类目，分别是音乐，动漫，电影，电视剧，娱乐，图片，游戏，不建议将这些类目的切换杂糅在一个页面里，如果少的话可以，多的话，尽量换成一个新的页面。尽量所有跳转，都在外层包裹一个a标签走a标签跳转，而非js，毕竟搜索引擎录入的是右键源代码即可见的东西。
就比如分页，可以的话，你也可以做出a标签跳转，对吧。
小结：目前就这些，后续看看还有没有需要增加的。
1540
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
