티스토리 글쓰기 가이드 [단축키 총 정리 가이드(2023년)]

🚀 티스토리 글쓰기 단축키 목록

(최신) 티스토리 단축키 정리 모음
티스토리 포스팅 시 빠른 글쓰기 및 시간을 단축할 수 있는 단축키들이 있습니다. 글 작성 시 상단 메뉴바에 있는 더 보기의 단축키를 통해서도 확인 가능한 단축키가 있고, 여기엔 나와있지 않은 다른 꿀팁 기능 단축키들도 정리해 모아봤습니다.

이전의 단축키 모음 글 중에는 바뀐 내용도 많았어서 적용되지 않는 단축키는 쓰지 모두 빼고 최신판으로 정리하였습니다. 제목 태그
단축키, H태그 변경, 폰트 색상과 글꼴 바꾸기 등 완 정리판입니다. 혹시 빠진 게 있다면 계속해서 추가하겠습니다.

티스토리 단축키 모음
티스토리 글쓰기 화면의 더보기 메뉴

네이버 웨일 브라우저에서 단축키 사용시 잘 적용되지 않거나 혹은 다른 단축키가 적용되는 현상을 발견했습니다.
웨일 브라우저를 주 브라우저로 사용하시는 경우에는 알고계시고 사용해주세용

티스토리 글쓰기 화면의 단축키 버튼
본문 글 상단에는 '글 작성 시 유용한 단축키'와 '단축키 기능 설명'을 함께 적어 두었습니다.
본문 하단엔 단축키만 한눈에 볼 수 있도록 정리해두었으니, 필요하신 자료별로 구별해 보시며 사용하시면 됩니다.

글자 스타일 단축키
문단 소제목 변경 단축키
진하게 : Ctrl + B
기울임 : Ctrl + I
밑줄 : Ctrl + U
취소선 : Ctrl + Alt + J
글자 색상 : Ctrl + Alt + [
- 폰트 컬러를 변경합니다.
· 배경 색상 : Ctrl + Alt + ]
- 폰트 배경의 컬러를 변경합니다.
· 폰트 변경 : Ctrl + Alt + T
- 글꼴의 스타일을 변경합니다.
제목 변경 <h2>, <h3>, <h4>
- Ctrl + Alt + 1
-텍스트 앞에 마우스 커서를 두거나 혹은 마우스로 드래그 해준 뒤, 단축키를 한 번 누르면 <h2>로, 한 번 더 누르면 <h3>, 또 한번 더 누르면 <h4> 순서대로 변경됩니다.
<h5> 제목 태그만 변경 : Alt + Shift + 5
<h6> 제목 태그만 변경 : Alt + Shift + 6
- <h5>, <h6> 제목 태그는 글 작성 시 에는 따로 보이지는 않는 것 같습니다. 하지만 html 모드로 전환해서 태그 소스를 확인해보시면 소제목 부분의 태그가 <P>가 아닌 <h5>, <h6>으로 적용되어 있다는 걸 볼 수 있습니다.
본문 변경 <p>
- Ctrl + Alt + 2
- 제목 변경과 마찬가지로 문단 앞에 마우스 커서를 두거나 드래그 해준 다음 단축키를 눌러주면 본문의 글씨 그기가 바뀝니다. <본문 3>, <본문 1>,<본문 2> 순서로 바뀝니다. HTML보기를 눌러 확인해 보시면 <p> 태그는 그대로인데 폰트 크기가 변경되며 적용되는 것을 확인할 수 있습니다.

티스토리 메인 단축키
인용 변경 : Ctrl + Alt + 3
- 인용구의 스타일을 변경합니다.
- 참조 _html 보기에서 태그를 보면 blockquote 가 보입니다. 웹브라우저는 이 블랙 쿼트 태그 안에 있는 글을 인용문으로 인식하며, 약간 들여 쓰게 됩니다.
리스트 변경 : Ctrl + Alt + 4
- 목록 스타일을 변경합니다. 단축키를 누를 때마다 동그라미, 숫자 등으로 변경됩니다.
정렬 : Ctrl + Alt + 5
-문단의 정렬 방향을 정할 수 있습니다. 좌측 정렬, 가운데 정렬, 우측 정렬로 변경할 수 있습니다.
실행 취소 : Ctrl + Z
다시 실행 : Ctrl + Y / Shift + Ctrl + Y
링크 : Ctrl + K
코드 블록 : Ctrl + Alt + ,
특수 문자 : Ctrl + Alt + .
이모티콘 : Ctrl + Alt + E
<div> : Alt + Shift + 8
<address> : Alt + Shift + 9
Q : 관리자 모드/ 메인 페이지로 이동
A : 이전 글 이동
S : 다음 글 이동

