×

使用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>,如下所示:

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

SEO入門

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

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

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

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