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>

相关文章

  • HTML、CSS、JS和PHP之间的关系

    HTML、PHP、CSS和JS之间的关系

    在外贸建站的过程中,要想进行独立站的开发,不可避免的会遇到网站搭建常见的四种技术,分别是HTML、PHP、CSS和JS,一提到这四种技术语言时,不少技术小白会一脸懵,所以接下来本文将为大家梳理这四种语言之间的关系,为大家外贸建站提供一些技术支撑。 HTML:HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。HTML其实是文本,它只是客户端语言,所以需要浏览器的解释,而且只用HTML做出来的网页是静态网页,没任何得交互功能。 CSS:…

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

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

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

    开发教程 2025年 1月 29日
  • 添加新插件部分

    WordPress网站模板Astra快速搭建网站入门教程

    本文接下来将围绕Astra WordPress网站模版为基础,讲解网站快速搭建的入门级教程,帮助各位想要外贸建站的站长了解该主题的使用步骤。要想使用WordPress网站模板Astra快速搭建网站,首先需要安装Starter Templates插件,该插件是免费插件,可以导入Astra WordPress网站模版,实现网站的快速搭建。 从 WordPress 仪表板访问插件-添加新插件部分。 在仪表板上搜索并安装 Starter Templates 插件。 安装并激活后,可以在Astra网站模版…

    开发教程 2025年 10月 15日
  • 选择统一费率

    WooCommerce运费设置

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

    开发教程 2024年 10月 8日
  • 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的多语言功能也显得越来越重要,一个具有多语言的独立站不仅可以有利于客户的访问,而且在一定程度上也有利于网站的SEO优化。那么WordPress多语言网站到底该怎么设置呢?其实设置方法多种多样,用户可以通过用两种不同的语言文章撰写文章来实现,也可以通过创建两个具有不同语言的站点来达到WordPress多语言的设置。下文将为大家具体介绍多语言网站的设置方法。 一、一个站点,一篇文章 用户可以创建一个站点,并让每篇文章或每个页面都包含用两种语言显示的相…

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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