[티스토리 태그 모음]
진하게 : Ctrl + B
기울게 : Ctrl + I
밑줄 : Ctrl + U
취소선 : Ctrl + Alt + J
글자 색상 : Ctrl + Alt + [
배경 색상 : Ctrl + Alt + ]
폰트 변경 : Ctrl + Alt + T
제목 변경 <h2>, <h3>, <h4>
Ctrl + Alt + 1
<h5> 제목 태그만 변경 : Alt + Shift + 5
<h6> 제목 태그만 변경 : Alt + Shift + 6
본문 변경 : Ctrl + Alt + 2
인용 변경 : Ctrl + Alt + 3
목록 변경 : Ctrl + Alt + 4
정렬 : Ctrl + Alt + 5
<div> : Alt + Shift + 8
<address> : Alt + Shift + 9
실행 취소 : Ctrl + Z
다시 실행 : Ctrl + Y / Shift + Ctrl + Y
링크 : Ctrl + K
코드 블록 : Ctrl + Alt + ,
특수 문자 : Ctrl + Alt + .
이모티콘 : Ctrl + Alt + E

티스토리 블로그를 시작한 지 벌써 2년이 다 되어가네요. 포스팅할 때 글자 스타일 굵게 하기가 Ctrl+B인 것을 우연찮게 발견하여 포스팅할 때 자주 쓰는데, 은근히 도움이 많이 되는 것 같습니다. 그래서 포스팅을 좀 더 빨리 하고 싶어서 또 다른 단축키가 있는지 구글링 하다가 티스토리 단축키 모음을 찾게 되어서 공유하고자 합니다.

티스토리 메인 단축키

티스토리 글쓰기 단축키 목록

문단 스타일

스타일	PC
(h1)	Alt + Shift + 1
제목1 (h2)	Alt + Shift + 2
제목2 (h3)	Alt + Shift + 3
제목3 (h4)	Alt + Shift + 4
문단3 (h7)	Alt + Shift + 7

 

글자 스타일

스타일	PC
굵게	Ctrl + B
기울임꼴	Ctrl + I
밑줄	Ctrl + U
취소선	Ctrl + Alt + j
글자색	Ctrl + Alt + [
배경색	Ctrl + Alt + ]
서체 변경	Ctrl + Alt + T
제목 변경	Ctrl + Alt + 1
본문 변경	Ctrl + Alt + 2
인용 변경	Ctrl + Alt + 3
목록 변경	Ctrl + Alt + 4
정렬	Ctrl + Alt + 5

 

기타 액션

액션	PC
전체선택	Ctrl + A
실행취소	Ctrl + Z
다시실행	Ctrl + Y / Shift + Ctrl + Y
링크삽입/수정	Ctrl + K
코드 블록	Ctrl + Alt + ,
특수 문자	Ctrl + Alt + .
이모티콘	Ctrl + Alt + E
단축키 목록	Ctrl + /

 

티스토리 글 읽기 단축키

관리자 화면 / 블로그 메인 이동 : Q

이전 글 이동 : A

다음 글 이동 : S

 

글자 스타일

스타일PC

티스토리 글쓰기 기본 모드에는 여러 단축키가 있습니다. 마우스로 모든 기능을 사용할 수 있지만 간단한 문서 편집에서 단축키가 있다면 훨씬 쉬운 문서 작성이 가능할 것입니다. 어떤 단축키가 있는지 하나씩 살펴보겠습니다.

문단 스타일

스타일	PC	Mac
제목1 (h2)	Alt+Shift+2	Ctrl+Alt+2
제목2 (h3)	Alt+Shift+3	Ctrl+Alt+3
제목3 (h4)	Alt+Shift+4	Ctrl+Alt+4
문단3 (p)	Alt+Shift+7	Alt+Shift+7

