今までページ内の指定した位置にリンクを飛ばすにはidやアンカータグなどを設置する必要があり少し手間でした。それが、Chrome81以降で実現できるようになりました。

強調スニペットのリンクをみていると、記事内の自由な位置に飛ばしているのでどうやっているんだろうと思って調べていてここにたどり着きました。

具体的にどうするかというと

#:~:text=

に飛ばしたい先のテキストをいれるだけです。

例えば、こちらのページの

https://amsstudio.jp/news/2021/02/seo-cwv-eat.html

「閲覧者にとって安全で見やすくかつ有益な情報を提供すること」という付近に飛ばしたい場合は

https://amsstudio.jp/news/2021/02/seo-cwv-eat.html#:~:text=閲覧者にとって安全で見やすくかつ有益な情報を提供すること

とすると指定した文字がハイライトされて、その付近に自動的に飛びます。もちろんここにはアンカータグやidなどはありません。執筆時点ではChromeでしか使えない機能のようですが非常に便利なのでご紹介させていただきました。

メールやチャット、SNSなどでURLのここを読んで欲しいという場合にも応用できますね。

最後までお読みいただきありがとうございました。