Wixでリダイレクトをする方法

2022年4月5日 21:39

お世話になっております。
最近、Wixで作ったサイトからWordpressへリニューアルしたいというご相談をいただき、Wixから外部サイトへリダイレクトする方法が分からず悩む…。ということがありました。しょっちゅう起こることでもないと思うので、メモを兼ねて共有したいと思います。

まず前提として

今回のケースは、Wixのオリジナルアドレスから新しく独自ドメインを取得してリニューアルする予定でした。
つまり、Wixから「別ドメイン」に301リダイレクトさせるケースです。
既に独自ドメインで運用している場合は、ドメインごと移管（お引っ越し）させたほうが手っ取り早いです。

リダイレクトとは？

簡単にいうとWEBサイトの訪問者を別のWEBサイトへ転送する仕組みです。
これによって、リダイレクトを設定されたページにアクセスしたユーザや、検索エンジンのクローラーを自動的に転送させることができます。
昔のサイトによくあった、「引っ越しました。新しいサイトはコチラ」的なご案内をしなくても良くなります。

リダイレクトには301リダイレクトと302リダイレクトがあり、301は「Permanent Redirect」（=恒久的な転送）、302は「Tempoary Redirect」（=一時的な転送）があり、今回のようなサイト全体のお引越しの場合は、301リダイレクトを使用します。

通常のリダイレクトの設定方法

.htaccessか転送させたいページのヘッダーにmetaタグを設定すればリダイレクトされます。書き方はいろいろありますが、だいたいこんな感じ↓。

ドメインごとリダイレクトする場合の.htaccessの例

RewriteEngine On
RewriteCond %{http_host} ^www.old-site.com
RewriteRule ^(.*) https://new-site.com/$1 [R=301,L]

<head>~</head>内に記載する場合の例

<meta http-equiv="refresh" content="0; URL="https://new-site.com">

しかし、Wixでは.htaccessは使えず、ヘッダーにも追加できません。

Wixでのリダイレクトのお作法

ページ単位のリダイレクトなら「SEOツール」の「リダイレクトマネージャー」でも設定できるのですが、トップページは設定できないようです。

Wixのサイト編集画面から、「Dev Mode」→「開発モードを有効にする」をクリックします。

「Dev Mode」のタブが表示されない場合は、Wixにログインした状態で、このリンクを踏んで「Start Project」ボタンをクリックしてVeloを有効にしてください。

次に、画面のキャプチャの様にエディタ下側の要素に追記します。

import wixLocation from 'wix-location'; 

$w.onReady(function () {
     wixLocation.to("ここにリンク先のURLを記入");
})

「保存」→「公開」でリダイレクトされるようになります。

他にも機能はあるようですので、気になる方はVelo Referenceを眺めてみてください。

おわりに

独自ドメインを取得して新しいサイトを構築しても、そのままではこれまでのサイトのページ評価は引き継がれません。
またゼロからSEO対策する必要があるので勿体ないですし、サイトからの流入がメインになっている場合は死活に関わります。

その点、301リダイレクトは検索エンジンのページ評価を新しいサイトで引き継いでいくことができるため、SEO効果を期待することができます。
ページ評価はこれまでの運用資産ですので新しいサイトでも活用していければと思います。