티스토리 에디터에서 제공하는 문단 스타일은 제목1이 HTML의 h2에 해당합니다. 글 제목이 h1에 해당하기 때문입니다. 인용과 다른 문단 스타일은 단축키를 제공하지 않습니다.

글자 스타일

스타일	PC	Mac
굵게	Ctrl+B	Command+B
기울임꼴	Ctrl+I	Command+I
밑줄	Ctrl+U	Command+U

기타 액션

액션	PC	Mac
전체선택	Ctrl+A	Command+A
실행취소	Ctrl+Z	Command+Z
다시실행	Ctrl+Y / Shift+Ctrl+Y	Command+Y / Shift+Command+Y
링크삽입/수정	Ctrl+K	Command+K

 

---

 

티스토리 블로그 만들기: 총 정리 가이드(2023년)

차 례
1장. 티스토리 블로그 만들기, 스킨 편집 및 변경
2장. 블로그 설정
티스토리 블로그 설정
파비콘 만들기
모바일 설정
레이아웃 / 글자 모양 변경하기
메타태그 설정
3장. 플러그인 사용
구글 서치 콘솔
구글 애널리틱스
4장. 애드센스 설정
구글 애드센스 광고 만들기
디스플레이 광고
인피드 광고
멀티플렉스 광고
애드센스 서식 만들기
5장. 콘텐츠 만들기
소제목 설정하기
ALT 설정하기(과거)
ALT 태그 넣기(현재)
애드센스 20 / 50 / 80% 서식 넣기
ALT 태그 넣기


처음 티스토리를 시작하는 경우 대부분 애드센스 광고 수익을 보고 시작을 한다.
유명 블로그 및 구글 블로거 수입 공개를 한 것을 참고하여 경쟁사 분석을 하면서 야심 차게 만든다.
그러나 티스토리 구글 등록이나 상위노출 등 노출 방법 등 글 쓰는 법은 전혀 모른 채 하다가 포기한다.
그리고, 네이버 블로그와 달리 스킨 꾸미기부터 관리까지 너무나도 어렵기 때문에 대부분 포기를 한다.
해당 글은 "티스토리 블로그 만들기" 어려움을 느끼는 사용자 그리고 "에스이오" 전자책 구매자를 위해 특별히 만들어졌다.

처음부터 끝까지 같이 시작해보자.
*주의* 해당 스킨은 JB Factory 기준으로 작성되었다.
혹시나 다른 스킨을 사용하는 경우, 해당 스킨 블로그를 참고하여 작성하도록 하자.


1장. 티스토리 블로그 만들기, 스킨 편집 및 변경
이 장에서는 계정 가입 후 블로그 만들기 그리고 스킨 편집으로 이루어진다.

처음 가입 후, 새 블로그 만들기 창을 만날 수 있다.
블로그 이름은 독자가 원하는 대로 작성한다.
그러나, 블로그 주소는 매우 중요하다.
예를 들면 아래와 같다.
건강과 관련됐으면 health~~~. tistory.com으로 작성하는 것이 좋다.
경제와 관련됐으면 economic~~~. tistory.com으로 작성하는 것이 좋다.
URL은 검색엔진 최적화와 관련이 있다.
URL과 콘텐츠가 일치하지 않는다면 잡블로그로 인식할 수 있다.
최대한 처음부터 맞추는 것이 좋다.

블로그 개설 후, 왼쪽 하단에 꾸미기 -> 스킨 변경을 클릭한다.

처음에 세팅된 사용 중인 스킨이 뜨게 된다.
오른쪽에 "스킨 등록 +" 버튼을 클릭한다.

그럼 위와 같이 스킨 등록 화면이 뜨게 된다.
오른쪽 상단 "추가" 버튼을 클릭하자.

JB 스킨 경우, 위 폴더 1개와 아래 4개 파일이 있다.
폴더는 안 들어가므로 따로 폴더 안에 파일 + 외부 파일을 드래그해서 넣자.

그러면 스킨 등록 부분에 "파일목록"에 파일이 업로딩 된 것을 볼 수 있다.

