CakePHP3でkeywords、DescriptionをHTMLヘルパーを使って設定する

2019/09/21

CakePHP3では metaタグを編集する HTMLヘルパーが用意されている

metaタグの keywords、DescriptionをHTMLヘルパーを使って設定する方法

　
CakePHP3で keywords、Descriptionを設定する方法を解説します。
　
CakePHP3には最初から metaタグを編集する HTMLヘルパーが組み込まれています。
それを利用してメタタグの keywords、Descriptionを編集します。
　
　

metaタグが編集されるレイアウトファイルを確認

　
まずはじめに、metaタグが編集される場所を確認します。
　
metaタグが編集されるファイルは、下記のレイアウトファイルになります。
/src/Template/Layout/default.ctp
　
このレイアウトファイルの 32行目あたりに「<?= $this->fetch(‘meta’) ?>」という記述があります。
これが metaタグを出力する「fetch()」になります。
　
ここに編集する値を、各ページごとのテンプレートで指定する、という処理になります。
　
　

metaタグの値を指定するテンプレートファイルを編集

　
値を指定するテンプレートは
/src/Template/Topics/view.ctp
などのテンプレートファイルに下記のコードを記述します。
　
　
記述する metaタグのヘルパーの基本形は以下のようになります。
　

<?= $this->Html->meta("属性","値",["block"=>true]); ?>

1	<?= $this->Html->meta("属性","値",["block"=>true]); ?>

　
　
具体的に「keywords」「description」を指定すると以下のようになります。
　

<?= $this->Html->meta("keywords","キーワード",["block"=>true]); ?>
<?= $this->Html->meta("description","ディスクリプション",["block"=>true]); ?>

1 2	<?= $this->Html->meta("keywords","キーワード",["block"=>true]); ?> <?= $this->Html->meta("description","ディスクリプション",["block"=>true]); ?>

　
1つ目のパラメーターが、metaタグの「name（属性）」の値を指定するもので「keywords」は「キーワード」、「description」は「ディスクリプション」を指定する箇所になります。
　
2つ目のパラメーターが、metaタグの「content」の値を指定する箇所になります。
　
　
出力結果は以下のようになります。
　

<meta name="keywords" content="キーワード"/>
<meta name="description" content="ディスクリプション"/>

1 2	<meta name="keywords" content="キーワード"/> <meta name="description" content="ディスクリプション"/>

　
　
また、3つ目のパラメーターは、ブロック化をするのか、しないのかを指定する箇所になります。
　
「ブロック化」のデフォルトは、「"block"=>false」の「ブロック化をしない」になっています。
そのため、デフォルトの設定では、metaタグが編集される場所がテンプレートファイルに「<?= $this->fetch(‘meta’) ?>」を記述した場所になります。
　
そのため、「<body>」と「</body>」の間に出力され、metaタグの役割を果たしません。
　
そのため、「"block"=>true」を記述し、headタグ内に記述してある「<?= $this->fetch(‘meta’) ?>」の場所にまとめて出力されるようにします。
　
これが、「ブロック化を有効にする」指定です。
　
基本的に metaタグを出力する処理は「"block"=>true」も記述する、という認識で問題ありません。
　
　
ちなみに、「"block"=>true」が指定されている場合は、echoがなくても metaタグに出力することができます。
　

// 出力される
$this->Html->meta("description","ディスクリプション",["block"=>true]);

// 出力される
echo $this->Html->meta("description","ディスクリプション");

// 出力されない
$this->Html->meta("description","ディスクリプション");

// 出力される

$this->Html->meta("description","ディスクリプション",["block"=>true]);

// 出力される

echo $this->Html->meta("description","ディスクリプション");

// 出力されない

$this->Html->meta("description","ディスクリプション");

サイト全体に共通する処理をページごとに切り替える処理

　
今回は、サイト全体に共通して指定をする必要はあるものの、ページごとにそれぞれ違うテキストを切り替えて編集していく必要がある metaタグの「keywords」「description」を指定する方法を解説しました。
　
　
同じような考え方をする仕組みとして、下記の記事で書いている titleタグ、h1タグの値を指定する方法や、使用する JavaScriptや CSSをページごとに設定する方法、パンくずを指定する方法、OGPを指定する方法などにも活用することができます。
CakePHP3で /Layout/defult.ctpにある titleタグ、h1タグを編集する方法
 CakePHP3でページごとに読み込むJavaScript、CSSを変える処理の解説
 CakePHP3のOGPはHTMLヘルパーの$this->Html->meta()を使って設定
 CakePHP3にOGPをfetch、asignを利用してテンプレートごとに指定する方法を解説
 CakePHP3でパンくずの指定は HTMLヘルパーを使って指定する方法を解説
　
　
これらは、レイアウトファイルに変数を指定しておき、そこに編集する値を各ページ用のテンプレートファイルで指定する、という仕組みです。
　
　

- CakePHP 3.x 4.x 5.x CakePHP3

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです！

Message コメントをキャンセル

※入力いただいたコメントは管理者の承認後に掲載されます。

: CakePHPで同一テーブル内の値を比較する条件でレコードを取得する方法

CakePHPの同一テーブルにある項目の値を比較し条件に合致するレコードを取得する方法を解説。［”項目名”=>”値”]ではなく[”項目名 = 項目名”］と書くところがポイント。

: CakePHP3のユーザ管理・ログイン認証プラグインCakeDC/Usersのインストール解説・3.6以降対応

CakePHP3のユーザ管理プラグイン Usersは、ユーザ登録、メール認証、ログイン認証、ユーザ管理、権限管理、reCAPTCHAなど会員制のサイトを簡単に実現可能。その導入方法、カスタマイズ方法を解説。

: CakePHP4の定数定義ファイルを環境変数によって本番と開発を振り分ける方法解説

CakePHP4で開発環境と本番環境とで違う設定ファイルを読み込ませて環境ごとに定数を切り替える方法を解説。Apacheのhttpd.confに環境変数を設定しそれを読み込み判別する。

: CakePHP4の数値項目は「like %10%」の部分一致検索（find select）はできない

CakePHP4でテーブルの数値項目に対してlike句を使用した部分一致検索を実行するとエラーが発生する。クリエービルダーの不具合だと思われ対処方法が分からない。

: CakePHP3のCakeDC/Usersの画面、メール本文テンプレートのカスタマイズ方法解説

CakeDC謹製Usersプラグインの紹介。ユーザ新規登録の流れを紹介しつつテンプレートファイルがどこにあるか、設定情報ファイルがどこにあるか、を説明しつつカスタマイズの方法を解説します。

: CakePHP3のForm Helperの使い方のまとめ

CakePHP3になりフォームヘルパーの使い方も大きく変わりましたので、使い方をまとめました。基本的な使い方からプラスアルファの便利な使い方まで紹介。

: CakePHP4のController内でViewテンプレート、レイアウトの変更設定を記述する方法

CakePHP4でテンプレートやレイアウトファイルをデフォルトから変更する場合は「render()」を使用するが、記述場所はできるだけコントローラー内の最後の方に書く方がいい。

: CakePHP 2.3　連携先のテーブルの項目で条件抽出する場合

アソシエーション（連携）している先のテーブルの項目で条件抽出する際の考え方と注意点をサンプルソースを用いて説明しています。

: Windows上のXAMPP環境のCakePHPのコマンド実行時に環境変数を指定する方法

CakePHP4のコマンド（シェル）に対して、環境変数を指定して実行する方法を解説。LinuxとWindows上のXAMPPとでは記述方法が異なるため、Windowsのsetコマンドについても詳細解説。