*

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

公開日: : Webサービス

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

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

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

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

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

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

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

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

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

おわりに

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

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

  • Pocket

おすすめトピックス

関連記事

画像のフォントを調べる事ができるサイト「What the Font」

パソコンで使えるフォント(書体)はとんでもない量があります。それはもう星の数ほどあるのではないでしょうか。有料フォントからフリーフォントまで、日々新しいフォントが作られています。 ところで、このフォントは何という名前のフ […]

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

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

観光で行きたい場所を探すならinstagramが便利という話

観光で行きたい場所を探すには実は instagram が凄く便利なのです。例えば、長期休暇に長野県へ観光に行くとしましょう。長野県と言っても凄く広いです。松本城など有名所の観光スポットなら県外にも名が通っていると思います […]

Googleアラート
情報収集ならニュースアプリよりGoogleアラートの方が便利なんじゃないかという話

興味がある日頃のニュースを効率よく集める為に、グノシー、Mynd などのニュースアプリをスマートフォンで利用するのも一つの手段です。これらのアプリは使う人の興味がありそうなニュースをピックアプして届けてくれるものです。 […]

スヌーピーでお馴染みピーナッツ風キャラを作れる「Get Peanutized」で作った画像をスマホでダウンロードする方法

海外でピーナッツ風キャラクター(アバター)を作れるサイトが公開されました。ピーナッツ風と聞いてもピンと来ないかもしれません。ピーナッツと言えばスヌーピーです。スヌーピーなら多くの方がご存知ではないかと思います。 そのサイ […]

howoldnet
顔写真から年齢を推定してくれるハウオールドネットを試してみた

顔写真から年齢と性別を推定してくれる、そんなウェブサービスがあります。その名はハウオールドネット(how-old.net)。 ハウオールドネットは Windows 等で有名なマイクロソフト社が開発したウェブサービス。マイ […]

著者について

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

フォローはこちら

       

       
近江牛バーガー
近江牛バーガーを彦根城キャッスルロードのLU・PANで食べたら濃厚で格別な味だった

彦根と言ったら近江牛バーガーでしょ。そんな事も言われる近江牛バ

300円カレー
カレーが300円!?長浜駅前にある激安カレー屋「SUNカリー部」えきまちテラス長浜内

滋賀県の長浜駅東口の前、一等地とも言える場所に激安なカレー屋が

divタグ
div要素のクラス名をnth-childの擬似クラスで何番目を指定しても効かない

CSS3 が登場して擬似クラス nth-child が使えるよ

PhotoshopなどAdobeソフトのシリアル番号を忘れたり紛失した場合

Photoshop など Adobe ソフトのシリアル番号はイ

メルカリのうるさすぎる不要なプッシュ通知を止める

CM でも放送されている誰でもかんたんフリマアプリとして代表的

→もっと見る