그리고 오른쪽 하단에 "저장" 버튼을 누르면 위와 같은 화면이 뜬다.
스킨명은 독자가 원하는 데로 설정하자.
일단 스킨 등록 끝이다.

그리고 다시 스킨 목록 탭에 돌아와서, 오른쪽에 "스킨 보관함"을 클릭한다.

스킨 보관함을 클릭하게 되면 위와 같이 방금 적용한 스킨이 뜨게 된다.

클릭 후 "적용" 버튼을 누르면 스킨 적용이 완료된다.
하나씩 따라 하면 스킨 편집은 매우 쉽다.
다시 한번 말하지만 해당 스킨은 JB스킨이다.
해당 스킨을 추천하는 이유는 자동 광고나 색인 처리 하는데 편리하다.
다른 스킨 사용자 경우 해당 개발자 블로그를 방문하는 것을 권장한다.

2장. 블로그 설정
중요하면서도 중요하지 않은 부분이 기본 블로그 설정이다.
이 장에서는 어떤 것을 설정할지, 그리고 하면 안 되는지에 대해서 알아보자.

블로그 설정에 들어가면 위와 같은 화면이 나온다.
위 + 부분은 프로필 이미지가 들어가는 칸이다.
프로필 이미지는 원하는 데로 넣으면 된다.
"블로그 이름" 경우, 이전에 설정한 대로 되어있다.
원하는 대로 바꿔도 된다.
닉네임 수식어 경우 "블로그 이름"앞에 붙는 수식어이다.
예를 들어, 예쁜 로 넣으면 "예쁜 티스토리 만들기 연습용"이라는 이름으로 만들어진다.
"블로그 설명"탭은 해당 블로그가 어떤 블로그인지 설명하는 탭이다.
해당 부분은 나중에 소개할 <meta description>과 동일하게 하면 된다.
"아이콘" 경우, 아까 프로필 이미지를 그대로 넣으면 최적 사이즈 32x32, 64x64 알아서 바뀐다.

파비콘 만들기
"파비콘" 경우, 따로 만들어줘야 한다.
파비콘 웹사이트에 접속하자.

그럼 위와 같은 화면이 나온다.
파일 선택을 누르고 원하는 이미지 파일 선택 후 "Create Favicon"을 누른다.

위와 같이 파비콘이 만들어진다.
파비콘을 넣으면 끝이다.

파비콘까지 마무리 후 아래로 내려오면 "주소 설정", "개인 도메인 설정" 그리고 "기타 설정"이 있다.
주소 설정 경우 원래라면 "한글"로 해야 검색엔진 최적화(SEO)에 유리하다.
하지만, 티스토리 경우 오류가 날 수 있으니, 포스트 주소는 숫자로 그대로 설정한다.
기타 설정에 RSS "전체 공개" 그리고 공개될 RSS "10"개로 기본 설정되어있을 것이다.
RSS"10개"를 "50개"로 바꿔야 한다.
RSS는 검색엔진이 콘텐츠를 수집할 때 10개를 수집하느냐 혹은 50개를 수집하느냐 때문에 사용된다.
RSS를 제대로 이용하기만 해도 따로 네이버나 구글 노출 등 도메인 확보에 유리할 수 있다.


모바일 설정

JB 스킨 경우 반응형 스킨으로 모바일 최적화가 되어있다.
이로 인해, 모바일 화면을 꺼야 한다.
"꾸미기" -> "모바일" 화면으로 들어간다.

그럼 위와 같은 화면이 뜬다.
티스토리 모바일 웹 자동 연결을 "사용하지 않습니다"로 바꾼 후, 오른쪽 하단에 변경사항 저장을 누르자.

마지막으로, "콘텐츠" -> "설정" 들어간다.

"콘텐츠 설정" 부분에서 단위 앞뒤에 공백을 "사용합니다"로 변경한다.
공백을 사용하는 이유는, 단락별로 글자가 붙어있는 경우 안 좋다.

"검색엔진 최적화에 글씨 크기가 너무 작아 인식하기 어려움"이라는 오류가 뜰 수 있다.


레이아웃 / 글자 모양 변경하기

위까지 완료됐다면 다시 "스킨 편집"에 들어가자.

