最新情報

  • 2020/09/16
    ブログを更新しました。
    2018/04/30
    冷やし中華...じゃなかった、Twitterはじめました。

このサイトに関して



当サイトご利用上の注意

  • 記事へのリンクはご自由になさって結構です。
    但し、画像等、記事内のコンテンツの無断転載、画像への直接リンクによるまとめサイト等他サイトへの転載は固くお断りします。

    2019/04/14現在、コメント欄の認証方法やNGワード設定等、時々変更しています。メールアドレスの入力が求められる場合、とりあえずメールアドレスの形をしていれば(@の前は適当でも)OKです。

    上記に関し、詳しくは下記バナーから「当サイトについて」をお読み下さい。

    コメントは承認無しで掲載されますが、ココログの仕様で投稿されたコメントが画面に反映されるのにはしばらく時間が掛かります。ご了承下さい。



    このブログの趣旨など。コメント欄はゲストブックとしてご利用下さい。


    記事についてご不明な点などはメールでは回答しかねますので、各記事のコメント欄にお願いします。




特設コーナー

  • Banner_wuhanvirus2

    banner_kunimori01


















外部サイト(その他)

  • 台湾の名前で東京オリンピック参加を!署名活動


    憲法改正を実現する1,000万人ネットワーク 美しい日本の憲法をつくる国民の会









管理人ポータル

大師小同窓会関連












  • 画像を提供、あるいはオリジナル写真を貸して下さる方は管理人までご連絡ください。


我が町!大師の情報

  • 大師の歴史・町名の由来

各種ノウハウ集



私家版スクラップブック

  • ブログ主の個人的スクラップブック集です。

    100円ショップの木箱やディスプレイケースなどを利用したドールハウスのまとめページです。

    メンテナンス中のため一時アクセスを制限しています。

友達の輪・お薦めSHOP

  • CHITIのボディデザイン
    魅せるボディデザイン/カラダ作りの本質とは!?
    川崎市在住のインストラクターが近隣のスポーツ施設や公園・ご自宅でのパーソナルトレーニング受け付けます。




    かわさき楽大師

    ファッション・雑貨の店 「+R」

    ヘアーサロンE'(イーダッシュ)


« マートン... | トップページ | テレビの画面モードで消費電力はどうかわる? »

2011/05/27

【niftyココログ】画像に適切な代替テキストを設定してアクセスUP【alt属性】

検索エンジン対策

ブログのアクセスを増やしたい」 まぁ、ブログを書いているならそう思いますよね。(って、このブログ主はそうでもないんですがw)

GoogleとYahooでシェアが7割ほどを占めており、Yahooの検索エンジンがGoogleに移行した現在(参考:SEMリサーチ『[UPDATE 5] ヤフー、検索エンジン Google への移行完了)では、Googleが推奨する検索エンジン対策が重要になってきます。検索エンジン対策、即ちSEO対策ですよね。

ココログやアメブロのようなブログサービスではできることは限られているのですが、それでもできることはやってみましょう、というのがこの記事の趣旨です。

ブログには画像を貼り付けることが多いのですが、Googleウェブマスター ツールのヘルプ『画像』というページに画像の代替テキストにおける、alt属性 の適切な使い方の例が提示されてます。

alt属性 というのは、画像ファイルを誤って削除したりしてリンク切れの時に代替として表示されるテキストで、web読み上げツールを使用したときにも参照されますが、要するに画像に関する情報。適切なalt情報を画像に付加することで、検索の精度も高まります。

適切ではない例:
<img src="puppy.jpg" alt=""/>

適切な例:
<img src="puppy.jpg" alt="子犬"/>

最適な例:
<img src="puppy.jpg" alt="持ってこいをするダルメシアンの子犬">

次のような記述は避けてください。
<img src="puppy.jpg" alt="子犬 犬の赤ちゃん
小さな子犬 レトリーバー ラブラドール ウルフハウンド
セッター ポインター ジャックラッセル テリヤ
ドッグ フード ドッグフード 安い 子犬の餌"/>

(出典:http://www.google.com/support/webmasters/bin/answer.py?hl=ja&answer=114016

上の例の内、3つ目のような書き方は、たくさんのキーワードが含まれていて、検索されやすそうに思えますが、このようなやり方を多用するとスパム扱いをされて、検索順位を落とされるそうです。

alt属性の修正

では、代替テキストはどのように設定するのかというと...

ココログでは、ブログに画像をupすると、ファイル名が alt属性 に設定されます。これは、編集画面で「HTMLの編集」タブをクリックすると分かります。(下図)

ココログにおけるalt属性の修正方法

alt属性 imgタグ に記述されています。(titleタグは後述)

<img width="250" height="372" border="0" alt="Yoko02" title="Yoko02" src="http://daishi100.cocolog-nifty.com/blog/images/2011/04/28/yoko02.jpg" />

(画像とは各属性の記述順序が変わっています)

つまり、HTMLの編集モードでalt属性 を修正します。

画像をupしたら、デフォルトのままではなく、適切な説明に変更した方がいいわけです。

上の指針に従えば、alt="ライトアップアップされる横浜開港記念館"とでもすればいいのかな?

ちなみにアメブロでは画像をupする際に「タイトル」欄に指定した名称がalt属性 に、「ブログタイトル+“-”+指定した名称」の正式で付加されるようです。

なお、title属性は、画像のタイトルで、画像にマウスを重ねたときにポップアップします。(下図)

title属性の効果

最初に書いたように、ブログではできることが限られてはいますが、Googleが公開している『[はじめにお読みください ]Google ウェブマスター向け 公式ヘルプ フォーラムへようこそ!』ページのの『検索エンジン最適化スターターガイド (pdf)』は1度目を通しておくとよいかも知れません。

これ↑をお読みになれば、alt属性の他に、このページで行っている対策例がお分かりになるかと思います。


« マートン... | トップページ | テレビの画面モードで消費電力はどうかわる? »

コメント

コメントを書く

(ウェブ上には掲載しません)

« マートン... | トップページ | テレビの画面モードで消費電力はどうかわる? »

counter since 2018/12/25

  • Flag Counter

    FLAG Counterのロゴをクリックすると、更に詳しい分析結果が表示されます。
    ココログのアクセス解析よりは少ない数字になるようです。
サイト内検索
ココログ最強検索 by 暴想
2020年9月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      

sponsored link


ドールハウス工作おすすめ参考図書

カテゴリー

無料ブログはココログ