分享好友 最新动态首页 最新动态分类 切换频道
uniapp开发的网页SEO优化方案-适用于uni-app开发的web站点, uniapp手机端网页适配优化
2024-12-26 09:33

由于官网的插件暂时不支持老的项目,所以使用这种方法
本教程亲测可用, 以及上线的项目网址: http://al.jn1tea.com/
打开调试工具, 手机模式, ctrl + u 可以查看每个页面的 seo内容**

uniapp开发的网页SEO优化方案-适用于uni-app开发的web站点, uniapp手机端网页适配优化

教程内容有点长, 请耐心看完

1、uniapp设置为history模式 2、nginx设置好转发规则 3、后端服务器(类同云函数,动态给模版html设置标题、描述、关键词(根据自己需要)返回html(注意:同uniapp h5 的首页html模版一致

教程, 前置要求, 通过服务器转发,
必须能安装nginx, 以及 node.js, express 服务器框架

在宝塔, 配置反向代理配置文件, 如果是linux 注意格式问题

8332, 为你的 node.js 中express 服务器框架的端口号
注意: 由于原来的系统要求, 配置了一个全局代理, 所以这个路由匹配转发需要在全局代理上面才能生效

 

在宝塔中安装node.js, 以及express服务器
其他linux系统可以用命令行安装,
参考教程 https://www.cnblogs.com/front-web/p/15672575.html

安装node.js, 记得设置命令行版本一致

安装完成后需要启动一个node.js的网站
首先在服务器目录下创建一个文件夹, 刚开始是空的

进入命令行终端 cd /www/wwwroot/你创建的文件夹命
在终端中运行以下命令来初始化Node.js项目:npm init -y
在终端中运行以下命令来安装Express: npm install express
安装成功后创建 views 文件夹, app.js 文件 , 修改package.json文件

 
 
 

1. 端口号, 要和上面配置反向代理一致

 

2. 公共配置

 
 

// 这里就是你的uniapp打包后的h5 每个页面的访问路径, seo优化就在这里修改title, description, keywords

// 想优化哪个页面就继续添加

 

// 下面是全部的源码, 根据个人网站自行修改

 

进入views文件夹, 创建index.ejs 文件

// 配置文件, 刚才在app.js 的文件会动态解析到这里的title等标签中

 
 
 

启动网站,

cd进入刚才初始化创建的目录, 用终端打开
输入命令 node app.js 启动express 服务器, 看到日志说明启动成功

注意, 如果中途修改配置文件, 记得重启 node app.js, 同理nginx 修改也要重启生效
如果没问题, 就可以访问你配置后的页面, ctrl + u 查看是否生效

##基于nginx服务器优化的方案, 适用于 uniapp开发的网站, 可适用于老项目

最新文章
轻松掌握免费PS大片调色视频编辑技巧全流程教程
在如今的互联网时代,越来越多的人开始利用免费w视频进行聊天。通过这些平台,用户可以轻松地与朋友和家人进行视频通话,甚至可以结识到有共同兴趣的新朋友。许多应用程序提供高质量的视频通话保障以及多种互动方式,方便大家交流。无论你
终极WordPress页面构建器:WPBakery
Web开发和设计的价格很高。对于许多刚起步或处于业务初期阶段的企业家而言,他们将很难找到可以以较低预算建立网站的开发人员和设计师。幸运的是,WordPress插件开发人员已经看到了对快速且经济高效的网站构建方法的需求࿰
顺义百度爱采购运营逻辑
百度爱采购给商家带来了哪些优势:1、用户在百度首页搜索企业名称时,搜索结果首页会出现一张关于该企业的名片,上面有该企业的注册信息、经营范围和产品供应信息。百度名片可以帮助用户快速了解企业,增强信任,打造品牌,提升知名度。2、
这里告诉你在小红书上开展线索营销推广有什么注意事项?
在小红书平台进行线索营销推广活动时,为确保活动顺畅且成效显著,以下关键要点需特别留意:一、遵循平台规范与合法运营二、内容创新与品质保证三、精准定位与有效投放四、KOL与UGC的合作与引导五、数据追踪与策略优化六、风险预警与危机管
长短期记忆神经网络(LSTM)介绍
长短期记忆神经网络(LSTM)是一种特殊的循环神经网络(RNN)。原始的RNN在训练中,随着训练时间的加长以及网络层数的增多,很容易出现梯度爆炸或者梯度消失的问题,导致无法处理较长序列数据,从而无法
腾讯云AI代码助手注册申请进行中,助力开发者编程效率提升
近日,腾讯科技(深圳)有限公司向相关部门提交了一项名为“腾讯云AI代码助手”的商标注册申请,标志着该公司在智能开发工具领域的又一重要布局。这一商标属于科学仪器领域,目前正在进行注册申请流程。腾讯云AI代码助手是一款专为提升编程
人工智能生成虚拟人物照
□劳伦斯·格林迈耶自从照相技术发明以来,虚假照片就一直层出不穷。比如曾轰动一时的“花仙子”和“尼斯湖水怪”的假照片。而有了Phot oshop软件之后,图片处理更是进入了数字时代。现在,利用一种算法,人工神经网络可以对数百万张真人照
滁州网站建设排名优化,策略与实践,滁州本地网站
滁州网站建设排名优化策略与实践,旨在提升滁州本地网站在搜索引擎中的排名,增加网站流量和曝光度。通过关键词研究、内容优化、链接建设、社交媒体推广等策略,提高网站质量和用户体验,从而吸引更多潜在客户。注重网站安全性和稳定性,确
用AI绘画技术轻松生成超逼真的美女写真,立即体验!
亲爱的家人们,今天我们来聊聊一项有趣而神奇的技术——AI生成美女写真。想象一下,只需轻松几步,屏幕前的小伙伴们就能拥有一张超逼真的美女画像,无需专业的绘画能力,甚至不必出门!那么,这项技术究竟是怎样运作的?有没有哪些好用的工
typecho插件开发者教你如何轻松实现文章采集
我是一名插件开发者,专门研究并开发各类实用插件。今天,我来给大家分享一下使用typecho采集文章插件的经验。作为一名插件开发者,我深知一个好的插件对于用户来说是多么重要。因此,在开发这款typecho采集文章插
相关文章
推荐文章
发表评论
0评