그리고 "레이아웃 / 글자 모양"에 본문 가로 크기 "702" 그리고 사이드바 가로 크기 "300"으로 변경하자.
변경하는 이유는, 반응형이기 때문에 나중에 애드센스 노출 시 잘림을 방지하기 위해서이다.
이로써 기본 세팅은 끝이다.

메타태그 설정
위와 같이 블로그에 메타태그를 심어주는 것이 중요하다.
메타태그란? 검색엔진 로봇이 해당 사이트 정보를 쉽게 가지고 갈 수 있게 만드는 코드이다.
"스킨 편집"에 들어가자.

<head> 밑에 아래 코드를 넣자.
<meta name="title" content="블로그 제목">
<meta name="keywords" content="롱테일 키워드">
<meta name="description" content="블로그 설명">
<meta property="og:type" content="website">
<meta property="og:title" content="블로그 제목">
<meta property="og:description" content="블로그 설명">
<meta property="og:url" content="블로그 주소">
그럼 끝이다.

3장. 플러그인 사용

네이버와 달리 워드프레스 및 티스토리는 플러그인이 존재한다.
플러그인은 HTML 사용이 어려운 사용자에게 쉽게 도움이 될 수 있다.
이 장에서는 티스토리 내에서 어떤 플러그인을 사용하면 편한지 알아보자.

블로그 대시보드에 들어가면 왼쪽 하단에 "플러그인" 화면이 있다.
해당 부분을 클릭한다.

위와 같이 다양한 플러그인이 있다.
티스토리는 안타까운 점이 워드프레스와 달리 SEO 플러그인이 존재하지 않는다.
플러그인은 개인에 따라 다를 수 있지만, "필연적으로 사용해야 할 플러그인"은 아래와 같다.

*사용해야 할 것*

영어 댓글/방명록 스팸 방지
이미지 크게 보기
이전 발행 글 넣기
배너 출력
구글 서치 콘솔
구글 애널리틱스

여기에서 중요한 것은 "구글 서치 콘솔"과 "구글 애널리틱스" 플러그인이다.

구글 서치 콘솔

"구글 서치 콘솔" 플러그인을 클릭하면 위와 같이 "계정 연결하기"가 나타난다.
더 자세한 내용은 구글 서치 콘솔 사용법: 총 정리 가이드(2021년) 참고하도록 하자.

구글 애널리틱스

"구글 애널리틱스" 플러그인을 클릭하면 위와 같이 측정 ID 또는 추적 ID를 입력하라고 한다.
더 자세한 내용은 구글 애널리틱스 사용법:총 정리 가이드(2021년)에서 참고할 수 있다.
따로 html css 편집 없이 페이지 연동이 가능하다.
3장 플러그인은 이 정도만 하면 충분히 기초 세팅이 완료된다.


4장. 애드센스 설정
티스토리를 시작하는 대부분 이유는 애드센스에 있을 것이다.
유튜브 수익 창출은 어렵고, 애드센스 코드는 어떻게 사용해야 할지 모르겠으며, 티스토리도 HTML 때문에 힘든 점
이 많다.
이 장에서 애드센스 설정 방법에 대해서 배울 것이다.

다시 "스킨 편집"에 들어간다.

"상단" "사이드바" "글목록" "글" 경우 개인에 따라 커스터마이징 하면 된다.
아니면 위를 보고 그대로 따라 해도 좋다 :)

그리고 내리다 보면 "Adsense" 화면이 나온다.

 

**주의 사항** JB스킨은 "티스토리" 애드센스 자동연결을 사용하지 않는다.
간단하게 위에 코드만 넣으면 된다.
독자가 신경 써야 할 Adsense 입력란은 아래와 같다.
Adsense Client ID : 각자 애드센스 클라이언트 아이디가 다르다.

본문 상단 왼쪽 SLOT
본문 상단 오른쪽 SLOT
본문 하단 SLOT
본문 중간 SLOT
인피드 LAYOUT KEY
인피드 SLOT
인피드 광고 간격: 3(이미 설정되어 있음)

그리고 위와 같이 모바일 전체 폭 광고 사용 / 본문 상단 두 개 / 본문 하단 / 본문 중간 / 인피드 광고를 ON 시키자.
이렇게 하면 스킨 내 애드센스 세팅은 완료이다.

