×

使用Nuxt.js提升Vue项目首页的SEO效果

SEO进阶

使用Nuxt.js提升Vue项目首页的SEO效果

元智汇电子 元智汇电子 发表于2023-11-11 浏览710 评论0

最近，我们部门的项目面临了对首页进行SEO优化的需求。项目采用前端Vue+Element、后端PHP+Yii的架构。虽然该项目不是完全前后端分离的，而是由后端提供index.html，然后引用前端项目生成的静态资源。鉴于时间成本和实际需求，我们首先对首页及几个宣传页进行了改造。

本文分为三个主要部分：

克服Vue网站SEO挑战的实战经验（PhantomJS）

SEO进阶

克服Vue网站SEO挑战的实战经验（PhantomJS）

元智汇电子 元智汇电子 发表于2023-11-11 浏览700 评论0

最近，我在公司负责一个网页导航集成文章功能的项目，基于Vue和ElementUI。项目收尾时，老板提到需要对网站进行SEO优化。起初，我以为只需简单添加关键字、描述和标题就可以搞定SEO，于是匆匆上线了项目。然而，当我在浏览器中查看网站源码时，惊讶地发现整个网站的<body>中只有一个显眼的<div>，如下所示：

🔍 深度了解前后端分离中的SEO、SMO、SPA、SSR - 15分钟挑战

SEO进阶

🔍 深度了解前后端分离中的SEO、SMO、SPA、SSR - 15分钟挑战

元智汇电子 元智汇电子 发表于2023-11-11 浏览717 评论0

🚁 前言

随着前后端分离的提出，SPA作为前端的解决方案带来了便利，但普通SPA对SEO不友好💢。为了解决这个问题，出现了SSR，它在一定程度上解决了SPA首屏加载慢的问题，同时大幅降低了SPA对SEO的不利影响。除了利用SEO提高网站排名，还可以运用SMO！现在是挑战的时候了，报出你要挑战的时间吧！🌶️快速阅读，冲刺前后端分离的起源，一起加油！

Vue单页面应用SEO优化：无需服务端渲染的另类解决方案

SEO入門

Vue单页面应用SEO优化：无需服务端渲染的另类解决方案

元智汇电子 元智汇电子 发表于2023-11-10 浏览721 评论0

Vue单页面应用正日渐流行，而对于前端开发者来说，处理其SEO需求似乎成为一项不可避免的任务。本文将介绍一种基于Vue 2.0的单页面Meta SEO优化的解决思路，避免了服务端渲染的复杂性，同时提供了高效的预渲染和动态Meta信息设置。

要解决SEO问题，并非必须采用服务端渲染。对于刚接触Vue的新手来说，服务端渲染可能并不友好，尽管有官方SSR中文文档。对于已完成的Vue项目，接入SSR无论是从工作量还是技术角度来说都是一项挑战。然而，对于伟大的前端程序员来说，这些都不是难题。