티스토리 블로그 구글이 좋아하는 글쓰기-alt태그 h1태그

티스토리 구글이 좋아하는 글쓰기 

---

안녕하세요. 달토깽이입니다.

나의 치명적인 티스토리 문제점

저번에 티스토리 블로그 빙 웹마스터를 해보면서 저에게 치명적인 글쓰기의 문제점을 발견했습니다.

2021.11.03 - [디지털노마드/구글애드센스] - 티스토리 블로그- 빙(bing) 노출 및 최적화 방법 웹마스터

티스토리 블로그- 빙(bing) 노출 및 최적화 방법 웹마스터

• 이미지가 누락된 경우의 alt 특성
• 2개 이상의 h1 태그

이 두 가지가 문제점입니다. 완전 큰 문제점이 아닐수 없습니다. 그래서 오늘은 이 두가지 문제점을 해결해보려고 합니다. 솔직히 저는 오래된 네이버 블로거예요. 그러다 보니 티스토리에서도 네이버 블로거처럼 글을 쓰면 잘 노출되고 검색도 잘될 거라 생각했어요. 하지만 티스토리는 다르네요 ㅠㅠ

 

h1 태그라는 게 뭐야?

HTML 문서의 논리구조를 나타내는 표제 요소（heading）요소가 h1~h6 요소입니다. 하나하나가 표제를 나타내는 블록 요소로, ‘H’ 뒤에 이어지는 숫자는 표제의 레벨을 나타냅니다. 웹 페이지도 정보를 전달하기 위한 문서의 한 형태이기 때문에 전달하려는 정보나 메시지를 효과적으로 전달하기 위해 논리적인 구조가 필요하다. 따라서 웹 페이지 HTML에도 이런 논리 구조를 반영할 수 있도록 태그가 필요한데, 바로 <h1>~<h6>와 같은 표제 요소입니다.

 

h태그 사용에서 주의할 점

• 페이지당 한 개의 h1을 사용
• 논리적 구성에 어긋난 사용
• h요소의 순서를 지키지 않고 사용
  검색엔진에게 해당 웹 콘텐츠의 유입 키워드로 강조하고 싶은 키워드에 h 태그를 부여하는 행위와 특정 키워드를 방문자들이 보기에 눈에 띄게 만들고 싶어서 h 태그를 부여하는 행위는 둘 다 하면 안 돼요.

 

h태그 적용방법 

h태그 적용방법 

위에 태그 모드로 글쓰기로 들어가시면 제목 1 양끝에 요런 식으로 <h2></h2> 써넣으시면 됩니다. h1은 제목이므로 h2부터 해줍니다. 다 끝내면 오른쪽과 같이 태그가 적용됩니다. 

 

반응형

 

이미지에 alt태그 넣어주는 방법은?

ALT 태그, 이미지 파일을 제대로 로드하지 못해 표시할 수 없는 경우 흔히 엑박이라고 표현하죠. 그럴 때 대체 텍스트가 이미지에 나타나게 되죠. 그래서 alt태그 넣어준답니다. 대체 텍스트는 시각 장애가 있는 사용자와 같은 스크린 리더를 사용하는 사람들이 웹사이트의 내용을 이해하도록 도와줘요. 또한 검색엔진 봇이 사이트를 크롤링하고 색인을 생성해 순위를 지정할 때 이미지를 해석하는 데 사용합니다. 또 이미지 태그 내에 추가된 품질 대체 태그는 이미지의 내용뿐 아니라 페이지에서의 목적을 서술하는 간단한 설명이에요.

알트 태크는 alt="내용"형태로 구성되어 있습니다. 
내용에는 첨부한 사진의 구체적인 설명이 들어가야 합니다. 알트 태그가 사진에 포함되어있다면 구글 검색로봇은 해당 게시물을 우수한 게시물로 규정하고 검색 상위에 노출시켜줍니다.  

alt태그를 입력하기 위해 html 편집 모드로 들어갑니다.

사진이 등록된 부분은 <p>[##_Image|kage@ 부분입니다. <P></P> 사이 공백 아무 곳에 alt="설명"을 입력합니다. 반드시 사진과 관련돼 내용이어야 합니다. 

이밖에도

• 사진 크기 줄이기, 사진 최소화하기
• 사진 파일 크기는 파일당 100kb 미만 되도록 추천
• 포스팅 주제와 사진 이름 동일하게 저장하기
• 이미지 캡션 추가 하기 
• 맞춤법 검사

그동안 h태그와  alt 탱크의 누락으로 문제점이 발생됐는데 개선해서 검색에 최적화되는 티스토리가 되어보겠습니다. 

 

※ 참고 출처 : 데이터 드리븐 마케팅 기업 ‘어센트 코리아’-“표제 요소 (H 태그) 최적화하기

---

 

 

같이 읽으면 좋은 글 

티스토리 블로그 돈벌기 주제에 대한 나의 고찰