Googleの+1ボタンを設置したい。

目安時間:約 2分
Google+1
Google+1
Google+1
Google+1

Googleの+1ボタンが5月31日に公開されたばかり。

早い者勝ち?

 

 

でも今のところ、この+1ボタン、Google.comでの

英語での検索にのみ表示されるとのこと。





今後の展開に期待と言ったところでしょうか。





Google+1をウェブサイトに表示のページにアクセスします。





サイズを右側のビューで確認しながら選択し、

言語をJapaneseに変更します。

 ← クリックすると拡大します。





変更すると下のタグも自動的に変更されるので、

先に上のタグを~の間か

の直前にコピーして貼り付けます。

 ← クリックすると拡大します。





続いて、下のタグを+1ボタンを表示させたい位置に

コピーして貼り付けます。

 ← クリックすると拡大します。





設定して、必要であれば再構築し、

表示させたい場所にボタンが出てきたら

設置に成功しています。

カテゴリ:tips  [コメント:0]

twitterのツィートするボタンを設置したい。

目安時間:約 3分
twitter
ツイッター
twitter
ツイッター
twitter
ツイッター
twitter
ツイッター
twitter
ツイッター
twitter
ツイッター
twitter
ツイッター
twitter
ツイッター

ツイッターのアカウントがあれば、これが一番簡単でしょう。

 

 

アカウントがあることを前提に進めますので、

ない方は取得してください。

twitter





ログインして、プロフィールを開きます。

 ← クリックすると拡大します。



続いて、プロフィールを更新をクリックします。

 ← クリックすると拡大します。





 ← クリックすると拡大します。

上の画面に切り替わるので、

赤枠のTweetまたはツイートボタンを作成をクリックします。





 ← クリックすると拡大します。

設定画面に切り替わるので、

ツイート数の表示のするしないと

する場合は位置を指定します。





関連付けたいアカウントがあれば

別途追加します。





※私はhttpsでセキュア接続をしているので、プレビューが表示されませんが、

 http://twitter.com/で接続していれば、画面左下にプレビューされます。





プレビューを確認して、よければ、赤枠のソースをコピーします。





 ← クリックすると拡大します。

表示させたい部分にソースを貼り付けます。







設定し、必要があれば再構築すると、画面に表示されます。







他にもツイッターには

つぶやきをあなたのサイトに

表示させることができます。





プロフィールの更新をクリックした画面にある

ウィジェットをクリックします。

 ← クリックすると拡大します。





続いて、自分のサイトをクリックします。

 ← クリックすると拡大します。





プロフィールウィジェットをクリックします。

 ← クリックすると拡大します。





プロフィールウィジェットのカスタマイズ画面に切り替わります。

 ← クリックすると拡大します。





デフォルトのままでよければ、完了&コード取得をしますが、

カスタマイズしたい場合は、カスタマイズ・デザイン・サイズを

それぞれ開いて好きなようにビジュアルを変更できます。

 ← クリックすると拡大します。

 ← クリックすると拡大します。

 ← クリックすると拡大します。



※幅は自動を選んだ方がブログパーツとしては扱いやすいです。





プレビューで確認し、よければ完了&コード取得をクリックし、



表示されたコードをコピーします。





コピーしたコードを表示させたい場所に貼り付け



設定をし、必要があれば再構築します。







自分の思ったとおりに表示されれば成功です。

カテゴリ:tips  [コメント:0]

facebookのいいね!ボタンを設置したい。

目安時間:約 2分
フェイスブック
facebook
フェイスブック
facebook

流行に乗って、facebookの『いいね!』ボタンが欲しい。

そう思って検索をかけて到達したのはいいけど、

英語ページで挫折した方へ。

 

 

日本語解説ページに最初から行き当たればいいのですが、

運悪く英語のページに行き当たったら、

その場で閉じてしまいますね。



※facebookのページは他のSNSと異なり、

 GoogleやYahoo!などの検索エンジンの結果に表示されます。





無料ブログならサービスによっては

設定で簡単に表示させることができますが、



WordPressやMovableTypeなど独自ドメインを使っている場合、

