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