Category: 运维与故障处理

  • 《超详细保姆级教程:手把手教你在 WordPress 中实现 WebP 图片转换,加速网站速度》

    很多时候,我们会发现 WordPress 网站的打开速度很慢,原因往往是网页中的图片太多,且每张图片的文件大小都非常大,再加上服务器带宽有限,这些因素共同导致了页面加载时间过长。

    因此,优化图片成为了提升网站速度的关键方法之一。通过减小图片的文件体积,不仅可以加快网页的加载速度,还能提升整体的用户体验和SEO表现在这篇文章中,我将带你一步步了解如何在 WordPress 中实现 WebP 图片转换,这是一种现代化的图片格式,能够在保持质量的同时大幅减小文件大小,帮助你有效提升网站性能。

    图片[1]-361Sale WordPress Care

    WebP是一种由Google开发的现代图像格式 ,是目前网页优化领域非常重要的一种格式,广泛应用于网页和移动应用中。

    优点:1. 更高的压缩率 2. 支持透明度 3. 更快的网站加载速度 4.兼容性逐渐提高
    特点不损害图片质量,但是图片体积更小。

    前提条件

    • 你可以访问 WordPress 的后台并安装插件。
    • 网站已经开启了媒体库访问权限,确保可以上传和管理图片。

    流程介绍

    图片[2]-361Sale WordPress Care

    WordPress中实现Webp格式流程图

    如何在 WordPress 中实现 WebP 图片转换

    为了在 WordPress 中实现 WebP 图片转换,你可以选择使用插件自动转换图片格式,或者手动进行转换。以下是这两种方法的详细步骤:

    方法一:手动转换为 WebP 格式

    这种方式较为简单,适合于需要精细控制图片质量,或者只需要转换少量图片的情况。这种方法需要你对图片处理有一定的了解。

    使用在线工具 图片编辑软件进行转换

  • 在线工具
  • |
  • 图片编辑软件

使用在线工具

  • 打开 Squoosh,这是一个由 Google 提供的免费在线工具,可以快速将 JPEG 或 PNG 格式的图片转换为 WebP。 如图1.1 所示。
  • 上传图片:点击页面中的“上传图片”按钮,选择需要转换的图片。
  • 调整压缩设置:在右侧的菜单中选择 “Compress”中的第一个。 选择 WebP 格式后,可以根据需要调整质量、压缩率等参数。(如图1.2 、图1.3所示)
  • 下载转换后的图片:调整完成后,点击“下载”按钮将 WebP 图片保存到你的电脑。
图片[3]-361Sale WordPress Care

图1.1 Squoosh在线工具

图片[4]-361Sale WordPress Care

图1.2 Squoosh选择界面

图片[5]-361Sale WordPress Care

完成

使用 PhotoshopGIMP 进行转换(本教程使用GIMP 举例,以为GIMP 操作简单,并且免费。)

额外介绍:
  • Photoshop:安装 WebP 插件后,你可以在 Photoshop 中通过“另存为”选项将图片保存为 WebP 格式。
  • GIMP:GIMP 是一款免费开源的图像处理软件,支持直接将图片导出为 WebP 格式。打开图片后,选择“文件 > 导出为”,然后选择 WebP 格式。

GIMP具有保存Webp 的内置功能,GIMP有点奇怪,如果你尝试保存图像,GIMP只允许你将其保存为XCF文件。如果你想将其保存为任何其他文件类型(如WebP、JPG或PNG),则需要将其导出

Sep1 : 上传你的图片到GIMP中。

Sep2: 在上面的菜单栏中选择“ File ” ,再选择“ EXport As …

图片[6]-361Sale WordPress Care

Sep3: 更改名字变成”xxx.webp”, (比如你的文件名字为“guangzi.png” 更改为”guangzi.webp“) ,并点击“Export”。

图片[7]-361Sale WordPress Care

Sep4: 根据提示选择你要导出的形式。在 GIMP 将图片导出为 WebP 格式之前,您会看到一个弹出窗口,询问您希望将多少质量保留到新图片中。如果您不想损失任何质量,请勾选“无损(Lossless)”框;如果您不担心这一点,请调整滑块以满足您的需求。

点击Export

图片[8]-361Sale WordPress Care

