seo-images andとh1

Question

私はこれの周りに私の頭を包んでいるように見えることはできません。

私はh1タグの実際のテキストの代わりに自分のロゴを使用したいという状況があります。実際に書かれているのではなく、altタグでキーワードを入力すると、SEOに苦しむでしょう。テキストとイメージの両方を持つ方が良いですか？思考？

<div id="hdr-top-logo"> 
<h1>     
    <a href="/"> 
    <img src="logo.jpg" alt="keywords and title" /> 
    </a> 
</h1> 
</div> 

Answer 1

SEOはせいぜい投機的です。

通常、受け入れられる慣習は、適切な場所で使用することであり、苦しんではいけません。私はこのような何か書くでしょう例えば、あなたのコード：どちらかといえば

<div id="hdr-top-logo"> 
<h1>     
    <a href="/" title="Blahblah.com logo"> 
    <img src="logo.jpg" alt="Blahblah logo" /> 
    </a> 
</h1> 
</div> 

を、実際のテキストの代わりに、ロゴを持つことのメリットは、あまりなりません。

注：alt + titleはの記述である必要があります。そのため、たくさんのキーワードを入れてはいけません。そうしないとSEOが賢明になります。

Answer 2

はいクローラは、画像内のテキストを読むことはできませんが、ALTのを使用する（テキストとしてではないと同じ効果）何とかするのに役立ちますが、間違いなく役立ちますので、テキストを持っている方が良いSEOのため。

Answer 3

関連するタイトルをaltに置き、キーワードとしてmetaを使用することをおすすめします。希望が役立ちます。 altは実際には画像を見ることができない、または画像が見たくない人のために表示されます。アクセシビリティにも役立ちます。余分なキーワードをaltに入れると、アクセシビリティが損なわれる可能性があります。

Answer 4

SEOに最適なのは、H1タグにテキストを入力し、すべてのページにユニークなH1を作成することです。 H1タグをページあたり1つに制限し、特定のページのすべてのマイナーキーワードを含むそのページの内容を記述させてください。 H1の始めにできるだけ多くこのキーワードを入れてください。

しかし、実際にH1に画像を配置する必要があるときは、できるだけ多くのタイトル属性とalt属性を提供し、キーワードを含むようにしてください。

したがって、たとえば、これを使用します。

<h1> 
    <a href="http://your.url" title="some text with keywords"> 
    <img src="logo.jpg" title="some text with keywords" alt="some keyword" /> 
    </a> 
</h1> 

は、この情報がお役に立てば幸いです。

Answer 5

CSSにアクセスできる場合は、hssタグをCSSで置き換えるのが理想的です。

<h1 id="hdr-top-logo">     
    <a href="/"> 
    </a> 
</h1> 

と、このCSS：

だからあなたはこのHTML持っ

#hdr-top-logo { 
width: width of logo.png here; 
height: height of logo.png here; 
background: url(logo.png); 
text-indent: 100%; 
white-space: nowrap; 
overflow: hidden; 
} 

適切に使用され、これは完全に、検索エンジンフレンドリーされます。

NB画像交換のためのかなりの数の異なる技術がここにhttp://css-tricks.com/examples/ImageReplacement/

あなたがあり、最高の自分の状況に合った手法を確認する外観と実験を持っている場合があります見られるように、これはスコットKellum方法で、あります異なる方法を用いることには異なる欠点がある。