草庐IT

single-spa

全部标签

vue.js - 如何使用 Vue.js SPA 将索引机器人重定向到不同的路由,以服务器渲染页面以便它们被抓取和索引?

我需要开发一个Vue.jsSPA,其中一些页面需要被搜索引擎引用。我已经阅读了多种使SPA对SEO友好的方法,因此我找到了以下解决方案服务器呈现的页面预呈现由于我们有很多动态内容需要索引,为数据库中的每一“行”生成一个静态页面似乎是NotAcceptable,因为我们有数百甚至数千个内容页面。创建多条路线(一条供用户可视化,一条供机器人抓取)这个解决方案是我的经理提出的,我很感兴趣,因为它更适合我们的情况。IfoundthisarticlethatillustratestheideausinganotherSPAframework我的问题是如何检测爬虫或索引机器人访问了我们的SPA以便

vue.js - 动态站点的 SPA 不同 seo 元数据

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改善这个问题吗?通过editingthispost添加详细信息并澄清问题.3年前关闭。Improvethisquestion我有一个托管在服务器A上的SPA(vue)。我有多个不同的域指向该服务器。它们都指向同一个文件(index.html),SPA稍后会根据域决定要显示的内容。到目前为止,这工作正常,但我还想使用于SEO的元数据动态化。我是否必须为此使用服务器端渲染,还是也可以在js应用程序中执行此操作? 最佳答案 是的,您可以使用服务器端渲染。

javascript - 在不使用 node.js 的情况下获取 reactjs SPA

我正在构建一个基于reactjs的网站,其他人将部署该网站。它采用带有URL路由/#like=this的单页应用程序形式,最终的网站将内容丰富。所有内容都需要对搜索引擎机器人可见。有没有一种不需要同构服务器端渲染的方法(甚至是一种骇人听闻的方法)?特别是,我不能期望最终用户能够使用node/express提供页面。 最佳答案 Isthereawaytodothis(evenahackyone)thatdoesn'trequireisomorphicserver-siderendering?没有Inparticular,Ican'te

javascript - 这是使用 html 快照和 google fetch 的预期/想要的结果吗?搜索引擎优化/SPA

刚刚在html-snapshot节点模块的帮助下并遵循htaccess获得了html快照。RewriteCond%{REQUEST_URI}^/$RewriteCond%{QUERY_STRING}^_escaped_fragment_=/?(.*)$RewriteRule^(.*)$/snapshots/%1?[NC,L]这是一个Angular应用程序,但是这个问题对于javascriptspas/seo是普遍的。环顾网络发现了大量文章,但没有完整的文章,这令人惊讶,因为seo非常重要。无论如何3个问题使用googlefetch确认正确的结果快照页面的呈现:目的是不担心css或图像或

reactjs - 在 React SPA 中打开图元标记和 SEO

我正在尝试使用React作为SPA重写“静态”网络应用程序(仅限服务器端的PHP)。Stuff工作正常,但想知道如何处理开放图元标记等,特别是与搜索引擎和共享(例如通过facebook或twitter)相关的。officialdocumentation,以及我在尝试搜索此问题时发现的“解决方案”,只是说提供“动态”替换服务器端的元标记,但这在客户端SPA中有何意义?例如,当有人分享https://example.com/page/1时,我想要例如设置为第1页的标题,而不是整个站点的静态标题。有没有办法在React应用程序中实际动态管理这些元标记?当google/facebook/twi

vue.js - Vue SPA - PhantomJS 成功运行,但 Fetch As Google 显示空白

我的团队使用Vue构建了一个SPA(https://tutorismhk.com/)。在进行SEO时,我们发现FetchAsGoogle无法呈现页面(在预览中显示空白页面)。没有显示错误消息。我们已经使用PhantomJSv2.1.1进行了测试-使用它从我们的本地计算机呈现上述URL并将屏幕捕捉到图像中。它运作良好。关于我们如何调试它的任何想法? 最佳答案 经过反复试验,我们找到了解决方法。我们的应用程序存在两个问题。我们手动安装了最新的babel-polyfill。我猜它会导致一些不兼容的问题。似乎在将@vue/cli-plugi

apache - SPA 中 SEO 的 RewriteRule 不起作用

我希望为我的单页应用程序网站(假设它位于www.myexample.com)实现SEO在阅读了Google的文档(https://developers.google.com/webmasters/ajax-crawling/docs/getting-started)之后,我开始尝试在网站的主页上执行此操作。这意味着,www.myexample.com?_escaped_fragment_=应该“映射到”www.myexample.com/staticIndex.html我在网站的public_html文件夹中的.htaccess文件中添加了以下内容:RewriteEngineonRew

javascript - 带有 pushstate SEO 的可爬取的 javascript spa

我制作了一个单页应用程序。我读过以下文章create-crawlable-pushstate.我在使用hashbang时遇到了问题。这对我来说似乎是一个解决方案。但我不太确定我是否了解那里发生的事情。这是文章中的示例://We'reusingjQueryfunctionstomakeourlivesloadseasier$('nava').click(function(e){url=$(this).attr("href");//Thisfunctionwouldgetcontentfromtheserverandinsertitintotheid="content"element$.g

asp.net-mvc - 使用 Angular 和 ASP.NET MVC(不是 SPA)的 SEO

我有一个使用ASP.NETMVC和AngularJS的混合架构。我使用ASP.NETMVC进行路由,所以我没有单页应用程序。我在我的ASPView中使用init()方法将我的C#ViewModel注入(inject)AngularController:@modelAddictLive.Core.ViewModel.Mobile.ViewModels.MovieViewModel@usingNewtonsoft.Json...为了在我的AngularController中获取我的ViewModel,我使用:$scope.init=function(movieViewModel){$sco

seo - 使 Durandal SPA 网站 SEO 友好

我正在尝试使单页应用程序可抓取,并已成功按需创建HTML快照,但我很难理解“#”片段是否被视为“漂亮的URL”,或者它是否只是“#!“?我读过http://durandaljs.com/documentation/Making-Durandal-Apps-SEO-Crawlable.html和https://developers.google.com/webmasters/ajax-crawling/docs/specification在我看来只有“#!”是一个漂亮的URL,但Durandal不支持它。不过它支持pushState。根据最后一个链接,如果页面已经在使用漂亮的URL,则不