上传并替换图片

  1. 上传 WebP 图片
  2. 替换现有图片链接

  • WordPress 301 重定向完整指南:修复死链并提升用户体验的最佳实践

    WordPress 301 重定向完整指南:修复死链并提升用户体验的最佳实践

    引言

    本教程将手把手教您如何在 WordPress 中设置 301 重定向修复死链提升用户体验,并提供最佳实践指南。

    链接变更是常见的事情,无论是删除旧内容、更新页面 URL 还是重新组织网站结构,这些操作都可能导致死链(断链)的出现。死链不仅会影响用户体验,还会对搜索引擎优化(SEO)产生负面影响。为了避免这些问题,使用 301 重定向 是一种有效的解决方案。

    图片[1]-361Sale WordPress Care

    301 重定向是一种 HTTP 响应状态码,表示所请求的资源已永久性地移动到新的 URL 地址。这里的 301 代表永久重定向的状态码。当用户或搜索引擎爬虫访问旧的 URL 时,服务器会返回这个状态码,指示客户端应使用新的 URL 进行访问。

    前提条件

    1. 已将源域名目标域名绑定到云虚拟主机。

    如果域名在黑名单内,则无法被绑定到云虚拟主机。

    2. 域名已正常解析(并已备案) 。

    如果您的域名用于中国内地的互联网信息服务,则您需要申请域名备案

    相关知识点(可选读):

    301 重定向是一种 HTTP 响应状态码,表示所请求的资源已永久性地移动到新的 URL 地址。这里的 301 代表永久重定向的状态码。当用户或搜索引擎爬虫访问旧的 URL 时,服务器会返回这个状态码,指示客户端应使用新的 URL 进行访问。

    例如,guangzi.com 被永久重定向到了 guangzi.com/blog。在这种情况下,服务器通过发送 301 状态码通知浏览器:“该页面已永久移动到新的地址,我们不再使用旧的地址。” 浏览器接收到这个信息后,会自动请求新的 URL,从而确保用户能够无缝地访问到新的资源位置。

    这种机制不仅有助于维护用户体验,还能确保搜索引擎更新索引,保留原有页面的 SEO 权重

    正确实施 301 重定向对于保持和提升网站的 SEO 表现至关重要。它不仅能传递页面权重维护搜索排名,还能改善用户体验优化网站结构

    为什么 301 重定向对 SEO 重要?

    保留排名:301 会将原页面的SEO权重传递给新页面,维持排名。

    提升用户体验:修复死链,防止用户访问404页面。

    设置 301 重定向的方法

    这里我将提供2种方法。

    方法一:使用插件(Redirection 插件)

    图片[2]-361Sale WordPress Care

    Sep1: 安装:在 WordPress 后台安装并启用 Redirection 插件。

    图片[3]-361Sale WordPress Care

    Sep2: 设置Redirection

    1. 选择左侧菜单栏的插件,点击已经安装插件,找到你刚刚安装的Redirection插件,点击设置。操作如下图所示。
    图片[4]-361Sale WordPress Care

    2.你会收到安装的提示步骤。如下图,点击开始安装

    图片[5]-361Sale WordPress Care

    3. 根据你的需求完成设置,推荐全部打开。如下图。

    图片[6]-361Sale WordPress Care

    Sep3: 添加规则:先选择重定向, 输入旧页面新页面的 URL,保存规则。如下图所示。

    图片[7]-361Sale WordPress Care

    在下面找到,如图所示,填写你的信息。

    图片[8]-361Sale WordPress Care

    方法二:使用面板(这里用1Panel举例子)

    sep1: 进入你的1Panel控制面板

    sep2: 进入网站的配置。

    图片[9]-361Sale WordPress Care

    Sep3: 选择重定向,再选择创建重定向

    图片[10]-361Sale WordPress Care

    Sep4: 填写信息。

    图片[11]-361Sale WordPress Care

    Sep5: 点击确认。

    结语

    301 重定向是将一个网页永久性地移动到另一个URL的过程,对SEO至关重要。它可以传递页面权重避免死链提高用户体验保持搜索引擎排名。您可以通过插件(如Redirection)1pancel 面板 来设置301重定向。注意避免重定向链和循环,以确保网站性能和SEO效果最佳。

  • 新手也能快速上手:阿里云+宝塔面板打造WordPress网站全攻略

    前言

    本教程将手把手教您如何使用阿里云服务器和宝塔面板来搭建WordPress网站,即使您是新手也能轻松完成。

    图片[1]-361Sale WordPress Care

    WordPress 是一个 Web 内容管理系统。它最初是作为发布博客的工具而创建的,但后来发展为支持发布其他 Web 内容,包括更传统的网站、邮件列表和互联网论坛、媒体库、会员网站、学习管理系统和在线商店。

    流程介绍

    阿里云服务器+宝塔面板安装wordpress 流程图

    准备工作

    在开始之前,你需要准备以下内容:

    • 阿里云账号:如果没有,注册一个阿里云账号。
    • 域名:如果需要绑定域名,提前注册并完成实名认证。

    购买并配置阿里云服务器

    1. 登录阿里云控制台

    访问 阿里云官网,使用你的账号登录。

    2. 购买并且配置云服务器 ECS

    • 在顶部导航栏选择 “产品” > “云服务器 ECS”
    图片[3]-361Sale WordPress Care
    • 点击 “立即购买”,根据需求选择配置:
      • 付费类型:根据你的需求进行选择,后期如果因为流量增大,你也可以升级重新选择。(选择包年包月,按量付费,抢占式实例,包年包月的价格比较优惠付费类型选择如表:
    计费方式 适用资源 说明
    包年包月 计算资源(vCPU和内存)、
    镜像、云盘、公网带宽
    一种预付费模式,即先付费再使用。一般适用于固定的7*24服务,例如Web服务。
    您需要先结清包年包月资源账单,才能开始使用。
    按量付费 计算资源(vCPU和内存)、
    镜像、云盘、公网带宽、快照
    一种后付费模式,即先使用再付费。适用于有爆发业务量的应用或服务,如临时扩展、临时测试。
    系统会在每个结算周期生成账单并扣除费用。
    抢占式实例 计算资源(vCPU和内存) 一种按需实例,价格比按量付费实例低,且随供求波动,按实际使用时长收费。
    适用于成本敏感但对计算资源可靠性要求不高的场景。
    表1.1 3种计费方式的说明
    • 地域和可用区:选择离你用户群体最近的区域,这样访问速度比较快数据的传输需要时间,所以物理距离对访问速度有一定的影响。 如:你的用户群体在中国大陆,并且你不想进行域名备案,可以选择中国香港,新加坡。(中国大陆:域名需要备案。中国香港以及其他地区:域名不需要备案)。
    图片[4]-361Sale WordPress Care
    • 实例的选择:可以参考表格选择适合你的CPU ,以及推荐内存。(如表1.2)
    电商平台规模 适用场景 推荐CPU 推荐内存 备注
    轻量电商平台 日常访问量不大,
    每天数百到上千次访问
    2 核 4GB 适合个人或
    中小型电商业务
    中型电商平台 访问量中等,
    每天几千到数万次访问
    4核 8GB – 16GB 适合并发用户数
    增长的电商平台
    大型电商平台 大型电商网站,
    日均访问量数
    十万至上百万,
    支持高并发场景
    8 核及以上 32GB 及以上 适合大规模高
    并发场景,
    支持促销活动等高峰负载
    表1.2 CPU 与内存的选择推荐
    • 规格族:不同的CPU ,以及内存 会显示不同的规格族。通常我们选择“计算型c,或者通用型u,以及经济型e“,所以根据你的需求进行选择,也可以参考下表。这里我们选择计算型c进行举例。
    规格族 特点 适用场景
    计算型 c 优化 CPU 性能,适合高计算密度场景 高性能计算、科学计算、数据分析
    通用型 u 计算、内存、网络资源均衡 Web 服务器、企业级应用
    经济型 e 低成本,提供基础计算能力 测试环境、小型应用、轻量级业务
    AMD 计算型 c8a 基于 AMD 处理器,性价比高 大规模计算、视频编解码
    高主频计算型 hfc 提供更高 CPU 主频,
    适合高频计算任务
    游戏服务器、金融建模、高性能数据库
    性能增强计算型 c8ae 在计算型基础上优化,
    适用于需要更多资源的场景
    大数据处理、分布式计算
    抢占式实例 价格低,但实例可能被系统回收 批处理、弹性扩展、临时测试任务
    表1.3 关于规格的选择
    图片[5]-361Sale WordPress Care
    • 镜像:选择 “公共镜像”,并选择 “Ubuntu “。根据你的需求选择镜像,但这里推荐选择Ubuntu ,镜像的区别如表1.3:
    镜像 特点 适用场景
    Alibaba Cloud Linux 阿里云自家系统,优化云环境 阿里云应用
    Anolis OS 国产操作系统,替代 CentOS 政策要求的环境
    CentOS 企业级稳定系统,停止维护 传统服务器
    Windows Server 微软操作系统,适合 Windows 应用 .NET 应用、SQL Server
    SUSE Linux 企业关键任务优化,特别适合 SAP 数据中心、数据库系统
    OpenSUSE 社区版 SUSE,灵活且稳定 开发、测试环境
    Rocky Linux CentOS 的替代,与 RHEL 兼容 企业服务器
    Ubuntu 全球最流行,社区支持强,云计算友好 Web 服务、云环境
    Debian 稳定性高,适合长期运行的应用 需要高稳定性的应用
    Fedora 紧跟新技术,适合开发和测试 开发、测试
    Fedora CoreOS 专为容器化设计,轻量且自动更新 容器化应用
    FreeBSD 高性能且安全性好 网络服务器
    表1.3 镜像的区别

    总结 :为什么选择 Ubuntu
    Ubuntu 作为全球最流行的 Linux 发行版之一,拥有广泛的社区支持和丰富的应用场景。特点是:开源、易用性、稳定。使其成为云服务器上最受欢迎的选择之一。Ubuntu 也拥有许多长期支持(LTS)版本,能够提供长时间的安全更新,适合企业使用。如果你希望快速启动一个轻量级、高效的服务器环境,并且不希望遇到太多的兼容性问题,Ubuntu 是一个非常好的选择。

    图片[6]-361Sale WordPress Care
    • 存储:如果没有特殊需求,默认即可。

    知识点:

    ** 云盘 **

    • ESSD Entry:这是ESSD云盘的入门级选项,适合需要基础存储性能的场景。它提供了较低的IOPS(输入输出操作数)和吞吐量,因此价格相对便宜。通常用于对性能要求不高的应用或测试环境。(选择较多)
    • ESSD云盘:这是标准级别的ESSD云盘,提供比Entry更高的IOPS和吞吐量,适用于大部分生产环境和需要中等性能的应用。它的性能相对均衡,适合一般的企业应用
    • ESSD AutoPL:这是ESSD云盘的自动性能分级版本,系统会根据你的需求动态调整IOPS和吞吐量。它适合对性能要求波动较大的应用,能够根据负载自动调整性能,价格可能根据使用的性能而变化。

    ** 容量 **

    • 系统盘用于存放操作系统和基础软件

    ** IOPS **

    • 显示的是这个云盘的每秒输入/输出操作次数,数值是2120,代表云盘的性能能力,数值越高性能越好。

    ** 快照服务 **

    • 你可以选择为系统盘创建自动快照策略。快照是一种备份方式,可以防止病毒感染或数据误删等风险,快照服务会定期备份云盘数据。
    • 网络:带宽选择按需进行配置
      • 低带宽(1-5 Mbps):适合小型网站个人博客或者简单的测试环境。
      • 中带宽(5-50 Mbps):适合中型企业网站、较为频繁的网络访问或中等规模的流媒体传输等。
      • 高带宽(50-200 Mbps):适合需要大量并发访问的企业网站、在线游戏、视频流等对网络性能要求较高的应用。
    • 安全组:选择新建安全组。记得选择 HTTP,HTTPS

    HTTP协议: 是互联网上最基本的通信协议,用于浏览器和服务器之间传输网页内容。当用户通过浏览器访问网站时,服务器通过HTTP协议将网页传输给用户。

    HTTPS协议: 是HTTP的安全版本,它通过SSL/TLS加密来保护数据的传输安全。它确保了用户和服务器之间的通信不会被窃听或篡改。

    图片[7]-361Sale WordPress Care
    • 设置密码:设置登录密码,牢记。
    图片[8]-361Sale WordPress Care
    • 确认配置,完成支付。