Kotwice w nagłówkach czy na odwrót - czy jest inaczej w stosunku do SEO? [Zamknięte]


86

Zawsze natykam się na to (raczej proste pytanie) podczas tworzenia np. Blogów Wordpress. Czy powinienem zawinąć nagłówek, który również powinien być linkiem, w <a>element kotwicy , czy powinien być na odwrót. I dlaczego?

(1) :

<a href="foo">
    <h1>bar</h1>
</a>

(2) :

<h1>
    <a href="foo">bar</a>
</h1>

Zawsze robię (1) , ponieważ wydaje mi się bardziej logiczne, że nagłówek jest zawinięty w łącze.

Czy ma to jakieś znaczenie np. W SEO? Czy będzie odzwierciedlać ranking SEO?


3
To pytanie na Pro Webmasters jest tym, czego szukasz
John Conde


2
Głosuję za zamknięciem tego pytania, ponieważ chociaż zadawano to na temat, pytania dotyczące SEO niezwiązane z programowaniem nie są już tutaj tematyczne i powinny być zadawane webmasterom . W szczególności poprzednio połączony znacznik Anchor wewnątrz tagu kotwicy <h1> lub <h1>: co jest lepsze? odpowiada na to pytanie.
dbc

Odpowiedzi:


78

Przed HTML5:
kotwica musi znajdować się w nagłówku, nie możesz umieścić elementu blokowego wewnątrz kotwicy, a większość przeglądarek nie wyrenderuje go w 100% niezawodnie, jeśli to zrobisz.

W HTML5:
nie ma znaczenia, użyj tego, który ma największy sens semantyczny . Prawdopodobnie pierwszy.

Pamiętaj, że jeśli Twój dokument używa DTD HTML4, nie będzie sprawdzał poprawności i może nie renderować się poprawnie, ponieważ używa starych reguł, w których kotwica nie może zawierać elementu blokowego. Używaj tylko pierwszej opcji w HTML5. XHTML jest odpowiednikiem HTML4, nie jestem jednak w 100% pewien co do XHTML1.1 (spróbuj i zobacz, czy sprawdza się).


8

Jeśli używasz DTD HTML 4.01 (nie jestem pewien co do przejściowego, ale zdecydowanie ścisłego), wtedy element zakotwiczenia musi pojawić się wewnątrz elementu nagłówka. Sprawdź swój doctype, jeśli nie wiesz, którego DTD używasz (zakładając, że masz taki, którego potrzebujesz, aby nasz kod był uważany za ważny). Typ dokumentu HTML5 wygląda następująco:

<!DOCTYPE HTML>

Typ dokumentu 4.01 to:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

Sugerowałbym również zapoznanie się z samym DTD, jeśli zamierzasz pracować z 4.01, który odpowie na wszystkie tego typu pytania.


Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.