私たちは、あなたのウェブサイトへのすべての訪問者が可能な限り最高の体験を得るに値すると信じています。あなたのナビゲーションメニューは、親切なガイドとして機能し、その重要な一部です。
そのガイドをさらに明確にするために、WordPressのナビゲーションメニューにタイトル属性を追加できます。この小さなステップは、サイトのアクセシビリティに大きな影響を与えます。
スクリーンリーダーを使用している訪問者にとって、これらの属性はリンクの短い説明を読み上げます。これにより、リンクがどこに遷移するのかについて、さらに明確になります。
これにより、検索エンジンはサイトの構造についてさらに多くの情報を得ることができます。これは、人間である訪問者とSEOの両方にとってメリットとなります。
この設定をどこで見つけて効果的に使用するかを正確に説明します。一緒にあなたのウェブサイトをさらに良くしましょう。
ナビゲーションメニュー項目にタイトル属性を追加する理由
WordPressでは、HTML要素をより詳細に説明するためにタイトル属性を追加できます。これは、リンクや画像でよく使用され、ユーザーが要素にマウスカーソルを合わせたときにツールチップとして表示される追加情報を提供します。
ここに、ツールチップに表示される画像のタイトル属性の例を示します。ユーザーは、マウスを画像の上に移動させることで、画像に関する詳細情報を学ぶことができます。
画像のaltテキストとタイトルの違いについては、画像のaltテキストとタイトルの違いに関するガイドで詳しく学ぶことができます。
また、投稿にリンクを追加する際には、タイトル属性を使用することをお勧めします。これにより、ユーザーはクリックする前にリンクがどこに遷移するかを確認できます。
タイトル属性は、視覚障害のあるユーザーが使用するスクリーンリーダーによって読み上げられることもあります。ただし、スクリーンリーダーはすでにメニュー項目を読み上げているため、有用な追加情報が含まれていない限り、タイトル属性を追加する必要はありません。
それでは、WordPressのナビゲーションメニューにタイトル属性を追加する方法を見ていきましょう。お使いのテーマに対応する方法にジャンプするには、以下のリンクを使用してください。
クラシックテーマのメニュー項目にタイトル属性を追加する
クラシックWordPressテーマを使用している場合は、ダッシュボードの外観 » メニューにアクセスしてナビゲーションメニューをカスタマイズできます。
ただし、デフォルトではメニュー項目にタイトル属性を追加することはできません。
この機能を追加するには、画面右上にある「スクリーンオプション」タブをクリックする必要があります。メニューが表示されるので、「タイトル属性」の横にあるチェックボックスをクリックしてください。
これにより、メニューエントリを作成または編集する際にタイトル属性フィールドが追加されます。
これで、下にスクロールして、既存のメニュー内の任意のメニュー項目をクリックして展開できます。title属性フィールドが表示されます。
これで、タイトルとして使用したいテキストを追加できます。他のメニュー項目を展開して、それらにタイトル属性を追加することもできます。
変更を保存するには、ページ下部にある「メニューを保存」ボタンをクリックすることを忘れないでください。
WordPressのウェブサイトにアクセスし、ナビゲーションメニューのリンクの上にマウスカーソルを置くと、タイトル属性がツールチップとして表示されるようになります。
ブロックテーマのメニュー項目にタイトル属性を追加する
ブロックテーマを使用している場合は、ブロックテーマを使用して、フルサイトエディターでナビゲーションメニューをカスタマイズできます。このエディターでは、デフォルトでメニュー項目にタイトル属性を追加できます。
まず、WordPress管理画面で外観 » エディターに移動し、「ナビゲーション」オプションをクリックしてメニューを見つける必要があります。
編集したいメニューをリストから選択する必要があります。
これで、左側のプレビューペインをクリックしてエディターをフルスクリーンで開くことができます。左側に設定ペインが表示されていることを確認してください。表示されていない場合は、画面上部の「設定」ボタンをクリックして表示できます。
次に、編集したいメニュー項目を、設定ペインでクリックします。これにより、そのエントリのオプションが表示され、タイトル属性も含まれます。
タイトル属性フィールドにタイトルを入力するだけです。
新しい設定を保存するには、画面上部にある「保存」ボタンをクリックしてください。確認するには、2番目の「保存」ボタンをクリックする必要があります。
これで、ウェブサイトにアクセスして、メニューのタイトル属性が機能していることを確認できます。
よくある質問
メニューのタイトル属性について、さらにご質問があるかもしれません。以下に、最も一般的な質問とその回答をいくつか掲載しましたので、参考にしてください。
1. WordPressのメニュータイトル属性とは何ですか？
タイトル属性は、メニュー項目に追加の説明テキストを付与します。訪問者がメニューリンクの上にマウスカーソルを置くと、このテキストが小さなツールチップとして表示され、リンク先に関する追加情報を提供します。
2. メニューのタイトル属性はSEOに良いですか？
はい、SEOに有益な場合があります。タイトル属性は、検索エンジンにリンクとサイト構造に関する追加情報を提供します。主要なランキング要因ではありませんが、最適化されたサイトに貢献する良い実践です。
3. WordPressでメニューのタイトル属性を有効にするにはどうすればよいですか？
クラシックテーマを使用している場合、タイトル属性フィールドはデフォルトで非表示になっています。これを有効にするには、 外観 » メニュー に移動し、右上にある「スクリーンオプション」タブをクリックします。次に、「タイトル属性」の横にあるチェックボックスをオンにするだけです。ブロックテーマの場合、このフィールドはサイトエディターでデフォルトで表示されます。
4. ナビゲーションラベルとタイトル属性の違いは何ですか？
ナビゲーションラベルは、ユーザーがクリックするメニュー項目の表示テキストです（例：「ブログ」、「私たちについて」）。タイトル属性は、ホバー時にツールチップとして表示される追加テキストであり、それ以外では表示されません。ラベルを繰り返すだけでなく、追加情報を提供するべきです。
5. すべてのメニュー項目にタイトル属性を追加すべきですか？
ナビゲーションラベルがすでに非常に明確な場合、すべての項目に厳密に必要なわけではありません。ラベルだけでは伝わらない有用な追加コンテキストを提供できる場合は、title属性を追加する必要があります。たとえば、「お問い合わせ」というラベルの場合、title属性は「連絡を取るか、住所を見つける」とすることができます。
WordPressナビゲーションメニューのカスタマイズに関する専門家ガイド
このチュートリアルで、WordPressのナビゲーションメニューにタイトル属性を追加する方法を学べたことを願っています。WordPressのナビゲーションメニューのカスタマイズに関連する他の記事も参照してください。
- WordPressでナビゲーションメニューを追加する方法（初心者向けガイド）
- WordPressテーマにカスタムナビゲーションメニューを追加する方法
- リンクなしでWordPressメニューにタイトルを追加する方法
- WordPressナビゲーションメニューに特定の投稿を追加する方法
- WordPressナビゲーションメニューにトピックを追加する方法
- WordPressナビゲーションメニューのスタイリング方法
- WordPressサイトにメガメニューを追加する方法（ステップバイステップ）
- モバイル対応レスポンシブWordPressメニューの作成方法
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
Hajjalah
こんにちは、この実用的なガイドをありがとうございます。これにより、ウェブサイトで最も役立つページのヘッダーメニューにタイトル属性を追加できるようになり、ユーザーが必要なページに移動しやすくなりました。しかし、まだいくつか質問があります。
ナビゲーションメニューにタイトル属性を追加することは、SEO対策または検索エンジン最適化を高めるために考慮すべき要素でしょうか、それとも単に内部ナビゲーション目的でしょうか？
WPBeginnerサポート
SEOのためだと考える人もいますが、主な目的はスクリーンリーダーを使用する訪問者のユーザーエクスペリエンスであり、ユーザーがナビゲートしやすいコンテンツを作成すれば、サイトはSEOにとっても良いものになる可能性が高くなります。
管理者
イジー・ヴァネック
一般的に、これはユーザーとその読書機器使用時の快適さのために行うと言われており、それは真実です。一方で、Google Pagespeed Insightのようなツールにこれらの説明なしでウェブサイトをスキャンさせると、これらの問題が警告され、SEO評価から減点されます。私の意見では、これは上記の点に加えて、SEOとGoogleの評価にも影響を与える可能性が高いことを示しています。したがって、ユーザーとその快適さのためだけでなく、SEO上の理由からもこの実践に従うことは良いことだと思います。
WPBeginnerサポート
ガイドがお役に立てて嬉しいです！
管理者
モイヌディン・ワヒード
SEOが私たち人間よりも人間的で、私たちよりもすべての人に配慮していることを知って興味深いと思いました。
SEOを行う際に、タイトルタグやaltタグに気を配り、SEOパラメータで最適化されるように努めると、それがスクリーンリーダーが明確に表示・読み取れるようになります。
メニューオプションにもタイトル属性のオプションがあるとは知りませんでした。この追加情報に感謝します。
ラルフ・ミラー
これは非常に役立ちました。スクリーンオプション用のメニューがあることを知りませんでした。私のtitle属性が消えていましたが、これで見つけることができました。ありがとうございます！
WPBeginnerサポート
You’re welcome, glad our guide was helpful
管理者
Otto
My God!
Thanks a lot, you are amazing people!
WPBeginnerサポート
You’re welcome, glad our article was helpful
管理者
Fifa
なぜここに賞賛があるのかわかりませんが、このサイトのいくつかの指示に従ってみましたが、何も機能しませんでした。
WPBeginnerサポート
私たちの記事の少なくともいくつかはすべてのサイトで機能するはずですが、WordPress.comでWordPress.orgのチュートリアルを使用していますか？ https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
Jim
わあ、ありがとうございます！一日中、nav_menu_link_attributesでタイトル属性を挿入しようと髪をかきむしっていました。何も機能しませんでした。これはとても簡単で、うまく機能しました。スクリーンオプションにそんなものが隠されているとは知りませんでした。改めてありがとうございます！
Amauri
ありがとうございます、助かりました。非常に分かりやすいチュートリアルです。
リンダ・ポール
これは私には全く効果がありませんでした。例のスクリーンショットでは、下にスクロールして任意のメニュー項目をクリックして展開するように指示されています。スクリーンショットにはURL、ナビゲーションラベル、タイトル属性が明確に表示されています。しかし、編集したいメニュー項目を展開しても、関連付けられたURLがありません。このカテゴリを昇順（古いものから新しいものへ）にしたいのです。
Hüsna Hüner
Thank you very much for menu title attirube. I am turkish not speak english bro
WPBeginnerサポート
Hüsnaさん、こんにちは。
You are welcome
管理者
カランダ
私は自分の組織のウェブサイトを所有する必要があります
WPBeginnerサポート
カランダさん、こんにちは
WordPressブログの始め方に関するステップバイステップガイドをご覧ください。WordPressブログの始め方。
管理者
Minhazul Islam
良いチュートリアルです
Mike Maxson
Thanks for this, did not even know this feature existed. You learn something new everyday.