마이크로소프트 빙 웹마스터의 SEO분석기를 돌렸더니
심각도가 높은 문제......페이지에 <h1> 태그가 여러 개 있습니다.
권장 작업:
페이지 원본에서 <h1> 태그가 하나만 존재하도록 중복되는 <h1> 태그를 삭제하십시오.
그래서 소스를 찾아봤더니 위젯스타일의 제목부분에 <h1>테그가 적용되어 있었습니다. 결과적으로 제 메인페이지에는 무려 11개 <h1>테그가 있었던거죠..
제가 메인에서 쓰는건 @ExtendKR 님의 레미인 위젯스타일인데요
소스를 보면
CSS파일
div.cls-widgetstyle { border: 0px solid #CCCCCC; border-top: 3px solid #666666; padding: 15px 10px 10px 10px; position: relative; }
div.cls-widgetstyle>h1 { margin: 0px 0px 10px 0px; padding: 0px 5px 10px 5px; font-family: "Jeju Gothic"; font-size: 18px; font-weight: 500; letter-spacing: -2px; border-bottom: 1px solid #CCCCCC; }
div.cls-widgetstyle>a { color: #222222; font-size: 13px; position: absolute; top: 20px; right: 15px; }
div.cls-widgetstyle>div { padding: 2px; }
HTML파일
<!--%import("style.css")-->
<div class="cls-widgetstyle" style="border-top: 3px solid {$widgetstyle_extra_var->color}">
<h1>{$widgetstyle_extra_var->title}</h1>
<a href="{$widgetstyle_extra_var->link}">{$widgetstyle_extra_var->more}</a>
<div>
{$widget_content}
</div>
</div>
이렇게 되어 있는데요
<h1>테그가 적용이 되지 않고 지금의 모양 그대로 만들려면 어떻게 수정해줘야 할까요?
그리고 위젯스타일 제작하시는 개발자님들은 이 내용을 참고하셔서 컨텐츠위젯 제목부분에 <h1>테그가 안들어가게 만드시는 것이 좋을것같다는 생각입니다.
댓글 4
일단 여기선 h1 태그를 p 태그로 바꿔도 될 것 같은데요?
HTML5에서는 section이나 article마다 각각 h1이 하나씩 있어도 될 텐데요...
그냥 div를 써서 걸린 건지, 빙이 HTML5를 못 알아먹어서 걸린 건지 모르겠네요.
메인페이지에 컨텐츠위젯11개를 쓰고 거기에 레미인컨텐츠위젯스킨을 입혔더니 11개를 콕 찍어 내더라구요. 그리고 조금전에 본문에 기진곰님한테 쓴 글은 초보가 착각해서 쓴글이라 삭제했습니다. ㅎㅎ