본문 바로가기
깨알 정보 모음

티스토리 H1태그 1개만 설정하는 법_프로그램 초보용

by 코인포유 2023. 2. 4.
반응형

블로그의 글은 다양한 검색엔진에서 수집해 가고 그 수집 결과가 해당 검색엔진이 요구하는 형식에 맞을 경우 노출을 더 잘해주는 특징이 있습니다. 특히, 구글 SEO에 맞춰서 글을 써야 한다고 배운 우리는, 구글 검색엔진이 요구하는 글의 형식을 지키려고 부단히 노력하고 있습니다. 구글 검색엔진이 기본적으로 요구하는 글의 형식은 간단히 제목, 소제목, 본문으로 구분된 글이라고 할 수 있습니다. 그런데, 만약 제목이 2개라면 어떻게 될까요? 그럼 검색엔진이 글의 내용을 제대로 파악하지 못하게 되고 글을 저품질로 평가하게 될 가능성이 큽니다. 그래서 H1태그가 매우 중요한데요, 그럼 H1태그가 무엇인지, 그리고 구글의 글 구조 및 H1태그 중복 수정방법을 설명드리겠습니다.

H1태그의 의미와 구글 검색엔진이 요구하는 글의 구조

H1태그란 HTML소스에서 제목을 표시하는 기호입니다. Highlight의 약자로 알려져 있는 H태그는 H1, H2, H3, H4.. 등 글의 구조에 따라 다양하게 사용할 수 있습니다. 특히, H1태그는 그 글의 메인 제목을 표시하는 것이고 나머지 H태그는 하위의 소제목들을 표현하는 기호입니다. 

  • H1 : 글의 메인 제목
  • H2 : 소제목
  • H3 : 하위제목
  • H4 : 하위의 하위제목

구글에서는 글의 구성을 위와 같은 형식으로 구분해서 내용을 파악해 가고 있습니다. 그러므로 H1태그가 2개 존재한다면 검색엔진이 볼 때는 글의 제목이 2개 있는 것으로 인식을 하게 되고 글의 내용을 파악할 수 없는 저품질의 글이라고 판단할 수도 있게 됩니다. 

 

내 블로그에 H1태그가 2개인지 확인하는 방법

일단 이 글은 프로그램을 모르는 사람이 보고 있다는 전제로 쓰고 있습니다. 그럼 당연히 소스코드를 볼 수 없겠죠? 그래서 기본적인 HTML소스를 보는 방법부터 설명드리겠습니다.

  • 내 블로그에 쓴 글을 불러옵니다.
  • F12를 클릭합니다.
  • CTRL+F 를 누른 후, H1을 타이핑하고 ENTER를 칩니다.

H1태그를 확인 할 수 있습니다. <H1>...</H1> 이게 하나의 H1태그 쌍입니다. 이 쌍이 2쌍 있다면 H1태그가 중복되어 있다고 하는 것입니다.  

 

<H1태그 중복 확인 방법>

 

 

H1태그 1개로 만드는 방법

앞서 말씀드린대로, 프로그램 왕초보를 기준으로 작성하고 있습니다. H1태그가 2쌍이라는 것을 발견하셨다면, HTML소스를 수정하셔야 하는데요, 이게 너무 어렵습니다. 다른 블로그를 봐도 소스를 일부 수정하도록 되어 있는데요, 일부 수정을 하는 것은 아무래도 너무 어렵더라고요. 그래서 제가 잘 아는 프로그래머를 통해 소스 전체를 수정할 수 있게 소스를 통으로 받아서 가져왔습니다. 아래 절차대로 한 번 해보시면 아주 쉽게 수정하실 수 있습니다.

  • 관리메뉴 열기
  • 스킨편집 클릭
  • (우측상단) HTML클릭
  • (아래 첨부파일) HTML소스 다운로드 후 내용 복사
  • (소스 영역 마우스 클릭) CTRL+A 클릭(전체 선택)
  • (복사한 소스) CTRL+V(붙여넣기)
  • (상단) CSS 클릭
  • (아래 첨부파일)  CSS소스 다운로드 후 내용 복사
  • (소스 영역 마우스 클릭) CTRL+A 클릭(전체 선택)
  • (복사한 소스) CTRL+V(붙여 넣기)
  • (상단) 적용 버튼 클릭
     

<중복 소스 수정 절차>

 

HTML 전체 소스

HTML 전체 소스.txt
0.03MB

 

 

CSS 전체 소스

CSS 전체 소스.txt
0.06MB

 

 

지금까지 H1태그가 2쌍 존재하는 블로그의 HTML소스를 수정할 수 있도록 설명드렸는데요, 저도 사실 프로그램은 잘 모르지만, 블로그를 쓰면서 자꾸 HTML소스를 접하게 되어서 무서워요. 부디 이 글을 보시는 분들도 쉽게 수정하시고 부담 없이 블로그 쓰셨으면 좋겠습니다.









 

반응형

댓글