301重定向使用户在外贸建站时经常会遇到的一种重定向技术,站长通常会通过编辑.htaccess文件或者return语句等方法来实现网页地址的迁移,以避免404错误的出现,诚然了解301重定向的相关设置有利于网站的正常运行,进而提升用户访问体验和提高网站搜索排名,所以下文将为大家介绍如何设置301重定向,为大家搭建外贸网站提供一些准备。

一、Apache网站服务器301重定向

在网站的根目标找到如下这个文件:

根目录找到.htaccess文件

如果没有找到这个文件?有以下两种可能:

  • 网站没有.htaccess文件。可以使用 Notepad(在 Windows 平台)或TextEdit(Mac 平台)创建该文件,只需要新建一个文件并将其保存为.htaccess即可,记得要移除标准的.txt文件扩展名;
  • 网站并非运行在Apache网站服务器上。网站服务器有许多种,Apache,Windows/IIS 和 Nginx是最常见的几种,其中只有 Apache 服务器使用.htaccess 文件。若要检查网站是否运行在Apache服务器上,请询问自己的主机托管商。

1、将旧页面重定向到新页面

Redirect 301 /old-page.html /new-page.html

如果在使用免费WordPress插件Redirection,此时用户可以不用通过编辑.htaccess文件来实现重定向,只需添加一个301重定向就可以了,如下图:

使用免费插件添加301 重定向

2、将旧域名指向新域名

“RewriteEngine on
RewriteCond %{HTTP_HOST} ^oldsite.com [NC,OR]
RewriteCond %{HTTP_HOST} ^www.oldsite.com [NC]
RewriteRule ^(.*)$ https://newsite.com/\ [L,R=301,NC]”

:如果.htaccess已经包含了RewriteEngine on代码片段,那就不要重复了,只需要复制粘贴剩下的代码即可,当然在Cpanel中也可以执行这样的操作,这种做法也是比较普遍的做法。

3、将整个域名由不包含www的版本重定向到带www的版本

从 non-www 到 www:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^xxx.com [NC]
RewriteRule ^(.*)$ http://www.xxx.com/\ [L,R=301,NC]

从 www 到 non-www:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www.xxx.com [NC]
RewriteRule ^(.*)$ http://xxx.com/\ [L,R=301,NC]

:.htaccess 文件中的代码布局和顺序同样会有影响。当多个(向浏览器发出的)指令的排列顺序“错误”(如:重定向链等)时,可能会遭遇副作用;如果打算在 htaccess 文件中实现多个 301 重定向,不妨深入研究一下 .htaccess 文件。

4、将网站域名由 HTTP 重定向到 HTTPS

“RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]”

:要实现上述重定向,网站必须已经装有 SSL 证书,否则会收到“不安全”(”Not secure”)证书的信息。

5、网站域名由HTTP重定向到HTTPS,将non-www重定向到www

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule ^ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteCond %{HTTPS} off
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

二、 Nginx服务器301重定向

1、return重定向

到目前为止最简单、最快的方法是使用return语句,因为不需要计算正则表达式,且是永久重定向,将以下代码放入服务器块中:

return 301 https://xxx.com$request_uri;

如果想要临时重定向,请使用302,完整的示例服务器块可以是:

server {
listen 80;
listen [::]:80;
hostname xxx.com www.xxx.com;
return 301 https://xxx.com$request_uri;
}

2、HTTP重定向到HTTPS

return 301 https://$host$request_uri;

3、将非www重定向到www

if ( $host !~ ^www\. ) {
return 301 $scheme://www.$host$request_uri;
}

4、将www重定向到非www

if ( $host ~ ^www\.(?<domain>.+)$ ) {
return 301 $scheme://$domain$request_uri;
}

三、Windows/IIS 服务器301重定向

1、将旧页面重定向到新页面

<location path=”page-to-redirect.html”>
<system.webServer>
<httpRedirect enabled=”true” destination=”http://www.xxx.co.uk/new-page.html” httpResponseStatus=”Permanent” />
</system.webServer>
</location>

2、将旧域名指向新域名

<system.webServer>
<httpRedirect enabled=”true” destination=”http://www.xxx.com/” />
</system.webServer>

3、全部301重定向

将所有页面或所有没有特定规则的页面重定向到另一个页面,可以在httpRedirect中添加exactDestination=“true”规则。

<system.webServer>
<httpRedirect enabled=”true”  exactDestination=”true”  destination=”http://www.xxx.com/” />
</system.webServer>

4、特定的重定向和全面重定向

