【SEO対策】PHPでHTMLのtitleタグを動的に変更

今日は本当に基礎的な事なんですけれど、まだまだPHPを使い始めたばかりの方向けへ。

PHPを使うと同じテンプレートページさえ用意しておけば、データベースから情報を引っ張ってくるだけで無数に情報が違うページを作成出来ます。

1ページ1ページHTMLで作成しても良いんですが、データ量が大量になってきた時に管理がしきれませんし、いざWebページのレイアウトを変更しようとすると全ページの変更が必要になるケースも。

ここではPHPの利点を活かし、titleタグやページ情報を動的に変更するようにしましょう。

＼ココナラでWordPressエラー修正サービス始めました！／

ココナラでWordPressのエラー解決サービスを始めました！

追加オプション無しで3,000円から受け付けておりますが、新規会員登録で300円、僕の紹介コードを入力すると1,000円分のポイントが貰えるので実質1,700円から利用することができます！

突然画面が真っ白になった
英語のエラーが表示されてどうしたらいいかわからない
とにかく困っている

どんなことでもぜひお気軽にご相談ください！

紹介コード：K0GR23

ココナラでWordPress相談をする

動的ページのtitleタグが固定だとSEOでは不利
ページタイトルを動的に書き換えるには
大事なのはユーザビリティ

動的ページのtitleタグが固定だとSEOでは不利

SEO対策で非常に重要といわれているページタイトルを指し示すtitleタグ。

HTML

<head>
    <title>ページタイトル</title>
</head>

こんな感じで書かれる部分ですね。

PHPでGETでパラメーター指定するページの場合、URLが以下のようになります。

URL

https://example.jp/detile.php?id=user_id

このURLを静的に見せる方法としてはApacheのmod_rewriteと言うモジュールがあります。

そっちは「PHP URL 静的」とかでぐぐればいくらでも出てくるんでいいとして、意外とtitleタグ内を動的に変更する記載が無かったんでメモ的に。

って言ってもPHPの基礎中の基礎です笑。

ページタイトルを動的に書き換えるには

まず前提として、例えばDBとか何かしらにその固有のページを指し示す文字列がある事が前提です。

例えば飲食店のポータルサイトを例としてみましょう。

通常、PHPファイルでもHTMLファイルでも<title>タグに設定したものはどんなパラメーターを渡されても一定です。

Aラーメン店とBイタリアン店があっても、結局はPHPでDBなりの内容を読み込んで出力してるだけなんで、大元のファイルは1つですよね。

なので<html>タグの前でデータを読み込んでおきましょう。

ここではMySQLを例とします。

次のようなテーブルがあるとましょう。

DB：users

user_id	shop_name
1	Aラーメン店
2	Bイタリアン店

PHP

//普通は検索ページか何かからGETやPOSTでデータ持ってきますけどここでは変数$user_idに直接入れてます
$user_id = 1;

//DB接続
$sql = 'SELECT * FROM users WHERE user_id =:user_id';
$stmt = $dsn-prepare($sql);
$stmt-bindParam(':user_id', $user_id, PDO::PARAM_STR);
$stmt-execute();

//データ読み込み
$row = $stmt-fetch(PDO::FETCH_ASSOC)；

<html>
<head>
 <title>飲食店ポータル | 検索詳細</title>
</head>
<body>
 店舗名：<?php htmlspecialchars($row['shop_name']) ?>
</body>
</html>

で、ここで変更したいのはtitleタグ。

このままだとページタイトルは飲食店ポータル | 検索詳細となんの詳細やらさっぱりわからんこっちゃになってます。

次のように書き換えてみましょう。

PHP

//普通は検索ページか何かからGETやPOSTでデータ持ってきますけどここでは変数$user_idに直接入れてます
$user_id = 1;

//DB接続
$sql = 'SELECT * FROM users WHERE user_id =:user_id';
$stmt = $dsn-prepare($sql);
$stmt-bindParam(':user_id', $user_id, PDO::PARAM_STR);
$stmt-execute();

//データ読み込み
$row = $stmt-fetch(PDO::FETCH_ASSOC)；

<html>
 <head>
 <title>飲食店ポータル | <?php htmlspecialchars($row['shop_name']) ?></title>
 </head>
 <body>
 店舗名：<?php htmlspecialchars($row['shop_name']) ?>
 </body>
</html>

これでページタイトルは飲食店ポータル | Aラーメン店になります。

こんな応用も出来ます。

HTML

<html>
 <head>
 <title>飲食店ポータル | <?php htmlspecialchars($row['shop_name']) ?>詳細</title>
 </head>
 <body>
 店舗名：<?php htmlspecialchars($row['shop_name']) ?>
 </body>
</html>