*

スマホ版Google検索結果でサイトリンクにドロップダウンメニューが実装されている

公開日: : Webサービス

Google の検索結果に出るサイトリンクというものをご存知でしょうか。サイトリンクとは、検索結果に出るサイトの下に出現する各ページへのリンク群です。当サイトでは「ウェブミスト」で検索すると上図のような小さなサイトリンクが表示されていました。もっと大きなサイトでは、更に大きなサイトリンクを見たことがあるかと思います。

このサイトリンクは自分で好きなように設定できるわけではありません。Google のアルゴリズムが必要と判断した場合のみ、要のページがサイトリンクとして出現するようになっています。なので、全てのサイトにこのようなサイトリンクが表示されるわけではありません。

サイトリンクにドロップダウンメニューが出現

上図は私が WordPress で管理しているサイトの一つをスマートフォンで Google で検索した結果です。サイトリンクが6つ表示されていますが、その一つにドロップダウンメニュー(アコーディオン)が表示されている事に気が付きました。狙っていたわけではなく偶然です。

下向きの矢印をタップすると、このようにドロップダウンメニューが展開されます。こんなサイトリンクを見たことがなかったので驚きました。

ドロップダウン式サイトリンクを出す方法の推測

偶然ドロップダウン式サイトリンクが表示されましたが、サイト構成や行っている事からドロップダウン式サイトリンクを出す方法を推察してみようと思います。100%出せる方法とは言えません。

「MATERIAL 音素材」という文字列はグローバルメニューから来ています。nav タグの中に ul リストでメニューを構成しています。

実は「MATERIAL 音素材」というページは、カテゴリやタグページへのリンクを羅列しているだけのページです。閲覧者が種類別に分かれたカテゴリやタグから音素材を探すためのページです。なので、特別な事をしているわけではなく、a タグでリンクしているだけなのです。恐らく Google がその中からアクセス数や閲覧時間が多いページを選択してサイトリンクとして出しているのだと思います。

おわりに

このドロップダウン式サイトリンクが表示されるのはスマートフォンのみで、パソコンでは表示されません。閲覧者側視点でこのドロップダウン式サイトリンクが役に立つ場面を考えてみると、通販サイトでしょうか。例えば、服を売っている通販サイトで、商品カテゴリから「シャツ」「ジャケット」「デニム」などの細かなカテゴリがドロップダウン式サイトリンクとして表示されれば、すぐに目的のページへ行けるので嬉しいかもしれません。

しかし、なかなか狙ってドロップダウン式サイトリンクを出せないかもしれません。あとは出るように祈るしかありません。

  • Pocket

おすすめトピックス

関連記事

ドロイド君
Androidアプリを紹介するためのブログパーツ

こんにちは。2010年から Android スマートフォンを使用している桐村です。 ご自分の Android スマートフォンやタブレットには各々お気に入りのアプリを入れてらっしゃると思いますが、この便利なアプリを広くブロ […]

facebookで○○さんはどこどこにいますという通知を無効にする方法

facebook と言えば世界的に有名な SNS の一つで日本でも利用者は多数います。私も facebook に登録してはいますが、ブログの facebook ページを作るためにとりあえず登録しているだけで個人のタイムラ […]

TumblrのサイトをSearch Consoleに登録する方法(旧ウェブマスターツール)

ウェブサイトを運営されている方なら Google Search Console(旧ウェブマスターツール)はご存知かと思います。ざっくり言うと、ウェブサイトへの過去3ヶ月間の検索キーワード、検索結果への表示回数、Googl […]

誰でも簡単に音圧を上げられる!マスタリングツール「LANDR」が凄い

自分で作った楽曲と、市販の CD の音量・音圧の差を感じる事は誰しも感じた事ではないかなと思います。それは楽曲制作の最終工程の「マスタリング」という作業の質の差です。 マスタリングは長年の経験や知識が必要でかなり難しい作 […]

画像を使わずCSS3でグラデーションを超簡単に作れるウェブアプリ「Grad2」

一昔前までは Web 制作において背景や見出しなどにグラデーションを使おうと思ったら画像を使うしかありませんでした。グラデーション用だけの画像を作って背景に設定するというやり方です。しかし、それも CSS3 の登場で不要 […]

日本語ドメインを英数字(Punycode)に相互変換できるツール

日本語ドメインって個人的にはあまり好きじゃないんですよね。 日本語ドメインは通常の英数字ドメインに比べてわかりやすいとはよく言いますが、それは日本に限っての事。更に日本語は表記ゆれがありますので目的のサイトに辿りつけない […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
Illustratorでテキストをアウトライン化できない時に確認すること

Illustrator を使って印刷物などを作っている人ならテ

Gmailのエラー「Gmail requires one or more Google Play services that are not currently avaiable.」で開けない

あるいつもどおりの朝、スマートフォンで Gmail を開こうと

Amazonで自分の書いたレビューを一覧で確認する方法

世界的に最大級の通販サイト Amazon。私もよく使います。利

大垣カフェ「カフェ飯屋ピーナッツ」暖かく自然派なお食事が美味しいアットホームな場所でした

岐阜県大垣市の市民病院近くにオープンした「カフェ飯屋ピーナッツ

Illustratorで矢印に綺麗に境界線を付ける方法

Photoshop では矢印でも文字でも綺麗に境界線をつけるレ

→もっと見る