H태그 ALT태그를 적용하여 구글 검색 엔진과 친해지기

H태그, ALT태그를 이해, 적용해서 구글 검색 상위 노출 글쓰기 방법

아래 글로 h1태그를 설정했다면, 이제 h2, h3.. 등등 과 alt태그를 알아보는 시간을 가져보겠습니다.

[정보/티스토리_IT_정보] - 티스토리 제목에 h1태그 적용하기

티스토리 제목에 h1태그 적용하기

#h태그

h태그는 1부터 6까지 존재합니다.

 

#h2~h6태그 적용하기

h1태그는 위에 링크를 통해 자동으로 적용을 완료하였습니다. 그럼 나머지 H2~H6태그는 어떻게 해야 할까요? 무척 쉽습니다. 바로 글쓰기에 들어가셔서 문단 모양을 다르게 적용해주시면됩니다.

 

아래 이미지를 보시면 이해가 더 쉬우실 거예요. 제목들은 h태그 본문은 p태그

 

#h태그를 사용하여 글을 작성해야 하는 이유?

h태그는 HTML에서 제목(heading)을 표시할 때 사용됩니다. 문단을 나눌 때에는 h태그보다는 p태그를 사용해야 하지만, 문단을 나누는 것은 글을 읽는 사람에게 다음과 같은 이점이 있습니다.

 

1. 가독성 향상: 긴 문장이나 긴 단락은 읽기 어렵고 지루할 수 있습니다. 문단을 나누면 글을 읽는 사람이 더 쉽게 이해할 수 있습니다.
2. 구조화된 글: 문단을 나누면 글 전체가 구조화되어 논리적인 흐름을 가집니다. 이는 글을 읽는 사람이 글의 내용을 이해하기 쉽게 해 줍니다.
3. 검색 엔진 최적화(SEO): 검색 엔진은 웹 페이지에서 글의 구조를 분석하여 검색 결과를 제공합니다. 문단을 나누면 글의 구조가 명확해져 검색 엔진에서 더 잘 노출될 수 있습니다.
4. 접근성 향상: 시각 장애인이나 스크린 리더 사용자도 제목 태그를 통해 콘텐츠를 빠르게 이해할 수 있습니다. 이는 웹 사이트의 접근성을 향상하는 데 큰 도움이 됩니다.

 

#h태그가 잘 적용되었는지 확인하는 방법

글쓰기에서 기본모드를 선택해 주세요. 그러면 맨 아래에 HTML이 있습니다. 이렇게 모드를 바꿔서 확인해 주시면 됩니다.

글이 길어지면 h태그가 잘 적용되었는지 찾기가 번거로운데 컨트롤+f를 누르고 검색하시면 됩니다.

 

---

h1 태그는 중복 사용 x

h2~h6태그는 중복 사용 o

하지만 아래와 같은 중복 사용은 적절하지 않습니다.

<h2>

<h2> 

아래 이미지처럼 h2(제목 1) 태그 사용 후 p태그(본문)를 사용하여 문단을 나눈 후 h2(제목1)태그 중복 사용이 적절합니다.

---

#alt! alt ! alt 태그란?

alt태그는 HTML에서 이미지를 나타내는 <img> 태그에 대한 대체 텍스트 (alternative text)를 정의하는 데 사용되는 속성입니다.

쉽게 말해 이미지를 대체하는 텍스트 속성입니다.

 

이러한 알트태그가 필요한 이유는 

이미지가 로드되지 않거나, 스크린 리더기와 같은 보조 기술을 사용하는 사용자에게 이미지를 설명하는 역할을 합니다. 또한, 검색 엔진이 이미지의 내용을 이해하는 데에도 도움을 줍니다.

 

#알트 태그 적용하기

알트 태그는 업로드하신 이미지를 클릭하면 맨 오른쪽에 있는 톱니바퀴를 클릭해서 나오는 박스에 이미지에 관한 설명을 입력해 주시면 됩니다. 되도록이면 띄어쓰기하지 마세요.

alt태그사용법

#alt태그 띄어쓰기를 하면 안 되는 이유?

alt 속성의 값은 이미지의 대체 텍스트를 정의하는 것이므로, 일반적인 HTML 규칙에 따라 속성 값에 띄어쓰기를 사용할 수 있습니다. 그러나, alt 속성에 너무 많은 띄어쓰기를 사용하거나, 의미 없는 단어나 문장을 포함하는 것은 좋지 않습니다. 대체 텍스트는 이미지와 관련된 정보를 요약, 제공하는 것이 목적입니다.

 

---

띄어쓰기가 버릇되다 보니 알트태그 작성할 때 계속 띄어쓰기를 하게 되는 번거로움이 있지만 우리 모두 알트태그 잊지 마요!

 

[정보/티스토리_IT_정보] - 티스토리 번역기능 설치하기

[정보/티스토리_IT_정보] - 구글서치콘솔 티스토리 등록, 검색누락해결

구글서치콘솔 티스토리 등록,검색누락해결

대표이미지 h태그 alt태그