自分で設定する必要があります。







このページに方法は書いてあるのですけど、英語を見た瞬間、

閉じる人が多いみたいです。





でも実は、上の英語の部分を読むからイヤになるだけであって

そこを読み飛ばして、下のパーツ作成の部分だけで、

手軽に取り付けられます。





 ← クリックで拡大表示します。

画像に補足を入れたので、

上記の補足に従って選択または入力します。





それが完了したら、一番下の『Get Code』をクリックします。







すると上記のボックスがポップアップするので、

iframeまたはXFBML(コメント欄を使う場合はこちら)の内容をコピーします。





コピーしたものを、サイトの表示させたい部分に貼り付けます。

 ← クリックで拡大表示します。





設定、必要があれば再構築をすると、表示されます。

カテゴリ:tips  [コメント:0]

ホームページで画像が表示されない

目安時間:約 2分
n_20110620

ホームページで画像が表示されない場合、

大体3つの理由が考えられます。

 

 

1.画像ファイルがサーバーに転送されていない。



この場合はファイルのアドレスを直接入力すると、

403エラーと呼ばれる表示がブラウザにされて、

表示することができません。





2.画像ファイルもしくはフォルダの名前が全角(日本語含む)表記である。



日本語ドメインに対応している場合は表示される場合もありますが、

サーバーやブラウザの仕様によっては表示されない場合もあります。





3.画像ファイルへのパスが間違っている。



パソコン内では見えるのにサーバーにアップすると見られない場合に多いです。

C:\ユーザー\(ユーザー名)\My Documents\123.jpgといった

パソコン内の絶対パスで表記されていることがあります。







通常なら、この3つの場合に当てはまることが多いのですが、

今回Nさんから頂いたご質問はこれのどれにも当たりませんでした。





ご提示頂いたURLをクリックすると、403エラーになるんです。

だから1に当てはまるのかと思ったのですが、



画像フォルダは確実にサーバー上にあると仰るので、

FTPソフトでサーバー内をキャプチャして送って頂きました。











赤枠の部分に注目して頂きたいのですが、

通常、画像フォルダの属性(パーミッション)は

『rwxr-xr-x』、数字で言うと755です。





この場合、『rwx--・・・』なので、

おそらく733になっていたと推測できます。





755に変えてもらったところ、

きちんと表示されました。





特殊事例ですが、1~3に当てはまらない場合の

解決策の1つとして頭の片隅に置いておくと、

トラブル回避に繋がります。

短縮URLツールの導入

目安時間:約 2分

サイト上のクリック解析を行うために、
短縮URLツールを導入します。


初期設定が少し面倒ではありますが、
同一ドメイン内に置いた方が、
内部SEOの強化にもなるからです。


一度設定してしまえば、
そのまま継続して使えるので、
初期設定と割り切って導入するのがよいでしょう。


●サーバー導入型(クリック解析機能付)
楽々URL
「短縮・圧縮URL」転送技法!アクセス解析機能付き
【携帯メルマガ対応】MCSURL


でもやっぱり、FTPでCGIを触るのが怖いという方には
サーバー毎借りれるサービスもあります。

●サーバーレンタル型(クリック解析機能付)
クリックスカウター2


ご自分のスキルに合わせて選んでださい。


TinyURLに代表される無料の短縮URLツールもありますが、
クリック解析ができなかったり、削除されたり、
サーバー負荷が高くてダウンしたり・・・

とリスクのが高いので、きちんとしたものを導入するべきでしょう。


私は楽々URLを活用しています。



next→ メールアドレスを取得する

プロフィール

情報商材レビュアー
(かなりの天然}

全国展開をしているDOS/VパーツショップのWebサイトデザイナーとして活躍した後、ブログ運営を続けていくうちに身についたSEOノウハウを生かして、サイト運営をしています。

初心者さんでも安心して始められるように、親身になってアドバイスしています。
2009年7月~2010年1月:SMスパルタ塾のブログカスタマイズなど技術系サポーターを経験。
もっと詳しく知りたい場合はこちらから♪

最近のコメント
    カテゴリー
    アーカイブ

    ページの先頭へ