블로그 스킨 및 글 작성시 이중 H1 태그 문제와 해결 방법

SEO를 위한 올바른 H1 태그 사용법과 이중 H1 태그 수정 방법

이중 H1 태그

H1 태그는 HTML에서 페이지의 제목에 사용하는 중요한 요소이며 [ 이중 H1 태그 ] 는 문제가 됩니다. 검색 엔진은 H1 태그를 통해 페이지의 핵심 주제를 파악하고 크롤링과 인덱싱에 사용합니다.

따라서 H1 태그의 올바른 사용은 SEO 최적화에 많은 영향을 미칠 수 있습니다. 그러나 블로그와 같은 일부 플랫폼에서는 때때로 여러 개의 이중 H1 태그가 숨어 있어 SEO에 부정적인 영향을 줄 수 있습니다.

H1 태그의 중요성과 티스토리에서 이를 수정하는 방법에 대한 자료 정리입니다.

H1 태그의 중요성

H1 태그는 페이지의 핵심 제목을 나타내며, 검색 엔진이 콘텐츠의 주제를 이해하는 데 필수적입니다. 페이지에 하나의 H1 태그만 사용하는 것이 일반적인 방법입니다. 이중 H1 태그는 좋지 않습니다. 추가 제목은 H2, H3 등의 하위(소제목) 제목 태그를 사용해야 합니다. 이렇게 하면 검색 엔진과 사용자가 콘텐츠를 더 쉽게 이해할 수 있습니다.

또한 글 전체가 구조적 구조를 가지되어 핵심 키워드를 파악하는데 도움을 줄수 있습니다.

이중 H1 태그의 문제

블로그에서는 기본 테마에 이중 H1 태그가 숨겨져 있을 수 있습니다. 이러한 문제는 SEO에 부정적인 영향을 미칠 수 있으며, 페이지 구조를 혼란스럽게 할 수 있습니다.

이를 해결하려면 스킨 설정에서 수정을 통해 이중 H1 태그를 수정해야 합니다.

H1 태그 수정 방법

1. 스킨 변경: 티스토리 관리 페이지에서 "스킨 변경" 옵션으로 이동합니다.
2. HTML 편집: HTML 편집기를 열고, body 태그 아래에서 H1 태그를 찾아 변경합니다. 필요에 따라 H1 태그를 <p> 태그로 수정합니다.
3. CSS 수정: CSS 코드에서 #head를 검색하여 H1 태그를 사용하는 4 군데를 찾아 <p>로 변경합니다.
4. H1 태그 수정 시 모바일 코드를 누락하지 마세요. 모바일에서 H1 태그 수정을 안하면 제목 버튼에 오류가 발생할 수 있습니다.

이중 H1 태그를 P태그로 변경

이렇게 수정하면 최적화 문제가 개선되고, 검색 엔진 최적화에도 효과를 볼수 있습니다.

메타 태그와 H1 태그

페이지의 제목은 SEO에서 매우 중요하고 소셜 미디어는 메타 태그(TITLE>를 사용하여 페이지 제목에 사용하기도 합니다.

하지만 H1 태그는 페이지의 주요 제목을 나타내는 데 더 중요하므로 이중으로 사용하는 것은 피해야 합니다.

<title>페이지 제목</title> <!-- 페이지 제목 -->
    <meta name="description" content="이 페이지에 대한 간단한 설명입니다."> 
    <meta name="keywords" content="키워드1, 키워드2, 키워드3"> 
    <meta name="author" content="작성자 이름"> 
    
    <!-- Open Graph 메타 태그 (소셜 미디어 공유용) -->
    <meta property="og:type" content="article"> <!-- 콘텐츠 유형 -->
    <meta property="og:title" content="소셜 미디어에서의 페이지 제목">
    <meta property="og:description" content="소셜 미디어에서의 페이지 설명"> 
    <meta property="og:image" content="이미지 URL"> <!-- 소셜 미디어에서 사용할 이미지 -->
    <meta property="og:url" content="페이지 URL"> <!-- 페이지 URL -->

    <!-- 트위터 카드 메타 태그 -->
    <meta name="twitter:card" content="summary_large_image"> <!-- 카드 유형 -->
    <meta name="twitter:title" content="트위터에서의 제목"> <!-- 트위터 제목 -->
    <meta name="twitter:description" content="트위터에서의 설명"> <!-- 트위터 설명 -->
    <meta name="twitter:image" content="이미지 URL"> <!-- 트위터에서 사용할 이미지 -->

H1 태그는 SEO에서 중요한 역할을 하며, 블로그 플랫폼 또는 글을 작성할때 실수로 H1 태그를 이중으로 사용하는 것을 피해야 합니다. 페이지 구조를 올바르게 설정하면 검색 엔진 최적화에 도움이 되고, 사용자가 콘텐츠를 이해하는 데도 효과적입니다.