【Q】リニューアルしてページ名がindex.htmlからindex.phpに変わります。名前が変わると、過去にいろんな別サイトやブログからリンクしているので、リンク切れが起きてしまうんですが、どうすれば!?

   web入門, web知識あれこれ| 

リニューアルでindex.htmlをindex.phpに変更することって結構ありますね。
静的HTMLにて更新していたサイトを、ブログやCMSにて更新するように変更する場合とか、データベースを使うまではいかなくても、スクリプトを埋め込みたいために、phpの方が便利・・ということもあり。
そんなときは、リニューアル時にやったほうが良いことがあります。
.htaccessを使ったリダイレクトです。

《2016年2月補足》サイトリニューアルにあたり、旧記事を整理していますが、アクセスの多い記事は残していこうと思います。古い情報が入っていますのでご注意ください。

ページ名やフォルダ名が変わって困ることと言えば・・・

長年運営してきたサイトは、すでにいろんな所から、個別のHTMLページへリンクが貼られていて、それがリニューアルでファイル名が変わることでリンク切れになってしまったり、
検索でヒットするページが古いファイル名だったりすることもあるので そういったページが全部リンク切れになってしまい、せっかくの来訪者を逃してしまうことになったり、
今まで培ってきた検索の評価がフリダシにもどってしまいます。

 redirect001

.htaccessを使ったリダイレクト

そんな時は、.htaccessを使ってリダイレクトをすればいいのですが、リダイレクトにもいくつか種類があり、変な使い方をすると、ググル先生に睨まれて成績が落ちてしまいますので要注意と言われています。

  • 301リダイレクト
    永久リダイレクトという意味で、Yahoo!やGoogleは「ページ移転をした場合は301リダイレクトを使用して、以前のサイトのコンテンツはこちらに移動しましたという意志を伝えましょう。」というようなことが推奨として書かれています。 >Googleウェブマスターツール「サイトの移転」
  • 302リダイレクト
    一時的な移転をする場合に使う方法です

redirect002

特定のフォルダ以下のページを別のフォルダに移動したい場合

.htaccessを使った301リダイレクトの方法です。

https://webnomori.net/▲▲/ 以下のページをhttps://webnomori.net/●●/以下の同じページにリダイレクトしたい場合には、下記のように記述します。
Redirect permanent /▲▲/ https://webnomori.net/●●/

1ページごとに違うファイル名へ移転する場合

1ページごとに記述する場合はこうなります。

(例)同じディレクトリのindex.htmlからindex.phpへリダイレクトさせたい
Redirect permanent /▲/index.html https://webnomori.net/▲/index.php

(例)違うディレクトリのindex.htmlからindex.phpへリダイレクトさせたい
Redirect permanent /▲/index.html https://webnomori.net/●/index.php

(例)同じディレクトリの違うファイル名へリダイレクトさせたい
Redirect permanent /▲/××.html https://webnomori.net/▲/◎◎.html

URLのスラッシュ以下を省略した場合

なにも設定していない場合、https://webnomori.net/ のように、アドレスを打ち込んで、スラッシュ以下を省略した場合は、index.htmlが表示されますが、これをindex.phpの方が優先されて出るように指定しておかないといけません。

(例)省略した場合、下記の順番で優先して表示させる指定
DirectoryIndex index.php index.html index.cgi index.shtml

.htaccessの書き方

  1. 普通は頭にドットがついて、拡張子がないファイルは作成できないので、まずテキストエディタを開き下記のように記述して、一番上のフォルダにhtaccess.txtというファイル名で保存します。
    (テキストエディタはウィンドウズならメモ帳よりTeraPadがオススメ)
  2. サーバーにアップして、サーバー上のhtaccess.txtを選択してから、.htaccessという名前にリネーム(名前を変える)します。

redirect003

 

webの森では、デザイナーの卵さん向けの個人講習も行っています。

会社でweb担当者になったんだけど、基本を知らないとまずいらしい・・・??と思われた方などなど。
詳しくはお問合せください

toi

   web入門, web知識あれこれ| 

  関連記事

no image
TinyMCEにスタイルを追加する

自分への備忘録なので丁寧な記事ではなくてすみません。 function.phpに下記を追加 /** … ≫続きを読む

調整レイヤーの使い方

フォトレタッチの極意1:紅葉の色彩をアップする | Adobe Creative Station 部… ≫続きを読む

千畳敷カールで2612体験してきました

10月3日、下界はまだ夏のなごりが残る初秋。この日、中央アルプス駒ケ岳ロープウェイにのって、2612… ≫続きを読む

Q:インスタやってるからブログは不要?

SNSがとても手軽な時代なので、インスタやLINE、ツイッター(エックス)など、SNSをしていれば、… ≫続きを読む

【保存版】AIって何?まずはここから!ChatGPT / Midjourneyを初心者向けに徹底解説 

最近AIの話題ばかり…敬遠していた分野だけど、ちょっとどんなものか知っておいたほうがいい… ≫続きを読む

Photoshopの色相・彩度のチュートリアル

(1)色相・彩度を選 (2)左下の手のひらマークをクリックし、スポイトで変更したい色を選択する (3… ≫続きを読む

HTMLコードの編集がよくわからない…不安という方に

こんにちはモンガです。今日はHTML コードが簡単に編集できる便利なツールの 紹介をします。 ネット… ≫続きを読む

長野ADC主催のデザイン会議

昨日は長野ADC主催のデザイン会議に出てきました。会場が素敵で、古い酒蔵をくつろぎスペースに改造・再… ≫続きを読む

【ホームページの作り方】ネットショップの作成

ネットショップには、ショッピングカート、商品管理、会員機能、決済処理など、いくつかの必要な機能があり… ≫続きを読む

WordPressのページ更新をするときに便利なツールあれこれ

まず、GoogleChromeはPCに入れておいてください   HTMLを編集するのにとて… ≫続きを読む

▲ページ先頭へ