본문 바로가기
카테고리 없음

티스토리 소제목 양식 | h2 태그, h3태그 HTML 양식

by 디지털 노마드 정복기를 소개합니다. 2023. 9. 6.
728x90
반응형

티스토리 블로그 운영시 소제목 스타일h2 및 h3태그 활용은 시각적 효과, 검색엔진 최적화, 글의 구조화, 모바일 친화적인 글쓰기에 많은 도움이 됩니다. 세부적인 이유는 아래와 같습니다.

 

티스토리 스타일 편집

1. 시각적 효과 증진

부제목 스타일과 h2 및 h3 태그를 올바르게 사용하면 블로그의 시각적 일관성을 유지할 수 있습니다. 이것은 독자들에게 콘텐츠를 찾아보기 쉽게 만들어주지요. 또한, 일관된 디자인 요소를 사용하면 블로그가 전문적으로 보이며 독자들이 정보를 빠르게 찾을 수 있게 됩니다.

티스토리 스킨 편집
티스토리 스킨 편집

2. SEO (검색 엔진 최적화)

검색 엔진은 웹 페이지의 구조를 이해하고 검색 결과에서 높은 순위로 표시하기 위해 부제목과 태그를 활용합니다. h2 및 h3 태그를 사용하여 내용의 중요한 부분을 강조하고 키워드를 포함시키면 검색 엔진 최적화에 도움이 됩니다. 따라서 Tistory 블로그를 운영하는 동안 이러한 태그를 올바르게 사용하면 블로그의 가시성을 향상시킬 수 있습니다.

티스토리 스킨 편집
티스토리 스킨 편집

3. 글의 구조화

h2와 h3 태그는 글의 구조를 명확하게 만들어줍니다. 글을 여러 섹션으로 나누고 각 섹션을 부제목으로 표시하면 독자들은 더 쉽게 글의 주제와 내용을 파악할 수 있습니다. 글의 구조화는 독자들이 더 나은 사용자 경험을 얻을 수 있게 됩니다.

티스토리 스킨 편집
티스토리 스킨 편집


4. 모바일 친화적

Tistory 블로그는 모바일 디바이스에서도 잘 작동해야 하는데요, h2 및 h3 태그를 사용하면 글이 모바일 화면에 적절하게 조정되고 가독성이 향상됩니다. 이는 모바일 사용자들에게 더 나은 브라우징 경험을 제공하는 데 도움이 됩니다.

 

티스토리 스킨 편집
티스토리 스킨 편집

아래 내용은 h2, h3
스타일이 적용된 소제목 양식인에요,
편하게 다운로드 받으셔서 활용하세요!


 

h2 스타일 소제목

 

파란색 밑줄이 적용된 h2 스타일 소제목 입니다. txt 파일로 올려 놓았으니, 다운로드 받아서 티스토리 <서식관리>란에 저장하셔서 활용하면 됩니다.

 

▼▼▼▼(h2 스타일 다운로드)▼▼▼▼

h2 스타일 소제목 양식.txt
0.00MB

 

반응형

 

밑줄 색상HTML 색상표를 참고하셔서 작성하면 됩니다.

 

▼▼▼▼(HTML 색상표 바로가기)▼▼▼▼

HTML 색상표 바로가기
HTML 색상표

 

h3 스타일 소제목

하늘색 바탕에 흰색글씨가 반영된 h3 스타일 소제목 입니다.

 

▼▼▼▼(h3 스타일 다운로드)▼▼▼▼

h3 스타일 소제목 양식(1).txt
0.00MB

 

 

 

 

 

 

H3 스타일 인덱스

 

하늘색 바탕에 검은색 글씨로 구성된 h3 스타일 인덱스입니다.

 

▼▼▼▼(h3 스타일 다운로드)▼▼▼▼

h3 스타일 소제목 양식(2).txt
0.00MB

 

 

 

 

 

반응형