Laravel，AngularJS和SEO

Posted 2021-04-08

我正在开发一个带有AngularJS前端和Laravel API后端的应用程序。 Laravel后端只是监听请求，处理它们并返回一个答案。前端和后端是不同的独立应用程序...到目前为止。我这样做是为了能够开发一个可以使用API​​的移动应用程序。我也使用JWT来验证用户，所以我根本不使用Laravel的会话。此时我只需要一个webapp。我构建了一个使用角度ui-router的webapp。

到现在为止还挺好。前端和后端工作良好。然而，一些前端视图将是公开的并且需要共享按钮，它们也需要可由Google索引。

我读过有一些替代方案。

1. Make some hack使用apache mod_rewrite为人们提供角度应用程序，并为后端直接提供静态版本。我认为使用Laravel并不是很困难。
2. 使用Prerender.js。就我而言，与选项1完全相同，但是以更完整的方式。

但是我正在考虑使用第三种替代方案。鉴于我现在只需要webapp并且API正在运行，我正在考虑使用Laravel的内置webapp功能。我可以使用angular中的控制器，指令和工厂，让Laravel处理webapp路由。

这样做的一个优点是我可以使用Blade渲染元标记（这完全解决了SEO问题）并使用angular和API提供其余内容。

你们中的任何人都可以看到这种解决方案的抽签，或者你知道使用角度和Laravel完成SEO目的的更好方法吗？

答案

渲染网站：

如果你想让SEO友好，你将不得不从服务器端渲染页面。但是，是的，如果您只将服务器呈现的页面提供给机器人。对于真实用户，客户端渲染将起作用。

阅读有关将检测用户代理并相应地提供html的Rendertron。

元标签：

使用Sluggable并在网址中用slug替换id。你可以关注https://oodavid.com/article/angularjs-meta-tags-management/