2012-01-19 8 views
1

表示ブロックのハイパーリンクを使用して、このような行全体をクリックできるようにしています(YouTubeのビデオリスト右)。私はアンカータグにテキストがたくさんあるので、タイトルの横に短いdescとカテゴリがあるので気になります。SEO - 表示ブロックのアンカータグにはタイトルと短いdescとjsのタイトルのみが含まれています

<style type="text/css"> 
a.listarticle {display:block} 
a.listarticle .title {font-weight:bold} 
</style> 

<a class="listarticle" href="url"> 
    <span class="title" title="Article Title"><strong>Article Title</strong></span> 
    <br /> 
    <span class="desc">Article short description</span> 
    <span class="categories">Music, Animals...</span> 
</a> 

これはより良い解決策でしょうか?今アンカーには記事タイトルのみが含まれていて、JavaScriptを介して全体の行をクリックできます - アンカーはまだ存在しますか?私はこれについてかなり混乱しています。私は最初の解決策が気に入っていますが、最初の解決策がタイトルの横にあるので、検索エンジンに悪影響を及ぼすかどうかはわかりません。

<div onclick="window.location='url'"> 
    <a href="url">Article Title</a> 
    <br /> 
    <span class="desc">Article short description</span> 
    <br /> 
    <span class="categories">Music, Animals...</span> 
</div> 
+0

は、 『他の騒々しい言葉が含まれている』、なぜあなただ​​けのタイトルをリンクされていませんか? – feeela

+0

私はブロック全体をクリック可能にしたいので、タイトルだけでなく、 –

答えて

3

JSに関与する必要はありません。これはあなたが必要とするものを得るはずです。 「.myBigLink」クラスとアンカーのために:「ブロック表示」

<div> 
    <a href="url"> 
     <span class="title" title="Article Title"><strong>Article Title</strong></span> 
     <br /> 
     <span class="desc">Article short description</span> 
     <br /> 
     <span class="categories">Music, Animals...</span> 
    </a> 
</div> 

あなたも離れて、「<DIV>」要素として行うことができます。

は(私は個人的に「< BR/>」sのを失うことになるが、それはあなたが尋ねたものではないのです。)

+0

私はほぼ完全に同意します。 –

+0

その答えは私の最初の解決策と同じです。ポイントはタイトル(SEO物)のみをリンクし、ブロック全体をクリックできるようにすることです。気にせず、私の解決策は、ハイパーリンクからdescとカテゴリを取り除き、それらを絶対的に配置することでした。私はカスタム高さブロックを持つことはできませんでしたが、完璧ではありません –

関連する問題