SEO与单页网站

我知道有很多问题可以解决单页网站/应用程序的SEO问题。 但是,我有一个非常具体的问题,我没有直接问过。

我有一个非常简单的4页静态网站。 这不是一个javascript密集型网站或单页应用程序。 内容和SEO是真正重要的。 这非常简单,我希望将所有网站的内容(全部4页)加载到一个页面中,以便当用户单击链接转到另一个“页面”时,不会有http请求,ajax或页面加载。 它只是隐藏当前页面的内容,并显示下一页已加载的内容,并使用pushState处理URL和历史记录。

这意味着,当搜索引擎抓取www.mysite.com/about时,顶部将是关于页面的内容清晰可见,但是在页面的某个地方,我将不得不另存3个页面的html这3页作为关于页面的一部分被编入索引。 所以在任何给定的页面上,我都会隐藏3个其他页面的内容。

A)这可能吗? B)如果没有搜索引擎将它解释为我试图误导我显示的内容,这是否安全?

编辑:这个问题是关于单页网站和搜索引擎优化,它们都具体要求html,javascript,pushstate和单页面应用程序方法


我认为你解释的方式不可能。 它需要Ajax

•4个HTML页面(index.html,about.html等)

•Ajax仅按需加载每个页面的内容,并且您可以使用pushstate处理URL,因此您可以使用不会重新加载浏览器的导航

•Google可以在不考虑JS的情况下抓取每个HTML页面

为什么你的解决方案不能工作?

•Google会抓取整个索引页面(无论应显示哪些内容)

请注意,我不是SEO专家,只是给我的观点(技术:))。

没有AJAX:

•将您的内容作为JS变量或外部JS文件中的对象实现:

about = {
  title:"My page title",
  content:"My page content",
  url:"/about/"
};

•让你的js文件隐藏搜索引擎:

User-agent: *
Disallow: /js/main.js

•无论您点击哪个页面,都可以通过电话实现新内容:

$('nav a').click(function(){
  var href = $(this).attr('href'); // be sure the href of the a element has the same name as the JS object
  $('h1.title').text(href.title);
  $('p.content').text(href.content);
  history.replaceState(page: href.url,href.title,href.url);
});

不确定JS部分是否会工作,因为我没有测试它。

链接地址: http://www.djcxy.com/p/62519.html

上一篇: SEO with Single Page Website

下一篇: SEO and ajax loaded content link