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

Posted by boukyaku on 29.2010 ホームページ制作の謎   1 comments
  • このエントリーをはてなブックマークに追加
    ソーシャルブックマークのボタンをサイトに設置する [自サイトにソーシャルブックマーク設置方法]

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

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

    これ↓
    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ブックマークの設置ボタン良いですね。わたしもはてぶされるくらいの記事がかけるようになったら、つけてみたいと思います。
    2010.09.29 23:09 | URL | kurosaka0523 #JyN/eAqk [edit]


    • password
    • 管理者にだけ表示を許可する

    スポンサードリンク

    リンク