ブレッドクラム トレイル (Breadcrumbs) を Web サイトに追加しますか? Elementor ?
ヘンゼルとグレーテルのおとぎ話は誰もが知っていますよね? 家に帰る道をたどるためにパンを持って小道を離れていたXNUMX人の失われた兄弟。
ウェブサイトのパンくずリストの概念はまったく同じです。 ブレッドクラムは基本的に、訪問者にWebサイト上のフットプリントを表示し、訪問者に現在地を知らせます。 ブレッドクラムを使用すると、訪問者はWebサイト上の自分の場所に移動して、移動したパスに戻ることができます。 要するに、それは強化するウェブサイト上のブラウザのように機能します ユーザーエクスペリエンス.
この記事では、ウィジェットについて説明しながら、ブレッドクラムについて詳しく説明します。 Elementor ブレッドクラム、なぜそれを使用するのか、どのように使用するのか。
ウェブサイトのパンくずとは何ですか?
アリアドネのスレッドElementor は、Web サイトの仮想コンパスのように機能する小さなテキスト パスです。 このセカンダリ ナビゲーション システムを使用すると、訪問者は閲覧したページに戻ることができます。
たとえば、オンラインストアにアクセスして、iPodなどのイヤホンを購入するとします。 したがって、ホームページに移動し、次にアクセサリページに移動し、最後に製品ページに移動します。 この場合、ブレッドクラムは次のようになります。 ホーム>アクセサリ>イヤフォン> iPod.
それはあなたがページに移動したパスを示しています。 そして、そのすべての部分がクリック可能です。 たとえば、アクセサリページに戻りたい場合は、ブレッドクラムの[アクセサリ]をクリックするだけです。 そして、あなたはそのページに向かいます。
Elementorブレッドクラムウィジェットは何を提供しますか?
Elementor Webサイトビルダーを使用すると、WordPressWebサイトにパンくずリストを簡単に追加できます。 ウィジェットをドラッグアンドドロップして構成するだけです。 このウィジェットが提供するいくつかの驚くべき機能があります。
それらは :
- カスタマイズ可能なブレッドクラムスタイル。
- タイポグラフィ、色などのカスタマイズ。
- ホームページや他のページに個別のカスタムアイコンを追加する機能。
- テキストまたはアイコンの区切り文字スタイルの選択
ElementorProでブレッドクラムを使用する方法
Elementorブレッドクラムウィジェット で動作します Yoast SEO Plugin。 したがって、最初にYoastプラグインをインストールしてから、Webページにブレッドクラムを作成する必要があります。
ステップ1:YoastSEOプラグインをインストールする
アクセス先 プラグイン WordPressダッシュボードから、ボタンをクリックします 追加。 次に、Yoastを検索し、インストールボタンを押します。 インストールしたら、プラグインをアクティブにします。
ガイドをご覧ください WordPressプラグインのインストール方法
ステップ2:Yoast設定からブレッドクラムを構成する
プラグインをインストールしてアクティブ化したら、に移動します SEO >> SEO設定。 次に、「 パンくず ブレッドクラムを有効にして、その設定を変更します。
ステップ3:ウェブページにブレッドクラムを追加する
ブレッドクラム設定を有効にした後、ブレッドクラムを追加するページに移動し、Elementorでページを開きます。 次に、ウィジェットをElementorのエディターにドラッグアンドドロップします
ブレッドクラムウィジェットパネルでは、 アラインメント を選択します HTMLタグ ブレッドクラムで。
[ブレッドクラムスタイル]タブで、 タイポグラフィと テキストの色。 ノーマルおよびホバーブレッドクラム状態の個々の色を設定するオプションもあります。
以上です。[公開]または[更新]ボタンをクリックして、変更を適用します。
WebサイトでElementorのブレッドクラムを使用する理由
Elementorのブレッドクラムは、ユーザーに現在地を伝えるのに役立ちます。 ブレッドクラムトレイルは改善のための不可欠なツールです ユーザーエクスペリエンス あなたのウェブサイトの 検索エンジン最適化.
ブレッドクラムナビゲーションには多くの利点があります。
SEO : ブレッドクラムが好きな訪問者をご存知かもしれませんが、Google もそうです。 Google は検索結果でそれらを使用でき、結果がユーザーにとってより魅力的になります。 また、ブレッドクラムで使用される単語は、 キーワード あなたのウェブサイトのターゲット。
参照してください: フォームにreCAPTCHAを追加する方法
ブレッドクラムはUXを改善します: 人々は失われることを嫌います。 あなたは訪問者を幸せに保ち、摩擦をできるだけ減らす必要があります。 これは、人々に逃げ道を即座に示す共通のインターフェース要素であるため、ユーザーエクスペリエンスに役立ちます。
バウンス率を下げる : ホームページからウェブサイトにアクセスする人はほとんどいません。 オーガニック検索がすべてです。 これは、Webサイトの任意の部分がエントリポイントになる可能性があることを意味します。
最終的な考え
Elementor Breadcrumbsウィジェットを使用すると、WordPressWebサイトにブレッドクラムを簡単に追加できます。 Elementorの幅広い機能により、カスタムブレッドクラムを作成して、ユーザーエクスペリエンスをさらに向上させることができます。
Elementor Proを今すぐ入手!
まとめ
そう ! ブレッドクラム-ブレッドクラム-をWebサイトに追加する方法を示すこの記事は以上です。 そこへの行き方について懸念がある場合は、内でお知らせください commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...