Có phải thực tế xấu khi SEO sử dụng <i> trong các yếu tố tiêu đề?

Để làm cho một trang web thân thiện với người dùng, tôi phải sử dụng một số phông chữ Font Awesome trong <h>các yếu tố như thế này:

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

Trong thực tế, đây là một bài viết đánh giá. Is it OK để đặt các phông chữ (hoặc <i>phần tử) trong HTML bên trong của các yếu tố tiêu đề như <h1>, <h2>, <h3>, vv?

Vui lòng cung cấp nguồn của bạn hoặc một số tài liệu, vì nó thực sự quan trọng đối với tôi; Tôi không muốn phạm sai lầm nào về chủ đề này.

Tôi sẽ nói rằng nó sẽ không gây hại nhiều, cũng sẽ không thêm bất cứ điều gì. Tôi thích giữ các thẻ tiêu đề của mình sạch sẽ và sẽ không thêm i. Kiểu dáng nội tuyến sẽ là một vấn đề lớn hơn, đó không thực sự là một vấn đề lớn.

Thay vì làm điều này, bạn có thể thêm biểu tượng bánh răng trực tiếp vào 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>

Google hầu như không chú ý đến những thẻ bạn sử dụng những ngày này. Google quan tâm đến cách trang nhìn vào người dùng. Nó quan tâm đến văn bản nào là lớn. Nó quan tâm đến văn bản nào là nổi bật. Nó quan tâm đến văn bản nào được ẩn. Các thử nghiệm SEO gần đây đã chỉ ra rằng không có sự khác biệt giữa việc sử dụng <div>thẻ được tạo kiểu để trông giống như một tiêu đề và sử dụng <h1>thẻ theo như Google có liên quan.

Tôi cau mày khi sử dụng các thẻ cho chữ nghiêng hơn là sử dụng CSS. Nó pha trộn ngữ nghĩa và trình bày. Tuy nhiên, từ quan điểm SEO, không nên có hậu quả tiêu cực hoặc tích cực.

Vâng, đó là một ý tưởng tồi. Sử dụng <h>thẻ tuyên bố rõ ràng , đây là một trong những quy tắc của Google.