<configuration>
<location path=”old-page-1.html”>
<system.webServer>
<httpRedirect enabled=”true” destination=”http://www.newsite.co.uk/new-page-a/” httpResponseStatus=”Permanent” />
</system.webServer>
</location>
<location path=”old-page-2.html”>
<system.webServer>
<httpRedirect enabled=”true” destination=”http://www.newsite.co.uk/new-page-b/” httpResponseStatus=”Permanent” />
</system.webServer>
</location>
<system.webServer>
<httpRedirect enabled=”true” exactDestination=”true” destination=”http://www.newsite.co.uk/” httpResponseStatus=”Permanent” />
</system.webServer>
</configuration>

相关文章

  • WampServer在本地安装WordPress

    如何使用WampServer在本地安装WordPress

    如何使用WampServer在本地安装WordPress?先安装WampServer并启动Apache、MySQL服务,再下载WordPress、创建数据库并运行安装程序,即可快速完成WordPress外贸建站本地环境搭建。下面将详细讲解完整安装流程与常见问题解决方法。 一、WampServer是什么软件 WampServer 是 Windows 平台的 Web 开发环境,无需联网即可运行基于 Apache、PHP、MySQL/MariaDB 的动态网站。它自带 phpMyAdmin、Admin…

    开发教程 2026年 5月 14日
  • 点击当前主题的自定义按钮

    Shopify评论如何添加

    在Shopify平台上,添加评论主要有三种方式:通过主题编辑器手动嵌入静态推荐内容、借助Judge.me应用批量导入CSV格式评论,或利用Opinew一键同步亚马逊真实买家评价。每种方法各有优劣,适用于不同阶段和需求的店铺。对于运营跨境电商独立站的商家而言,合理展示用户评价不仅能提升信任度,还能有效促进转化。接下来将逐一详解这三种主流的Shopify评论添加方案。 Shopify评论添加一:手动 1、进入主题自定义部分 从Shopify仪表盘,导航到在线商店-主题。 找到当前的主题,点击“自定义…

    开发教程 2026年 2月 10日
  • shopify自建站教程

    从零开始!Shopify自建站最全教程

    随着SaaS建站的火爆,Shopify凭借功能强大、建站简单的优势受到了众多跨境电商商家的喜爱。越来越多的卖家也会选择Shopify进行跨境电商独立站的搭建,为了帮助小白商家更好的了解Shopify自建站的全部流程,下文将从Shopify独立站账户创建开始,为大家一步步梳理Shopify网站搭建的过程。 一、创建 Shopify 帐户 转到 Shopify.com 并单击右上角的开始免费试用,然后将回答一些关于业务、销售产品、销售地点、正在构建的网站类型以及销售多长时间的问题。之后输入电子邮件和…

    开发教程 2025年 2月 24日
  • 锚链接

    WordPress锚链接怎么设置

    WordPress锚链接怎么设置?WordPress锚链接可通过编辑器设置锚点ID+关联#ID链接、纯HTML手动创建、插件辅助等方式实现。锚链接与超链接不同,前者仅在同一页面跳转定位,后者可指向内外网页面,对优化外贸建站导航体验、提升海外访客浏览效率尤为关键。下文将从编辑器操作、代码设置等维度,拆解外贸建站适配的锚链接实操方案,一起看看具体步骤。 一、锚链接和超链接的区别 超链接是什么 在详细讨论WordPress锚链接之前,需要先了解什么是超链接。 可能已经知道这类链接:带有彩色或下划线的文…

    开发教程 2026年 5月 8日
  • 选择统一费率

    WooCommerce运费设置

    WooCommerce作为WordPress外贸建站生态的一部分,WooCommerce运费设置是商家在建站过程中不可忽视的一部分,那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢?下文将为大家展示具体步骤,通过WooCommerce运费的合理设置,商家可以有效地管理运输成本,提供有竞争力的运费,并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前,可以先花点时间了解WooCommerce中可用的不同类型的运费: …

    开发教程 2024年 10月 8日
  • Shopify主题备份

    Shopify怎么添加自定义HTML代码

    Shopify添加自定义HTML代码首先需要备份主题,然后打开Shopify独立站的主题代码编辑器选择想要自定义的部分,这决定了商家是打开layout中的theme.liquid文件,还是Sections或Templates文件,亦或者是新创建一个liquid文件,接着把HTML代码粘贴到自己希望它出现的位置,最后点击保存并预览即可。 第一步:备份Shopify主题 在向主题文件添加HTML进行Shopify二次开发之前,务必先备份主题。 为了备份Shopify主题,执行的操作有: Shopif…

    开发教程 2025年 12月 19日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部