この記事をご覧いただいている皆様へ。
このページは、SEO情報ブログ「ディーエムソリューションズの社員が作った、【SEOまとめ】」にて公開されていた記事であり、2014年12月にデジタルマーケティング研究所へ統合されました。
ソーシャルブックマークからのリンクも検索エンジンの評価指標のひとつとなります。
リンクにrel=”nofollow”がついていても検索エンジンはソーシャル・シグナルとして認めてくれますが、基本的にはユーザーの多いものを取り入れる、という考え方の方が良いでしょう。
ソーシャルブックマークアイコンの設置
ページ上にスクリプトを埋め込んで設置することにより、訪問ユーザーがクリックするだけでそのページを任意のソーシャルブックマークに登録できるようにするものです。このサイトでも取り入れています。(各ページの右上を御覧ください)
以下に主要なブックマークアイコンの推奨コードを記述しておきます。少なくとも「はてなブックマーク」用アイコンは必ず設置しておきましょう。以下のリンクからコードを入手できます。
ソーシャルブックマークアイコンスクリプトの使い方
- 見た目は悪いですがコピペして使えます。
(そのために箱からはみ出してしまいました・・・)
- <img>の「src」属性はご自分で設定してください。
せっかくですから画像はオリジナルのものを使用して楽しみましょう。
フリーの素材もたくさんあります。
- 並べて表示させる場合にはセマンティックWEBの観点から、
<ul>(リスト)タグを使用してCSSで<li>に「display: inline;」を指定するとよいでしょう。
はてなブックマーク(ブックマーク数がカウントされるコードは公式サイトで入手可能)
<a href=”javascript:void window.open(‘http://www.google.com/bookmarks/mark?op=edit&bkmk=’+encodeURIComponent(window.location.href)+’&title=’+encodeURIComponent(document.title))”><img alt=”はてなブックマーク” src=”アイコン画像のURL“></a>
ライブドアクリップ
<a href=”javascript:void window.open(‘http://clip.livedoor.com/redirect?link=’+encodeURIComponent(window.location.href)+’&title=’+encodeURIComponent(document.title))”>
<img alt=”ライブドアクリップ” src=”アイコン画像のURL“></a>
Yahooブックマーク
<a href=”javascript:void window.open(‘http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=’+encodeURIComponent(document.title)+’&u=’+encodeURIComponent(window.location.href)+’&opener=bm&ei=UTF-8′,’popup’,’width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50′,0);”>
<img alt=”Yahoo!ブックマーク” src=”アイコン画像のURL“></a>
Googleブックマーク
<a href=”javascript:void window.open(‘http://www.google.com/bookmarks/mark?op=edit&bkmk=’+encodeURIComponent(window.location.href)+’&title=’+encodeURIComponent(document.title))”>
<img alt=”Googleブックマーク” src=”アイコン画像のURL“></a>
The following two tabs change content below.
2014年12月までディーエムソリューションズ株式会社SEO対策チームに所属。「SEOは実装」を信条に、コミュニケーションを重視するスタイルで数多くのサイトのコンサルティングを手がける。内部施策に関して造詣が深く、「SEOまとめ」というtwitterアカウントを通じて日々情報発信を続けている。
Twitter:
SEOまとめ