SEO - тег привязки блока отображения содержит заголовок и краткое описание, а только заголовок с js

Question

Я использую гиперссылку блока отображения, чтобы сделать всю строку кликабельной, вот так, что-то похожее можно увидеть на ссылках YouTube (список видео справа).Я обеспокоен тем, что в теге привязки много текста, кроме заголовка, есть также короткие описания и категории.

<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>

Answer 1

Вам не нужно привлекать JS.Это должно получить то, что вам нужно.

<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>

Вы даже можете покончить с элементом "

" и "display: block" для якорей с классом ".myBigLink".

(я бы лично проиграл ""но это не то, что вы спросили.)