2013-10-05 5 views
6

Я строю проект, используя Twitter Bootstrap. В documentation он заявил:SEO: <button> vs <a> HTML теги

Кнопка теги

Используйте классы кнопки на <a>, <button> или <input> элемента.

[...]

кросс-браузер рендеринга

В качестве лучшей практики, мы настоятельно рекомендуем использовать <button> элемент всякий раз, когда это возможно, чтобы обеспечить соответствие рендеринга кросс-браузерный.

Является ли это хорошей практикой SEO-мудростью?

+0

Я не вижу проблем, пока он не говорит только о проблемах, которые могут возникнуть в будущем. – Manoj

+1

Судя по методам улучшения SEO не соответствует теме – random

+2

Этот вопрос должен появиться на http://webmasters.stackexchange.com –

ответ

4

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

С другой стороны, если вы строите форму, имеет смысл использовать <button> или <input>, и в этом случае вы должны следовать рекомендации в документации.

Я считаю, что упоминание в документации фактически должны сказать:

[...] рекомендуется использовать элемент вместо ввода элемент всякий раз, когда это возможно [...]

Также обратите внимание, что большинство элементов формы, включая <input> и <button>, имеют специфические для браузера стили, которые иногда трудно или невозможно изменить без JavaScript, поэтому этот комментарий в документации Twitter Bootstrap.

+0

«специфические для браузера стили, которые иногда трудно или невозможно изменить без JavaScript» - А? Все стили пользовательского агента легко переопределяются обычным CSS? – Bill

1

Как я знаю, Google не нажимает на кнопки, и это плохо для SEO. , потому что многие кнопки делают отправку формы или исполнение JavaScript, и это не полезно. Я вижу это на google-аналитике моего сайта. он кэширует только теги href's.

Смежные вопросы