ページで必ず設定すべき3つの項目

固定ページを作成するときに、必ず設定してほしい項目が3つあります。URLスラッグアイキャッチ画像画像のAltテキストです。

目次

URLスラッグの設定

スラッグ(slug)には破片という意味があります。ですのでURLスラッグは、URLの破片(一部分)との意味合いになります。

ホームページURL例

エステサロンのデモサイトのURLを例に解説します。

トップページ(ホームページ)のURL
https://salon.wp-create.com/
ボデイーケアエステページのURL
https://salon.wp-create.com/bodycare/

ボディーケアエステページには、bodycare/というURLスラッグが追加されています。各固定ページは、上記のようにURLスラッグが追加された形になります。

しかし私たちは日本語名でページを作成することが多いはずです。ページをそのまま公開をすると、日本語のページ名がスラッグで使われて、以下のようなURLになります。

https://salon.wp-create.com/ボディーケアエステ/

これはこれで良さそうですが、これは実は日本人に分かりやすくブラウザで変換されて表示されているだけで、実際のURLは以下のようになっています。

https://salon.wp-create.com/%e3%83%9c%e3%83%87%e3%82%a3%e3%83%bc%e3%82%b1%e3%82%a2%e3%82%a8%e3%82%b9%e3%83%86/

このページをSNSなどにシェアしようとすると、意味不明の長い文字列になってしまい、見栄えがよくありません。

BusinessPressテーマでは固定ページのサブヘッダーしとしても使用

BusinessPressテーマでは、使用するスラッグがサブヘッダーとして使用されます(設定で非表示にもできます)。サブヘッダーを使用することで、若干おしゃれな感じになります。

サブヘッダー表示設定

管理画面操作

外観→カスタマイズ→ヘッダー画像→サブヘッダーを表示しない

サブヘッダーを表示しないにチェックを入れると非表示になります。

URLスラッグの変更方法

スラッグの設定方法

ページ編集画面の右側の固定ページ設定項目で、パーマリンク→URLスラッグという項目があります。ここを書き換えて更新を押せば完了です。

使用できるのは半角英数字と半角ハイフン(-)です。ボディーケアエステのページならbody-careなどと、意味のある英単語のスラッグにすると分かりやすくて良いと思います。

私は英語は苦手なので、翻訳ソフトを使用してスラッグを決めたりもします。

Google翻訳

アイキャッチ画像の設定

アイキャッチ画像は、そのページをイメージできる画像を設定します。そのページで実際に使用した画像でも良いですし、別の画像でも大丈夫です。

アイキャッチの設定方法

右側にある固定ページ設定内のアイキャッチ画像を設定からできます。アップロード済みの画像を使うか、新たにアップロードするかをして設定してください。

固定ページのヘッダー画像で表示

BusinessPressテーマでは、設定したアイキャッチ画像が固定ページのヘッダー画像として使用されます。

アイキャッチ画像

SNS等でのシェア時のアイコン画像として表示

アイキャッチ画像の解説

画像のAltテキスト設定

ページで画像を使用する場合は、その画像にAltテキストを記入しましょう。ユーザー側のネット環境が悪くて画像が読み込めなかったときに、画像の説明としてテキストを表示させるものです。

また目が不自由な方に、音声での画像の説明に使われる場合もあります。

これを設定することで、SEOにもほんの少しの効果があると言われています。

これは何の画像なのか?を短い言葉で説明してください。

Altテキストの設定方法

画像ブロックを選択した状態で、右側にAltテキストの記入ボックスがありますので、そこに記入してください。

目次