ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

Twitterのフォローボタンを作成しサイトに設置する方法!

   

131122_2002

当サイトでも絶賛貼り貼り中のツイッターのフォローボタン。このボタンを作成・設置する方法をご紹介しておきます。あえて記事にする必要はないんですけど、備忘録的な感じでサクッと書いていきます。

作成・設置はものの1分でできるのでサイト+ツイッターアカウントを持っている人はとっとと連動させて、そうでない人も新しいサイトが出来上がったらアカウント取得して連動しておきましょう!!

スポンサーリンク

 

 

 

Twitterのフォローボタンの作成

1, Twitter公式サイトへ移動して下さい。

https://about.twitter.com/resources/buttons#follow

 

2, 設置したいツイッターボタンを選択

131122_2003

Share a link・・・リンクを共有(ツイート)

Follow・・・フォロー(〇〇をフォローする)

Hashtag・・・ハッシュタグ(#Twitterストーリーをツイートする)

Mention・・・ ツイート(〇〇へツイートする)

 

自分の目的にあったボタンを選択しましょう。

 

Share a link

131122_2001

 

Follow

131122_2004

 

Hashtag

131122_2005

 

Mention

131122_2006

 

 

3, Preview and codeの下にあるボックスから生成したコードをコピペする

 

4, サイトに貼り付ける

WordPressの場合、管理画面「外観」>「ウィジェット」>「テキスト」

生成したコードを貼り付けましょう。

131122_2101

 

 

当サイトのツイッターボタンはこんな感じです。

131122_1906

 

「Follow」項目からボタンを作成したんですけど、デフォルトではフォロワー数が表示されません。

生成されたコードにある

にするとフォロワー数が表示されます。

 

 

 

最後に・・・

もともとツイッターからの外部リンクにはfollow属性があったんですが、2012年10月くらいにnofollow属性になりSEO効果がないといわれ続けていました。

ただ、サイトをいくつか運営していますが、ツイッターからのつぶやきがあったほうが検索エンジンの上位に表示されやすい傾向にあったりします。

それにユーザビリティの観点からもサイトにツイッターボタンは設置しておいたほうがいいと思います。

 

そして、その勢いで下にあるツイッターボタンをクリックしてみよう!!

 

 

 - Twitter


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

medium_192635773
Stinger3で記事中に広告やTwitterを入れスマホで見ると半分に切れているのを直す方法!

WordPressのテーマでStinger3を使用しているユーザーさんは今ではか …

131221_2003
【Twitter Cards】Open Graph ProのTwitterバージョン的なWordPressプラグイン

Twitter CardsはfacebookのOGPのように、投稿した内容に記事 …

131205_2221
【IFTTT(イフト)】WordPressプラグイン不要でTwitterやfacebookに自動投稿する方法

IFTTTは「If This Then That」ということだ!・・・まったく意 …