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>

相关文章

  • woocommerce教程

    初学者指南:WooCommerce跨境电商独立站建站教程

    在WordPress独立站上使用WooCommerce将其转变为一个强大的跨境电商独立站,能够轻松销售一系列实体和数字产品。本文将指导独立站初学者完成WooCommerce跨境电商独立站建站的全部初始步骤,涵盖了配置独立站、添加产品以及通过扩展扩展其功能等关键方面。 WooCommerce建站教程一:安装 WooCommerce 要安装 WooCommerce,请确保您托管帐户上安装了WordPress,以下是启动和运行 WooCommerce 的快速指南: 从可靠的注册商处获取域名。 选择满足…

    开发教程 2025年 6月 19日
  • 两个用于导出网站文件的选项

    如何将网站从WordPress.com移至WordPress.org?

    随着WordPress独立站的发展,一些商家会选择将WordPress网站从WordPress.com迁移至WordPress.org,以获得更多的外贸建站资源,进行独立站的自定义设计。那么如何将网站从WordPress.com移至WordPress.org?商家需要经过导出WordPress.com站点内容、建立新的WordPress.org站点等步骤实现WordPress.com站点迁移至WordPress.org的目标,所以下文将基于此为大家介绍WordPress独立站的迁移过程,感兴趣的…

    开发教程 2024年 11月 7日
  • 解释此应用程序需要什么访问级别

    Shopify插件安装方法

    在使用Shopify搭建跨境电商独立站时,为了优化用户体验和扩展网站功能,需要将Shopify APP Store里的插件安装到独立站中,所以本文将基于此为大家展示Shopify插件的安装方法,以供大家参考。 一、Shopify插件安装方法 本文将以Out of Stock Police为例,该应用程序有助于管理售罄商品,发送低库存和无库存通知,对集合进行排序,向下推缺货产品,甚至隐藏缺货产品。 1、在Shopify插件列表页面上,单击“添加应用程序”按钮。 2、将看到一个屏幕,解释此应用程序需…

    开发教程 2025年 4月 29日
  • 在标题字段中输入菜单的标题

    Shopify导航栏怎么添加子菜单

    Shopify导航栏怎么添加子菜单?进入Shopify跨境电商独立站后台,在“导航”-“添加菜单”中,点击“+ 添加菜单项”按钮即可按需求添加Shopify导航栏的子菜单。下文展示了Shopify导航栏怎么添加子菜单的具体步骤,及Shopify导航栏添加子菜单的相关问题汇总,以供大家参考。 一、Shopify导航栏怎么添加子菜单 1、转到 Shopify 后台中的“导航”。 2、在Shopify“菜单”部分,单击右上角的“添加菜单”按钮。 3、在“添加菜单”屏幕中,在“标题”字段中输入菜单的标题…

    开发教程 2025年 7月 28日
  • CSS网站设计

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

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

    开发教程 2024年 7月 10日
  • WooCommerce购物车添加按钮示例

    WooCommerce购物车添加按钮如何设置?

    WooCommerce购物车添加按钮如何设置?对于使用WooCommerce进行跨境电商独立站搭建的商家来说,可以通过在想要添加WooCommerce购物车添加按钮的页面,插入一段代码即可达到相关功能实现的目的。为了帮助大家更好的了解如何插入代码才能实现WooCommerce购物车按钮的添加,接下来将具体介绍有关内容,以更好的简化客户购买流程,优化用户体验。 一、为什么要设置WooCommerce购物车添加按钮 1、改进的美学:它允许商家将按钮的设计与品牌的风格和配色方案相匹配,从而帮助改善网站…

    开发教程 2025年 3月 13日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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