页面优化有哪些_单页应用SEO优化

之前的SEO优化项目都是多页面应用。 如果您通过该界面中的链接打开新页面，页面头部或正文中的友好信息将被百度爬虫自动捕获。 一切都是那么顺利。

单页应用SEO不被百度收录

当界面转变为单页面应用程序时。 标志性的锚点方法没有被百度和谷歌收录。 虽然 不包括以 # 为特征的锚点，但它确实包括以 #! 为特征的锚点。 正因为如此，谷歌做SEO优化就容易多了。 但是你知道百度，那么作为前端开发者，我们应该做什么。

当我敲完单页应用程序的代码并高兴地看着快速响应和无需等待的数据刷新时，我内心真的很喜欢单页应用程序。

如果这个应用只是作为一个管理平台，那么工作就已经完成了，KPI也已经达到了。 如果网站类型是面向用户的信息展示或者个人博客来提升我们的存在感，看看site:**.com的收录结果，那么这还只是一个开始。

酒香不怕巷子深，毕竟只是传说。 在这个互联网时代，如果你从事互联网行业，是无法在互联网搜索引擎上显示出来的。 酒虽香，却难免无人问津。

从2014年开始，我做了两件事，一是开发，二是开发运维。 博客上线的时候，我并没有什么感觉。 出了几篇便秘之类的博文后，发现百度上没有任何踪迹。 心里有些难过。 site: 之后只有一个到主页的链接。

SEO优化步骤

接下来，我们根据个人的博客开发经验，对单页应用的SEO优化做一个总结。 当然，我们先看看我们所在的地区， 暂时不讨论。 以下是百度的处理方法。

做出来之后我觉得其实很简单。

首先，在主页中添加一个隐藏区域，并在该区域中嵌入一些博客文章链接。

<div class="seo-area">
    <h1 title="拭目以待的博客">拭目以待的博客h1>
    <h2 title="博文列表">
        <a href="http://www.lovejavascript.com/seo/content.html?id=6" title="前端国际化">前端国际化a>
    h2>
div>

该页面需要通过后端服务返回，而不是异步加载。

一周左右后，你可以通过site:看到这些链接已经被百度收录了。

接下来，将此区域替换为图片博客入口。

<div class="seo-area">
    <h1 title="拭目以待的博客">拭目以待的博客h1>
    <h2 title="博文列表">
        <a href="/seo/index.html" title="