在不使用ssr的情况下解决Vue单页面SEO问题(3)

最新推荐文章于 2024-08-18 08:49:33 发布
最新推荐文章于 2024-08-18 08:49:33 发布
阅读量681 收藏
点赞数
分类专栏： 全栈 文章标签： vue js php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwe499827902/article/details/83893880
版权

  • 先说明下,上一篇的方法存在作弊行为

  • 孤陋寡闻了,以前没接触过这些,果然不能投机取巧啊

替代方法

  • 将原来放入隐藏标签的内容放到骨架屏中用php预渲染

  • 这样页面就会先展示重要的内容然后再显示其他部分

  • 麻烦点的就是如果想要好看的话需要将相关的样式都粘过来

写在最后

  • 虽然隐藏标签有涉及到作弊,但是内容没有太多关键字应该不会有太大影响

  • 当然还是将内容优先展示出来是最好的

  • 或许将来还能想到更好的方法

EEEEEZ
关注
专栏目录
Vue 单页面应用如何做 SEO 优化 （vue-meta-info + prerender-spa-plugin）
Ray_Huang
07-20 3178
上周想给自己做的网站做一下seo优化，因为这个网站是用vue做的，所以首先就得先解决单页面的seo问题. 网上有好几种方案： 1、使用服务器端渲染（很多大厂都在用） 2、使用vue-meta-info 配合 prerender-spa-plugin预渲染 由于以前并没有接触过服务器端渲染，所以改造起来可能比较麻烦，所以选用了预渲染作为解决方案； vue-meta-info的安装和使用...
详解在不使用ssr的情况下解决Vue单页面SEO问题
10-17
主要介绍了在不使用ssr的情况下解决Vue单页面SEO问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在不使用ssr的情况下解决Vue单页面SEO问题
qwe499827902的博客
10-20 3099
遇到的问题: 近来在写个人博客的时候遇到了大家可能都会遇到的问题 Vue单页面在SEO时显得很无力，尤其是百度不会抓取动态脚本 Vue-Router配合前后端分离无法让meta标签在蜘蛛抓取时动态填充 Vue单页面又是大势所趋，写起来也不止是一个爽，当然也可以选择多页面 但即使是多页面在面对文章和文档时候也不可能说给每篇文章生成个Vue页面 SSR当然能解决这个问题，但...
vue3前端开发-如何让自己的网站适合SEO排名规则
yrldjsbk的博客
07-17 315
我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。
Vue3中如何处理SEO优化？
有我更精彩的博客
04-27 1355
特别是在使用Vue.js作为前端框架的项目中，如何处理SEO优化更是一个必须考虑的问题。随着Vue.js 3的发布，我们可以更加灵活地处理SEO优化，让搜索引擎更好地理解我们的页面内容。接下来，让我们一起来探讨Vue3中如何处理SEO优化的问题。首先，我们需要了解在传统的SPA（Single Page Application）中，由于内容都是通过JavaScript动态加载的，搜索引擎对这种页面的抓取并不友好。通过这些方法的灵活运用，我们可以使我们的Vue.js应用更加友好地被搜索引擎收录和排名。
在不使用ssr的情况下解决Vue单页面SEO问题(2)
qwe499827902的博客
11-08 711
上一篇说了vue单页面解决解决SEO的问题 只是用php预处理了meta标签 但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无到有的问题 那接下来可以更进一步的预填充内容了 预填充内容 这里依然使用php来实现 首先在php中拉取需要填充的数据,列表或是具体内容 修改拉取数据部分 $urlExp = explode('/',$_SERVER...
关于vue项目的seo问题
热门推荐
codeLiuguisheng的博客
03-21 3万+
不可否定的是，vue现在火。但是在实际项目中，特别是像一下交互网站，我们不可避免会考虑到的是seo问题，这直接关系到我们网站的排名，很多人说用vue搭建的网站不能做优化，那我们真的要放弃vue，放弃前后端分离开发么？ 首先，可以肯定的是前后端分离不利于SEO，为什么呢？ 1.搜索引擎的基础爬虫的原理就是抓取你的url，然后获取你的html源代码...
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
10-17
在不使用SSR（服务器端渲染）的情况下，Vue单页面应用的SEO问题是一个常见的挑战。搜索引擎爬虫通常依赖于HTML静态内容来理解网页，而Vue等SPA（单页面应用）的初始加载只有基础的HTML结构，动态内容通过JavaScript...
详解处理Vue单页面应用SEO的另一种思路
10-17
需要注意的是，虽然预渲染和vue-meta-info插件为Vue单页面应用的SEO提供了有效的解决方案，但在实际应用过程中仍需根据具体需求做出适当选择。对于那些需要频繁更新内容的应用，预渲染可能会造成维护上的不便；而...
如何处理前端项目中的SEO优化：从SPA到SSR与SSG
最新发布
Caleb的博客
08-18 848
总的来说，在前端项目中处理SEO优化问题需要综合考虑多种因素。通过SSR和SSG技术，我们可以有效解决SPA应用中的SEO挑战，并提升网站在搜索引擎中的表现。除此之外，结合其他SEO优化技巧，进一步提高网页的搜索引擎排名，才能让你开发的应用在流量竞争中占据优势。希望这篇文章能为你在实际项目中提供帮助，让你不仅能写出炫酷的前端效果，也能在SEO上大放异彩。
聊一聊Vue构建大型单页面应用及服务端渲染 (SSR)
ikkkp的博客
08-20 809
聊一聊Vue构建大型单页面应用及服务端渲染 (SSR)
15分钟学会vue项目改造成SSR
越努力越幸运
12-16 1万+
15分钟学会vue项目改造成SSR Ps：网上看了好多服务器渲染的例子，基本都是从0开始的，用Nuxt或者vue官网推荐的ssr方案（vue-server-renderer），但是我们在开发过程中基本上是已经有了现有的项目了，我们所要做的是对现有项目的SSR改造。那么这里，跟我一起对一个vue-cil2.0生成的项目进行SSR改造 关于这篇文章的案例源代码我放在我的github上面，有兴趣的同学，.........
prerender-spa-plugin，vue-meta-info
01-11
vue单页面seo(prerender-spa-plugin,vue-meta-info)
vue项目使用prerender-spa-plugin + vue-meta-info seo优化
weixin_38399594的博客
01-26 1467
vue项目使用prerender-spa-plugin + vue-meta-info seo优化 一.安装 prerender-spa-plugin的安装及使用 1.npm install prerender-spa-plugin --save 2.在webpack.prod.config.js 中引入 const PrerenderSPAPlugin = require(‘prerender-...
单页面应用（vue react nuxt）使用rendertron进行服务端渲染、SEO优化、SSR、（满足首屏优化场景）
cj14227的博客
09-16 904
目前服务端渲染的方案大致有 vue-server-renderer ，prerender-spa-plugin ，等。 Nuxt.js 、Next.js的vue和react服务端渲染框架，开箱即用。 rendertron、rendora（golang开发的） 这里介绍一下nuxt结合rendertron的服务端渲染方案。 nuxt是vue框架，本身支持自定义服务端渲染，通过asyncData结合node直接实现服务端渲染，可以自定义配置页面中那些数据需要进行SSR，集成了webpack，支持..
spa 小程序的研发随笔 (2) --- 预编译
QDY5945的博客
10-28 224
因为是连续写的2篇随笔，废话不多说。直接进入正题。 选择预编译的工具时，笔者采用了gulp。虽然，如今市面上大多采用的多为webpack，使用gulp也是有自己的缘由的。 webpack的最主要特点是...
vue单页面怎么做SEO优化
似水流年QC的博客
06-29 2112
SEO（Search Engine Optimization）搜索引擎优化。利用搜索引擎的规则提高网站搜索引擎内的自然排名。目的：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益，免费流量， 从网 站结构、内容建设方案、用户互动传播等。随着前端框架的强势兴起，vue框架迅猛发展，使用vue构建开发的人员越来越多，但是使用vue-cli打包项目一般为spa（单页面）项目，众所周知单页面应用不利于SEO，于是有ssr（服务端渲染）和预渲染两种解决方案，这里我们只讨
Vue框架的SEO优化之 vue-meta-info & prerender-spa-plugin
chysxslt的博客
04-07 1159
Vue框架的SEO优化踩“坑”之旅前言事情起因解决方案 前言 SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益；SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用...
vue单页面应用如何seo
06-02
Vue是一个基于组件化开发的JavaScript框架，其单页面应用(SPA)的优势在于交互性和用户体验的提升，但是由于SPA是通过JS动态生成HTML页面，所以对SEO不友好。以下是一些可以提高Vue SPA的SEO的方法： 1. 使用服务端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值