以下の内容はhttps://nejimakinikki.hatenablog.com/entry/midashi-anker-link-hatenablog-htagより取得しました。


はてなブログで「見出しへのアンカーリンク」が簡単にシェアできるようになったらしい。

見出しへのURLを共有する

はてなブログの新機能が登場し、「見出しへのアンカーリンク」が簡単にシェアできるようになったらしい。

staff.hatenablog.com

なんかよくわからない、という人も多いと思うので、
簡単に一言で言うと
「見出しへ直接ジャンプしてくれるURLをコピーしやすくなった」という話。

 

たとえばこの記事で言うと、

www.nejimakiblog.com

上の記事のようにURLをそのまま貼り付けたら記事の頭から表示されるけれども、

 

 

はてなブログ 見出しへのアンカーリンクURL

 

上のように、
記事の見出しの右横に表示されるリンクマークにマウスをあわせ、

「リンクのアドレスをコピー」したURLを貼ると、こんな感じになります ↓
 (末尾に # で見出しの説明がついてますよね)

https://www.nejimakiblog.com/entry/songs-of-the-year-2021-music#Yonaguni--Bad-Bunny

上記URLをクリックすれば、Bad Bunnyの箇所までジャンプしてくれます。

(※上の文字リンクを実際に押してみると挙動がわかるはず)

 

otonokabe.com

 

公式ブログにも書かれているように、
「記事のこの部分をピンポイントでシェアしたい」
という時に活用できるかなと。

 

「これってGoogle Chromeの選択箇所へのリンクをコピーと何が違うの?」
と思ったけど、

・きれいに見出しの箇所まで

・URLがきれいで見やすい

・Chromeじゃなくても使える

というのが大きなメリット。

 

ちなみにこの見出しリンク機能、他人様のブログでも可能です。

toya.hatenablog.com

上のシェアカードからだと記事の頭から表示されますが、

 

https://toya.hatenablog.com/entry/2025/12/31/200156#8%E6%9C%88

上の文字URLを踏むと、toyaさんの8月振り返りの万博開幕の頃の日記へ飛べます。
(そういえばはてなブックマーク20周年も8月でしたね!)

 

(※これカード形式でシェアすると、見出しへのアンカーリンクが働かないというのは仕様ななんですかね? >>はてなさん) 

せっかくの機能なので、SNSへの共有や記事内での紹介にちょこちょこ使っていきたいなと。

オチもないけどこの辺で。

nejimakinikki.hatenablog.com

nejimakinikki.hatenablog.com

nejimakinikki.hatenablog.com

個人ブログの「備忘録として残しておきます」的な小粒ライフハック記事まとめ

宇野維正さんのバッド・バニーのライブ感想を聴いた。 - ねじまき日記




以上の内容はhttps://nejimakinikki.hatenablog.com/entry/midashi-anker-link-hatenablog-htagより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14