H3 и P теги внутри якоря, влияние на SEO?

Question

Я работаю на нашей рабочей площадке в настоящий момент, просто на вопрос.

Я перечисляю статьи, и чтобы каждый из них был кликабельным, я содержал их в привязке. Это плохая практика? Будет ли это иметь какие-либо последствия для SEO? Я гугле и нашел различные мнения и не окончательный ответ ...

В основном это моя структура:

<article id="article1"> 
    <a href="#linkToArticle" title="My Article Title"> 
    <h2>My Article Title</h2> 
    <p>My article summary goes here</p> 
    </a> 
    <a class="button" href="#linkToArticle" title="My Article Title"> 
</article> 

<article id="article2...... etc 

Любые советы мы бы приветствовали, если кто-то может дать немного объяснений, почему это будет будь прекрасен/плох, я был бы признателен, поэтому я знаю в следующий раз.

S

Answer 1

В HTML5, это allowed.

Поскольку в этом случае вы используете секционирующий элемент (article), это не создает проблемы с вашим контуром. Если вы опустите элемент секционирования, начало ссылки будет по-прежнему находиться в области предыдущего раздела, что не будет тем, что вы хотите сказать семантически.

Так что ваш пример в порядке. (за исключением элемента a с классом button, поскольку он не закрыт, но я предполагаю, что это ошибка в вашем примере).

Вы не можете сказать вообще, если это будет проблематично для поисковых систем, так как есть бесчисленные поисковые системы, и все они работают по-разному. Поскольку это допустимая разметка в течение некоторого времени, мы можем предположить, что все активно развитые поисковые системы обрабатывают этот штраф.

То же самое для доступности. Старые инструменты могут иметь, но я бы сказал, что большинство активно разработанных инструментов могут справиться с этим. Здесь вы можете найти более старый тест прошивки: HTML5 block link tests. Эта запись в блоге также может быть интересна: Block level links and accessibility

AFAIK различные пользовательские агенты обрабатывали эту разметку еще до того, как она была действительной, поскольку некоторые веб-авторы использовали этот шаблон в любом случае.