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

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