注目タグ

おかしいと思ったら

トピック詳細

ヘッダー画像の部分にalt属性を付けたいです

初めまして
lightframe_white の共有テンプレート使ってますがhttp://10plate.blog44.fc2.c om/blog-entry-105.htmlを見てヘッダーを画像にしました

しかしその後そのヘッダー画像にalt属性(<img src="http~" alt=&quo t;ブログタイトル" />)やヘッダー画像をクリックするとトップページに移行するみたいなのをやろうとして もうまくいきません
どうしたら良いですか?
わかる方助けてください。よろしくお願いします

2011年10月16日 10:21  by gohakami

コメント一覧 4件中、1~4件表示

  • ありがとうございます

    2011年10月16日 18:02 by gohakami

  • alt属性はimgタグにつけるもので
    画像が表示されない場合の代替テキストとして表示されます。
    最近は必須になっていて、imgタグ内にこの属性がないと、HTMLチェックなどで小言を言われますよね。seoでも損するみ たいだし。

    aタグの場合にはtitleを使います。
    他にもいろんな要素に使えるし、補助テキストなので、必須ではありませんが
    アンカーテキストと同じだったりすると逆にSEOで損をするなんて話もあったり。

    imgにはaltとtitleのどちらもつけられるけど(推奨しないという人もいるみたい)
    aタグ内のaltは削除した方がいいですよ。

    2011年10月16日 13:02 by 標野ゆき

  • すいませんhttp://10plate.blog44.fc2.com/blog-entry-105.htmlで記載されて いた方法ではなくて別の方法でやったらできたのですがそれについてアドバイス欲しいです

    以下別の方法で何も弄ってない元のテンプレートでヘッダー画像を変えました


    <!--▼▼ ヘッダー ▼▼-->

    <h1><a href="<%url>" title="& lt;%blog_name> topページへ"><%blog_name></a& gt;</h1>

    <!--▲▲ ヘッダー ▲▲-->


    <h1><a href="<%url>" title="& lt;%blog_name> topページへ"><%blog_name></a& gt;</h1>
    <div class="intro"><%introduction>< ;/div>
    の部分を




    <h1><a href="<%url>" title="& lt;%blog_name>" alt="<%blog_name>"&g t;<img src="画像URL" alt="ブログタイトル" bord er="0" width="画像の横幅" height="画像の高さ& quot; /></a></h1>

    にして

    cssのヘッダーの背景色をbackground-color:#ffffff; から#0000ccにしました


    しかしここで疑問なんですが
    <h1><a href="<%url>" title="& lt;%blog_name>" alt="<%blog_name>"&g t;<img src="画像URL" alt="ブログタイトル" bord er="0" width="画像の横幅" height="画像の高さ& quot; /></a></h1>

    だとaltタグが2個もあります。これはスパムにならないでしょうか?かといってimg src=画像urlの後にaltタグ を付けないとhttp://www.searchengineoptimization.jp/tools/html_tag_ checker.htmlでチェックしてもh1の所に何もなしと記載されます

    altタグは2個あってもseo上問題ないですか?スパム認定されますかね?

    2011年10月16日 12:32 by gohakami

  • うまく行かなかった記述例を見せていただけると
    何かアドバイスできるかもしれません。

    2011年10月16日 11:51 by 標野ゆき