구글 애드센스 광고 만들기
이제 구글 애드센스 홈페이지로  접속하자

구글 애드센스 홈페이지에 접속하면 왼쪽에 "광고" 버튼을 클릭한다.

상단에 "사이트 기준" "광고 단위 기준" "전체 설정"이 있다.
"광고 단위 기준"을 누르면 위와 같이 화면이 나온다.
처음에 설정할 것은 "디스플레이 광고" "인피드 광고"만 이해하면 된다.
광고를 설정하기 위해서는 미리 애드센스를 신청해야 한다.
애드센스 대행한다는 등 홍보 및 판매하는 곳은 거르자.
직접 해야 한다.

디스플레이 광고
일단 "디스플레이 광고" 부분부터 만들어보자.

이름은 아까 설정한 대로 본문 상단 왼쪽 / 오른쪽 / 하단 / 중간으로 나눠서 설정하면 좋다.
총 4개를 만들면 된다.
왜 그래야 할까?
나중에 애드센스 수익을 계산할 때 "어느 광고"에서 수익이 많이 나왔는지 알 수 있다.
그리고 "반응형"으로 설정하자.
반응형으로 설정하는 이유는, 해당 스킨이 이미 반응형 페이지이기 때문에 알아서 잘 나올 수 있다.

만들면 위와 같은 코드가 나온다.
정리하면 아래와 같다.
<script async src=" https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-클라 
이언트 ID"
crossorigin="anonymous"></script>
<!-- 실험 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="클라이언트 ID"
data-ad-slot="슬롯 번호"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []). push({});
</script>
위 "클라이언트 ID" 및 "슬롯 번호"를 따로 메모장에 복사해 놓자.
다음은 인피드 광고 부분이다.

인피드 광고

"광고 스타일 직접 만들기"를 클릭한 후, "측면 이미지"를 클릭한다.

왜 "측면 이미지"일까?
"측면 이미지"가 JB 스킨과 가장 알맞기 때문이다.

"인피드 광고"는 개인에 따라 커스터마이징 할 수 있지만, 이대로 저장 및 코드 생성해도 문제가 되지 않는다.

코드를 생성하게 되면 위와 같은 화면이 뜬다.
<script async src=" https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-클라 
이언트 ID"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="레이아웃 키"
data-ad-client="클라이언트 코드"
data-ad-slot="슬롯 번호"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []). push({});
</script>

자 이제 "클라이언트 아이디" "디스플레이 광고" "인피드 광고"가 완료됐다.


여기에 각자 개설한 광고 코드를 넣으면 끝이다.

멀티플렉스 광고

애드센스 멀티플렉스 광고는 콘텐츠 추천 스타일의 네이티브 광고를 보여준다.
그리드 기반 광고 단위이며, 예전 광고 중 하나인 일치하는 콘텐츠 광고와 동일하다.
이름만 변경되었다.

애드센스 서식 만들기

수동으로 애드센스를 매번 코드를 심기에는 어려움이 있을 수 있다.
이럴 때 해야 하는 것이 "서식"을 사용해야 한다.
"콘텐츠" -> "서식 관리"에 들어간다.

오른쪽 상단에 "서식 쓰기"를 클릭한다.

제목은 독자가 어디에 해당 서식을 넣을지 "제목"에 넣으면 된다.
그리고 오른쪽 상단에 "HTML"을 클릭하자.

위와 같이 화면이 바뀔 것이다.
<div align="center">
<ins class="adsbygoogle" style="display: block;" data-ad-client="클라이언트 ID" data-ad-slot="슬롯 번호" d
ata-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []). push({});
</script>
</div>
아까 만든 "디스플레이형 광고" 코드를 복사 붙여 넣기 하면 끝이다.
<script async src=" https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=클라이언트 I
D"
crossorigin="anonymous"></script>
그냥 복붙 하면 위 코드가 딸려오는데 삭제하면 된다.
그리고 그 자리에 <div align="center"> 코드를 붙이자.
</div> 그리고 마지막으로 닫아주자.
해당 코드는 애드센스가 가운데 정렬로 오도록 도와주는 코드이다.
여기까지 하면 끝이다.

수익 손실 위험 및 광고 크롤러 오류

