Czy stosowanie SEO <i> w elementach nagłówkowych jest złą praktyką?

11

Aby stworzyć przyjazną dla użytkownika stronę internetową, muszę użyć niektórych czcionek Font Awesome w <h>elementach takich jak ten:

<h2>
<i style="color: rgb(102, 149, 45); vertical-align: inherit;" class="fa fa-gear"></i>
 Performance
</h2>

W rzeczywistości jest to artykuł poglądowy. Czy można umieścić te czcionki (lub <i>elementy) w wewnętrznej HTML elementów nagłówka jak <h1>, <h2>, <h3>itp?

Proszę podać swoje źródło lub dokumentację, ponieważ jest to dla mnie bardzo ważne; Nie chcę popełniać błędów w tym temacie.

seo html heading Amirreza Nasiri
źródło
3
Lepsze w użyciu <span>dla FontAwesome, jego głupie używanie <i>Korzystanie <h2><span class="fa fa-gear"> </span></h2>będzie działać równie dobrze.
Simon Hayter

Odpowiedzi:

11

Powiedziałbym, że nie zaszkodzi zbytnio, ani niczego nie doda. Wolę dbać o czystość tagów nagłówka i nie dodawać i. Stylizacja liniowa byłaby większym problemem, co nie jest tak naprawdę dużym problemem.

Zamiast tego możesz dodać ikonę koła zębatego bezpośrednio do H2:

h2.Geared:before{
    display: inline-block;
    color: rgb(102, 149, 45); 
    font-family: "FontAwesome";
    content: "\f013"; /*The actual character FontAwesome uses */
}

<h2 class="Geared">This text will have the gear</h2>
Martijn
źródło
3
Użytkownik naprawdę powinien korzystać z CSS i nie nadymać HTML. Podczas gdy stylowanie tagu nagłówka nie spowoduje przypalenia serca, nadęty HTML.
closetnoc
1
W pewnym stopniu się nie zgadzam. Ponieważ oboje przeoczyliście fakt, że po prostu zmniejszacie HTML, ale potem zwiększacie CSS, w rzeczywistości wasze powiększanie się bardziej niż zmniejszanie. Jeśli robisz to, aby zużywać znacznie mniej bajtów, użyj SASS i użyj pojedynczej linii w CSS w następujący sposób: .h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}Ponadto, nie byłoby nic złego w użyciu <h2>Title <span class="fa fa-gear"> <span></h2>całkowicie poprawnej i nie zaszkodzi SEO w najmniejszym stopniu.
Simon Hayter
Chociaż nazwa klasy jest źle wybrana, możesz łatwo zmienić bieg na inną ikonę bez zmiany całego css. Możesz zmienić wygląd za pomocą css, co umieściłoby go w arkuszu stylów. Buit Zgadzam się z twoją sugestią, albo nie są złe IMO.
Martijn
Absurdalne jest sugerowanie, że html i css można zmniejszyć za pomocą sass. Sass rozwija się do css, więc nie oszczędza na nim przepustowości, po prostu pisze. Jest to cenne, jasne, ale nie związane z omawianą dyskusją.
The Nate
6

Google prawie nie zwraca uwagi na to, jakich tagów używasz obecnie. Google dba o to, jak strona wygląda dla użytkowników. Dba o to, który tekst jest duży. Dba o to, który tekst jest widoczny. Dba o to, który tekst jest ukryty. Ostatnie testy SEO wykazały, że nie ma różnicy między używaniem <div>tagu, który ma styl przypominający nagłówek, a używaniem <h1>tagu, jeśli chodzi o Google.

Nie lubię używać tagów kursywą zamiast CSS. Łączy semantykę i prezentację. Jednak z punktu widzenia SEO nie powinno być żadnych negatywnych ani pozytywnych konsekwencji.

Stephen Ostermiller
źródło
Oto odpowiedź. <i> jest standardowym elementem HTML i NIGDY nie wpłynie na Twoje SEO. Ponadto styl CSS NIGDY nie wpływa na SEO, chyba że jest używany do ukrywania treści. Najważniejszym kluczem ZAWSZE będzie treść, treść, treść.
Rob
-1

Tak, to zły pomysł. Używaj wyraźnych <h>tagów wyciągów , jest to jedna z zasad Google.

użytkownik6521985
źródło
2
Ta odpowiedź jest niepoprawna
John Conde
1
Nigdy nie słyszałem o <h>tagu, nie mówiąc już o wyszukiwaniu reguł Google od ich użycia. Czy możesz podać link do dokumentacji?
Stephen Ostermiller