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>

相关文章

  • WordPress添加JS和CSS样式表

    WordPress教程:WordPress添加JS和CSS样式表

    对于一些使用WordPress进行外贸建站的商家来说,大部分人会通过在WordPress中添加JS代码和CSS样式表,以增强网站的交互性和观赏性,但对于一些不了解代码知识的商家可谓是天方夜谭,所以本文接下来将为大家讲解WordPress添加JS和CSS样式表的具体教程。 一、WordPress添加JS和CSS样式表的常见错误 许多WordPress插件和主题开发人员都犯了直接将脚本或内联CSS添加到插件和主题中的错误,有些人错误地使用wp_head函数来加载脚本和样式表。 <?php ad…

    开发教程 2024年 9月 11日
  • 锚链接

    WordPress锚链接怎么设置

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

    开发教程 2026年 5月 8日
  • 进入草稿订单发票

    Shopify发票操作指南:发送、定制与下载技巧

    Shopify发票适配定制销售、品牌呈现等跨境电商独立站的多元场景,核心涵盖发送、定制、下载三大操作。发送可精准设置交易条款,定制能强化品牌辨识度,下载需借助专用应用实现。下文将分步拆解具体操作流程。 一、如何发送Shopify发票 如果想在客户付款前设置准确的产品、价格和条款,Shopify 发票是完美的选择。这种方法在销售定制套餐、批发优惠、现订制商品或需要人工审批的服务时非常有效。 要从Shopify独立站发送发票,请按照以下步骤操作: 在Shopify管理仪表盘中,进入“订单-草稿”。 …

    开发教程 2026年 4月 28日
  • woocommerce关闭价格

    WooCommerce怎么关闭价格显示

    WooCommerce关闭价格显示可以通过WholesaleX插件或者代码实现,本文主要列举了通过这两种方法实现对所有用户和根据用户角色关闭WooCommerce价格显示的教程,以供大家在搭建跨境电商独立站时参考。 一、对所有用户关闭WooCommerce价格 1、使用插件 正确安装并激活WholesaleX插件后,进入设置部分,点击“价格”选项。 这里可以看到两个选项: 显示登录以查看产品列表页面的价格:启用此选项后,商品价格会从商店和档案页面隐藏,并显示“登录查看价格”的文字。 显示登录查看…

    开发教程 2025年 12月 12日
  • WampServer在本地安装WordPress

    如何使用WampServer在本地安装WordPress

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

    开发教程 2026年 5月 14日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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