*

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

公開日: : Webサービス

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

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

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

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

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

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

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

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

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

おわりに

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

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

  • Pocket

おすすめトピックス

関連記事

はてなブックマーク
未だにはてなブックマークの使い道がよくわからない

はてなブックマークと言えばリリースから10周年を越えた有名なソーシャルブックマークサービスです。大抵のサイトには Twitter ボタンと方を並べて「B!」というボタンがあるので、ご存知の方も多いでしょう。 はてなブック […]

Youtubeライブ(生放送)をタイムシフトのように後で見る事はできるか?

インターネット上で生放送ができるウェブサービスは色々ありますが、Youtube では「Youtube ライブ」といいます。生放送はコメントがリアルタイムに入力でき、他の人のコメントも表示されて臨場感ある体験ができますが、 […]

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

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

htaccessも使えないTumblrで外部サイトへリダイレクトを行う方法

Tumblr へウェブサイトを移転した場合など、多くのリンク切れが発生してしまう場合があります。Tumblr などのウェブサービスではなく通常のウェブサイトであれば htaccess を使ってリダイレクト処理をかけて転送 […]

instagramで横長写真を複数投稿ができない!複数投稿する方法はあるのか?

instagram といえば正方形写真しか投稿できないと思っている人も少なくないかもしれません。現に私もそうでした。instagram では正方形に限らず横長写真も投稿できます。 instagram で横長写真を投稿する […]

AbemaTV
テレビに革命!ネットで見るテレビ「AbemaTV」無料でニュースもアニメもスマホで見られる

2016年4月11日にサイバーエージェントとテレビ朝日による AbemaTV というサービスがスタートしました。簡単に説明すると、無料でインターネットを通じてテレビ番組を視聴できるサービスです。地デジで放送されているテレ […]

著者について

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

フォローはこちら

       

       
Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

北海道チーズおかき
チーズの旨味が超濃厚!YOSHIMIの「北海道チーズおかき」

北海道に本社を置き、レストラン事業や製菓事業を行っている YO

無効なURLです。
エックスサーバーへ移転時にデータベースをインポートしたら「無効なURLです。」

高速で安定度の高いと評判のエックスサーバーへサイトの移転を行い

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だ

北のちーずボー
北海道産チーズのスティックケーキ「北のちーずボー」

新千歳空港のお土産店で販売されていた「北のちーずボー」を買って

→もっと見る