自分のブログを でセルクマ(自分でブックマークをつけること)した際に、「タイトル」や「概要文」が期待していたものと違う内容になってしまったことは、ありませんか?

あるいは、元記事を更新したのに既存ブックマークの「タイトル」や「概要文」が一向に更新されなかったり、していませんか?

これらは、はてなブックマークに「あなたがサイト(ページ)の所有者であることを通知」することで、簡単に(適宜)対処できる問題です。

この記事ではその方法を簡単にご説明いたします。

Contents

通知用 HTML タグを設置

あなたの管理するブログや Web サイトの head タグ内に、以下の通知用 HTMLタグ( link タグ)を設置してください。

<link rel="author" href="http://www.hatena.ne.jp/あなたのはてなID/" />

※あなたの Web サイトが「常時 SSL 化」の対応を行っている場合は、この href の値が自動で「 https:// 」に書き換わってしまわないように、ご注意ください( httpsでは正しく登録されません)。

※「あなたのはてなID」の後ろの「 / 」を忘れないようにご注意ください(この「 / 」が抜けてしまうと正しく登録されません)。

もし「あなたのはてなID」がわからない場合は、 にアクセスし、そこでご自身のプロフィールを表示すると良いでしょう。

はてなプロフィールのトップ画面
はてなプロフィールのトップページにアクセスして [自分のプロフィールを表示する] ボタンをクリックします。
はてなプロフィールのはてなID
ご自身のはてなプロフィール欄に「はてなID」が表示されますので、その値をコピーして先ほどの「あなたのはてなID」部分に代入してください。

設定の確認

looks_one Google® Chrome®DevTools を起動
実際にタグが追加されたことを Google ChromeDevTools(デベロッパーツール)を使用して確認しましょう。
Google Chrome のコンテキストメニュー
Google Chrome の [コンテキストメニュー](右クリックで表示されるメニュー)→ [検証] から DevTools を起動してください。
※画面は Windows® 7Google Chrome で右クリックした際のメニュー表示です)。
imageGoogle Chrome
Google および Google ロゴは Google Inc. の登録商標であり、同社の許可を得て使用しています。
looks_two HEAD 内に追加したタグが存在することを確認
DevTools でエレメントを確認
[Elements]<head> 内に、追加したタグが存在していることをご確認ください。
※あなたの Web サイトが「常時 SSL 化」の対応を行っている場合は、設定した href の値が自動で「 https:// 」に書き換わっていないこともご確認ください( httpsでは正しく登録されません)。また「あなたのはてなID」の後ろに「 / 」が記載されていることも、あわせてご確認ください。
imageGoogle Chrome
Google および Google ロゴは Google Inc. の登録商標であり、同社の許可を得て使用しています。

動作確認

looks_one 新しい「はてなブックマーク」を一つ作成
次に、あなたのブログや Web サイトを対象として、新しい「はてなブックマーク」を一つ作成してください。
looks_two ブックマークの詳細ページを表示
追加した「はてなブックマーク」の詳細ページを表示ください。
はてなブックマーク一覧
あなたのはてなブックマーク一覧を表示し、新しく追加したブックマークの「X user」(Xはブックマークしたユーザー数)部分をクリックします。
looks_3 ブックマークの情報を更新する
ブックマークの「最終更新」の右側に「情報を更新する」リンクが表示されていれば、あなたが当該ページの管理者であることが認識されています。
はてなブックマークの情報を更新する
「情報を更新する」リンク*1 をクリックし、「更新要求を受け付けました・・・」というメッセージが画面上部に表示されることをご確認ください。*2
  • 当該リンクが表示されていない場合は、正しく設定できていません。これまでの作業にミスがないことをご確認の上、適宜「はてなサポート窓口」にご相談ください。
  • 一度更新要求を出すと一定時間(30分ほど)再リクエストが出来ないようになっているようです。また、30分程度で再リクエストを行った際にデータが更新されなかったケースも確認されています。再更新する際には、少なくても1時間程度はインターバルを設けた方がよいでしょう。
looks_4 更新を確認
ブラウザをリロードして新しいタイトルや概要文に更新されることをご確認ください。
更新後のはてなブックマークの概要文
ブックマークの概要文が更新されました(今回は、タイトルは変更していません)。なお、ブックマークの概要文には Meta Descriptionog:description の値は一切参照されず、「コンテンツの最初に見つかったある程度長い文章」が抜粋されるようです。そのため、本文より HTML 構造的に先に(上に)文章を含むサイドバーなどが存在する場合は、セルクマする際にそれを一時的に取り除いてから、ブックマークすると良いでしょう(そうしないと、サイドバーの文章が概要文として抽出されてしまう可能性があります)。

過去のブックマークの対応

あなたのブログや Web サイトが既にブックマークされている場合、それらのブックマークで「情報を更新する」ボタンを表示させるためには、はてなの お問い合わせフォームexit_to_app から「はてなサポート窓口」に別途の作業を依頼する必要があります。

お問い合わせフォームに、メールアドレスを入力の上、以下のような文面で作業をご依頼ください(末尾の URL のリストには、対応が必要なブックマークのアドレスを全て記載ください)。

はてなブックマークと私の管理する Web サイトのページを結び付けるために、Hatena ID Discovery Lite (https://wakaba.github.io/packages/hatenaid-discovery/docs/spec) のタグを実装しました。

つきましては、既にブックマークされている以下のページに「情報を更新する」リンクが表示されるように、ご対応をお願いいたします。

[URL]
http://b.hatena.ne.jp/entry/(・・・)
http://b.hatena.ne.jp/entry/(・・・)
http://b.hatena.ne.jp/entry/(・・・)

備考

なお、この内容は Hatena ID Discovery Liteexit_to_app として仕様がまとめられています。

また、コメント一覧非表示機能についてexit_to_app に記載されている「はてなブックマークとページを結び付ける」の代替手段としても有効なものです。

上記リンク先文書に記載されている RDF/XML (Account Auto-Discovery) は、そのままの形で HTML5 に実装することが出来ません(バリデーションエラーを起こしてしまいます)。そのため RDF Translatorexit_to_app の利用などが別途必要となり、面倒な上に正しく認識される保証もありません。

それよりは、簡単な実装方法である当該 link タグを実装したほうが良いでしょう。

ライセンス及び著作権に関する注記

本記事のヘッダー(サマリー表示された場合を含む)、SNS 共有画像、および共有ボタンに含まれる、はてなブックマークのロゴマーク は、クリエイティブ・コモンズ・ライセンス クリエイティブ・コモンズ 表示 – 非営利 – 継承 2.1 日本 ライセンス の下に 株式会社はてな より提供されたものです。




コメント

※本記事へのご指摘や各種コメントは にお寄せください。その際、ツイートに #ID2950 を含めるか、本記事へのリンクを含めるようお願いいたします(この上の「共有」欄にある TWITTER ボタン」をご利用いただくと自動で入力されます)。