SEO가 헤더 요소에서 <i>를 사용하는 것은 나쁜 습관입니까?

사용자 친화적 인 웹 사이트를 만들려면 <h>다음과 같은 요소 에 Font Awesome 글꼴을 사용해야 합니다.

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

실제로, 이것은 검토 기사입니다. 이러한 글꼴 (또는 넣어이 확인되어 <i>같은 헤더 요소의 내부 HTML의 요소)를 <h1>, <h2>, <h3>, 등?

나에게 정말 중요하기 때문에 소스 나 문서도 제공하십시오. 이 주제에 대해 실수하고 싶지 않습니다.

나는 그것이별로 해를 끼치 지 않을 것이라고 말하고 싶지만 아무것도 추가하지 않을 것입니다. 헤더 태그를 깨끗하게 유지하고을 추가하지 않습니다 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>

Google은 요즘 사용하는 태그에 거의 관심이 없습니다. Google은 페이지가 사용자에게 어떻게 보이는지 걱정합니다. 어떤 텍스트가 큰지에 관심이 있습니다. 어떤 텍스트가 눈에 띄는 지에 관심이 있습니다. 어떤 텍스트가 숨겨져 있는지 걱정합니다. 최근 SEO 테스트에 따르면 <div>제목처럼 보이도록 스타일이 지정된 태그를 사용하는 <h1>것과 Google에 관한 한 태그를 사용하는 것에는 차이가 없습니다 .

CSS를 사용하는 대신 기울임 꼴로 태그를 사용하는 것에 대해 눈살을 찌푸 렸습니다. 시맨틱과 프리젠 테이션을 혼합합니다. 그러나 SEO 관점에서 부정적인 결과 나 긍정적 인 결과는 없어야합니다.

네, 나쁜 생각입니다. 명확한 문장 <h>태그를 사용하십시오 . 이것은 Google의 규칙 중 하나입니다.