2013-10-05 20 views
6

Buduję projekt przy użyciu Twitter Bootstrap. W documentation to stwierdził:SEO: <button> vs <a> Znaczniki HTML

Tagi

użyć klas przycisk na <a>, <button> lub <input> elementu.

[...]

Cross-browser rendering

W najlepszej praktyki, zalecamy zastosowanie elementu <button> gdy jest to możliwe, aby zapewnić dopasowanie renderowania w różnych przeglądarkach.

Czy jest to dobra praktyka w rozumieniu SEO?

+0

Nie widzę problemu, dopóki nie mówi się tylko o renderowaniu problemów, które mogą się zdarzyć w przyszłości. – Manoj

+1

Techniki sędziowania w celu poprawy SEO nie są dostępne w temacie. – random

+2

To pytanie powinno pojawić się na http://webmasters.stackexchange.com –

Odpowiedz

4

Optymalnie pod względem SEO najlepiej jest użyć znacznika <a>, ponieważ wyszukiwarki nie przechodzą przez przyciski ani wejścia, ale raczej szukają znaczników zakotwiczenia i ich atrybutów (href, title). Jeśli więc łączysz się z inną stroną w witrynie, która musi zostać zaindeksowana przez wyszukiwarki, ma to więcej sensu zarówno dla SEO, jak i dla semantyki, aby użyć znacznika kotwicy.

Z drugiej strony, jeśli budujesz formularz, bardziej sensowne jest korzystanie z <button> lub <input> iw tym przypadku powinieneś postępować zgodnie z zaleceniami w dokumentacji.

wierzę odniesienie w dokumentacji powinny rzeczywiście powiedzieć:

[...] zalecają przy użyciu elementu zamiast wejścia elementu miarę możliwości [...]

Należy również zauważyć, że większość elementów formularza, w tym <input> i <button>, ma style przeglądarki, które czasami są trudne/niemożliwe do zmiany bez JavaScriptu, stąd ten komentarz w dokumentacji Bootstrap na Twitterze.

+0

"stylów specyficznych dla przeglądarki, które czasami są trudne/niemożliwe do zmiany bez JavaScriptu" - Huh? Wszystkie style agenta użytkownika można łatwo zastąpić zwykłymi stylami CSS? – Bill

1

Jak wiem, google nie klika przycisków i to źle dla SEO. , ponieważ wiele przycisków powoduje wysłanie formularza lub wykonanie kodu JavaScript i nie jest użyteczne. Widzę to w google-analytics na mojej stronie. buforuje tylko znaczniki href.