Чи погана практика для SEO використовувати <i> в елементах заголовка?

11

Для створення зручного веб-сайту мені потрібно використовувати шрифти Font Awesome в <h>таких елементах:

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

Насправді це оглядова стаття. Чи можна поставити ці шрифти (або <i>елементи) у внутрішньому HTML елементів заголовка , як <h1>, <h2>, <h3>і т.д.?

Будь ласка, надайте своє джерело чи деяку документацію, тому що це для мене дуже важливо; Я не хочу робити жодних помилок на цю тему.

seo html heading

— Амірреза Насірі
джерело

3

Краще використовувати <span>для FontAwesome, його нерозумне використання <i>Використання <h2><span class="fa fa-gear"> </span></h2>працюватиме так само добре.

— Саймон Хейтер

11

Я б сказав, що це не принесе шкоди, і нічого не додасть. Я вважаю за краще теги заголовка чистими і не додаю i. Вбудований стиль стане більшою проблемою, що насправді не є великою проблемою.

Замість цього ви можете безпосередньо до 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>

— Мартійн
джерело

3

Користувач дійсно повинен використовувати CSS, а не розширювати свій HTML. Хоча стилізація тегу заголовка не спричинить опіку серця, роздутий HTML не призведе.

— closetnoc

1

Я певною мірою не згоден. Оскільки ви обоє не помітили факту, що ви просто знижуєте HTML, а потім збільшуєте CSS, насправді ваше збільшення більше, ніж зменшується. Якщо ви робите це для споживання набагато менше байтів, тоді використовуйте SASS і використовуйте єдиний рядок у CSS, як-от так: .h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}Крім того, не було б нічого поганого в застосуванні <h2>Title <span class="fa fa-gear"> <span></h2>абсолютно допустимого і не зашкодить SEO в найкоротшій мірі.

— Саймон Хейтер

Хоча ім'я класу вибрано погано, ви можете легко змінити передачу на іншу піктограму, не змінюючи всі свої css. Ви можете змінити зовнішній вигляд за допомогою css, який розмістить його у таблиці стилів. Buit Я згоден з вашою пропозицією, або не поганий ІМО.

— Martijn

Думати, що html та css можна зменшити за допомогою sass, є абсурдом. Sass розширюється до css, тому він не економить пропускну здатність над ним, просто набираючи текст. Це цінно, безумовно, але не пов'язане з обговореннями.

— Нейт

6

Google майже не звертає уваги, якими тегами ви користуєтесь в наші дні. Google дбає про те, як сторінка виглядає користувачам. Дбає про те, який текст великий. Дбає про те, який текст є видатним. Дбає про те, який текст прихований. Нещодавні тести SEO показали, що немає різниці між використанням <div>тегу, який виглядає як заголовок, та використанням <h1>тегу, що стосується Google.

Я нахмурився використовувати теги для курсиву, а не використовувати CSS. Він змішує семантику та презентацію. Однак, з точки зору SEO, негативних чи позитивних наслідків не повинно бути.

— Стівен Остерміллер
джерело

Це відповідь. <i> - це стандартний HTML-елемент і НІКОЛИ не вплине на ваш SEO. Крім того, CSS-стиль ніколи не впливатиме на SEO, за винятком випадків, коли він використовується для приховування вмісту. Найважливішим ключем ЗАВЖДИ буде контент, контент, контент.

— Роб

-1

Так, це погана ідея. Використовуйте чіткі <h>теги тверджень , це одне з правил Google.

— користувач6521985
джерело

2

Ця відповідь невірна

— Джон Конде

1

Я ніколи не чув про <h>тег, не кажучи вже про перебіг правил від Google для їх використання. Чи можете ви пов’язати якусь документацію?

— Стівен Остерміллер