현재 티스토리에서 계속 이슈가 나오는 것이 애드센스 광고 크롤러 오류이다.
위처럼 "수익 손실이 발생할 수 있습니다."라는 멘트가 나온다.
그리고 "광고가 게재되지 않고 있습니다"라는 멘트도 같이 나온다.
이는 티스토리 크롤링 문제이며, 서버 문제이다.
블로거는 이에 따른 다른 조치사항은 없다.
해당 문제는 티스토리에서 해결해줘야 하는 문제이다.

5장. 콘텐츠 만들기
여기까지 잘 따라왔다면 블로그 기본 세팅은 끝이다.
집을 지었으면 안에 내용물을 채워야 하는 것이 우선이다.
특히 제대로 바이럴이 되려면 콘텐츠 마케팅이 중요하다.
콘텐츠를 만들 때 어떤 점이 필요한지 알아보자.

소제목 설정하기

위와 같은 목차로 나오기 위해서는 소제목 설정이 중요하다.
소제목을 사용해야 하는 이유는 무엇일까?
콘텐츠가 단락별로 나뉘어있어야 구글 로봇이 쉽게 가져갈 수 있다.
그래서 소제목을 사용하면 콘텐츠를 단락별로 이해할 수 있다.

상단에 "본문 2"라고 적혀 있는 탭을 클릭하자.

그러면 위와 같이 나온다.
<제목 1> = H2(대 카테고리)
<제목 2> = H3(중 카테고리)
<제목 3> = H4(소 카테고리)
개인에 맞게 커스터마이징 후 사용하면 끝이다.

ALT 설정하기(과거)
ALT를 설정해야 하는 이유는 무엇일까?
만약에 이미지가 노출되지 않은 경우 대체할 수 있는 텍스트가 있어야 한다.
검색엔진 최적화에도 좋으며 최종적으로 "눈이 안 좋은 질병을 가지고 있는 사람"에게는 음성 텍스트로 인식이 될
수 있다.

독자를 배려하기 위해 만들어졌으며 구글 또한 SEO에 영향을 준다.

위에 보시다시피 파일 이름 뒤에 Alt="쓰고 싶은 말" 삽입하면 된다.

이런 식으로 쓰면 된다.
대문자 ALT 혹은 소문자 alt 상관없다.
최대한 이미지와 관련된 말을 작성하는 것이 SEO에 도움 된다.

ALT 태그 넣기(현재)

에디터에서 이미지를 삽입한 후, 그림 파일을 클릭하면 위와 같은 화면이 나온다.
티스토리 alt 태그는 이러한 방식으로 넣으면 끝이다.
SEO alt 태그 즉, HTML 및 img alt 태그는 중요하니 꼭 활용하자.
애드센스 20 / 50 / 80% 서식 넣기
애드센스 왜 20% / 50% / 80% 정도에 넣으라고 할까?
실험해본 결과 독자가 글을 읽을 때 "쉬는 텀"이 단락별로 이 정도 된다.
아까 4장에서 만든 서식을 이제 사용하면 된다.

아까 만든 서식은 오른쪽 상단 "서식" 탭에서 볼 수 있다.

이렇게 "서식"을 만들고 원하는 위치에 넣으면 된다.

 

애드센스 "서식" 만들어 놓은 것을 넣으면 위와 같이 표시가 된다.

그리고 20% / 50% / 80% 최적의 위치는 어디일까?

20%: 2번째 단락
50%: 소제목 4~5번 정도
80%: 마지막 단락 전
이렇게 넣으면 끝이다.

ALT 태그 넣기

에디터에서 이미지를 삽입한 후, 그림 파일을 클릭하면 위와 같은 화면이 나온다.
티스토리 alt 태그는 이러한 방식으로 넣으면 끝이다.
SEO alt 태그 즉, HTML 및 img alt 태그는 중요하니 꼭 활용하자.

📚 글자 굵게 단축키는 원래 알고 있었지만 이번 기회로 정렬이나, 코드 블록, 특수문자 단축키를 알게 되어 글을 작성하는 데 많은 도움이 될 것 같습니다. 현재는 몇가지 없지만 앞으로도 유용한 기능에 대해서 단축키를 추가할 예정이니 많은 의견 부탁드립니다.

감사합니다.