Question

好的，单页应用程序与渐进式Web应用程序相结合的方法是新的橙色（或者它仍然是黑色的？我很难跟上术语）。

您基本上使用网络工作者（或不是，它并不重要）从（例如）API获取数据，然后动态生成您在应用中显示数据所需的HTML。 / p>

// just a really quick and dirty example
fetch('http://example.com/pages/welcome')
    .then(response => response.json())
    .then(data => {
        const heading = document.createElement('h1');
        const headingText = document.createTextNode(data.title);
        heading.appendChild(headingText);
        document.querySelector('#content').appendChild(heading);
    });

问题在于，当你采用这种方法时，你的DOM和内容对于搜索引擎和其他类型的抓取工具基本上是不可见的，因为这些通常会忽略任何javascript后渲染和DOM操作。

我注意到很多关于此方法的教程都声称单页应用程序会对您的SEO产生很大影响，除非正确实施。

这就是问题所在，因为我所阅读或看过的教程都没有继续解释如何正确实施这一过程。

我知道像prerender.io这样的预呈现器，但这是否真的是使单个页面应用程序对爬虫和搜索引擎可读的唯一解决方案？什么是这个神奇的＆＃34;正确＆＃34;实现单页面应用程序的方式？

如何实施SPA＆＃34;正确的方式＆＃34;

0 个答案: