ソーシャルブックマークのボタンをサイトに設置する [自サイトにソーシャルブックマーク設置方法]

ソーシャルブックマークのボタンをサイトに設置する [自サイトにソーシャルブックマーク設置方法]

ソーシャルブックマーク。
なにやらカッコイイですね・・・!

ソーシャルブックマークって言うのは、いわゆるあれですよ。

これ↓
aa0001039.jpg

ネット上にお気に入りのサイトを登録(ブックマーク)するサービスです。
最近使い始めて、これはイイ!と思い自分のサイト(WEBサイト)にも貼り付けてみたくなりました!

さて、方法は・・・

意外にも簡単です。

色々とソーシャルブックマークはありますが、どれも似た感じ。
では、SEO上効果的なソーシャルブックマークの紹介と設置の方法を解説します。

SEOで効果的なソーシャルブックマークとは、nofollow属性にされていないこと。
つまり、リンクがGoogleやYahooなどに評価される状態であることです。

そんnofollowを解説するのは、
次回として、そんなグッドなソーシャルブックマークを紹介。

はてなブックマーク
Yahooブックマーク
Buzzurl(バザール)

↓アイコンダサいので紹介のみ
FC2ソーシャルブックマーク



それでは、自サイトへの設置の方法をご紹介。
ブログへの設置は、他にも紹介されているのでそちらで!
http://seo.siyo.org/outside/seo1127/

[URL]の部分に自分のサイト(登録して欲しいページ)のURLを記入(置き換え)
それだけ!PHPなど使っていれば、現在のページのURLを出力することも出来るので
すごぉぉぉく簡単です!


・はてなブックマーク設置

<a href="http://b.hatena.ne.jp/entry/add/[URL]">
<img src="[はてなのブックマーク画像のURL]" width="16" height="12" style="border: none;"alt="このエントリーをはてなブックマークに追加" title="このエントリーをはてなブックマークに追加" />
</a>

・はてなのUser○○を表示する(設置)

<a href="http://b.hatena.ne.jp/entry/[URL]">
<img src="http://b.hatena.ne.jp/entry/image/[URL]" style="border: none;" border="0">
</a>


・Yahoo!ブックマーク

<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(location.href)+'&amp;ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);">
<img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;">
</a>


・Buzzurlの設置

<a href="http://buzzurl.jp/entry/[URL]" title="Buzzurlにブックマーク" target="_blank">
<img src="http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_05.gif" alt="Buzzurlにブックマーク" style="border:0">
</a>

・BuzzurlのUser○○表示

<a href="http://buzzurl.jp/entry/[URL]" title="Buzzurlにブックマーク" target="_blank">
<img src="http://api.buzzurl.jp/api/counter/[URL]" alt="Buzzurlにブックマーク" style="border:0">
</a>



そんなこんなしていると、ツイッターが気になる!
別にブックマークではないが、気になる!
そんなツイッターについて

ツイッターのツイート促しボタンとツイート数を表示させてみる!
[ツイッターID]と[URL]を自分のサイトの物に置き換えて下さい!

・ツイッターのツイートボタン(番外)

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="[ツイッターID]" data-related="[ツイッターID]" data-lang="ja">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

・ツイート数の表示(番外)

<a href="http://tweetbuzz.jp/redirect?url=[URL]">
<img src="http://tools.tweetbuzz.jp/imgcount?url=[URL]" style="border:none;"/>
</a>

http://twitter.com/goodies/tweetbutton


どうでしょう?いい感じですか?
関連記事


【 忘却板/忘れた事を貼れます 】

コメント

こんばんは~

東方WEBのKurosakaです。
コメント返信ありがとうございます。
わたしはグラマーじゃなくてコーダ-って扱いを会社からうけておりまして、
PHPでつくるのは簡易掲示板とかアドレス帳、メールフォームなんかです。
でも将来はCMSがつくりたい!!です
忘却さんはどんなものつくられます~?

Sブックマークの設置ボタン良いですね。わたしもはてぶされるくらいの記事がかけるようになったら、つけてみたいと思います。
非公開コメント