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>

相关文章

  • CSS网站设计

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

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

    开发教程 2024年 7月 10日
  • 进入 My Elementor 仪表板

    Elementor编辑器怎么用 WordPress Elementor编辑器教程

    Elementor编辑器怎么用?使用WordPress Elementor编辑器可以帮助商家实现构建页面和超级菜单等目标,此外借助编辑器Pro版本,用户还可以通过使用其内置的AI功能实现文本和代码的自定义创建。为了让各位使用Elementor编辑器进行外贸建站的站长,更加熟练地使用该编辑器,下文将围绕以上所说的Elementor编辑器怎么用的三个方面,为大家介绍具体的图文操作教程。 Elementor编辑器怎么用一:创建页面 如何创建新页面取决您是使用 Elementor Hosting 还是带…

    开发教程 2025年 1月 29日
  • 单击 Theme Functions

    Woocommerce商城设置注册页面详细指南

    在使用Woocommerce和WordPress进行外贸建站时,大多数站长会选择通过自定义顾客登录和注册页面来增强用户体验,以更好的收集顾客信息,以做好网站的运营推广。所以下文将基于Woocommerce商城设置注册页面这一问题为各位站长具体介绍其中的详细过程,以供不熟悉操作的商家提供一个过程参考。 一、使用hooks设置Woocommerce商城注册页面 WooCommerce hooks提供了一种灵活且安全的方式来自定义Woocommerce商城注册页面,而无需直接编辑主题文件。 1、登录到…

    开发教程 2024年 12月 20日
  • 导航到仪表板中的网站付款

    WooCommerce PayPal设置如何做?

    WooCommerce PayPal设置如何做?首先商家需要在PayPal的账户后台生成一个PayPal身份识别码,之后在PayPal NVP/SOAP API 集成(经典)部分获取API实时凭证,再在WooCommerce后台进行WooCommerce PayPal Payments插件的安装激活与配置,至此便可完成WooCommerce PayPal设置的全部操作了,为了帮助大家更好的进行WooCommerce PayPal外贸建站的设置,所以下文将基于此为大家具体呈现其中的图文设置过程,以…

    开发教程 2025年 1月 6日
  • Ubuntu系统的桌面环境

    新手指南:Ubuntu系统的基本操作和使用教程

    一、Ubuntu系统的基础操作 1、界面介绍 Ubuntu系统的桌面环境通常是基于GNOME桌面环境,它包括以下元素: 桌面:桌面是能看到的整个屏幕,可以在桌面上放置文件和文件夹。 任务栏:位于屏幕顶部的横条通常包含了应用程序启动器、系统菜单、通知区域等。 应用程序启动器:通常位于任务栏左侧,包含了常用的应用程序图标,你可以从这里启动应用程序。 通知区域:通常位于任务栏右侧,包含了系统通知、网络连接、音量控制等快捷操作。 应用程序菜单:在桌面的左上角,通常是一个“Activities”按钮,点击…

    开发教程 2024年 4月 24日
  • WooCommerce收款设置

    WooCommerce收款怎么设置?

    WooCommerce收款怎么设置?商家可以通过WooCommerce账户后台的设置-付款选项对WooCommerce收款进行设置。WooCommerce作为WordPress建站生态的一部分,WordPress收款方式的设置是商家使用WordPress进行外贸建站必须熟悉的操作之一,所以下文将为大家带来WooCommerce收款方式设置的有关内容。 一、WooCommerce收款方式 WooCommerce支持Paypal、Stripe、信用卡等多种收款方式,WooCommerce默认的付款方…

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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