Сейчас у меня стоит так в разделе категории, где список статей идет в ряд:
<a href="/article-page" title="head-title-text">
<div class="thumbnail" style="background-image: url(img.jpg);"></div>
<div class="link_body">
<div class="title">Article Headline</div>
<div class="info">
<span class="date">12 Nov</span>
<span class="category">Category Name</span>
</div>
</div>
</a>
Вариант ниже будет лучше?
<div class="article-item">
<a href="/article-page" title="head-title" class="thumbnail">
<img src="img.jpg" alt="h1-title">
</a>
<a href="/article-page" title="head-title" class="title">
Article Headline
</a>
<div class="info">
<span class="date">12 Nov</span>
<span class="category">Category Name</span>
</div>
</div>
То есть вопрос в том как лучше поисковые системы воспринимают html код ссылки?
Стоит Article Headline в <a> писать чисто или можно с другими html элементами?
Стоит ссылку изображения статьи вставлять в <img> или можно и в background-size?
Есть ли разница писать в title атрибут ссылки на статью значение <h1> или <title>?
Понятно, что можно и так и так, но вдруг есть + в ранжировании при правильном подходе.