Up next in 10
워드프레스를 처음 시작하는 분들을 위한 무료 워드프레스 블록 편집기 쌩기초 강좌입니다. 차근차근 따라와주세요~! :)
☕ 커피 한 잔 하시면서 편하게 시청해 주세요. 궁금한 점은 채팅으로 남겨주시면 바로 답변해 드립니다!
🔗 방송에 나온 유용한 링크 모음
📖 수익형 블로그에 최적화된 '올백 테마' 알아보기
👉 https://wplaybook.com/wplaybook-all100-theme/
🛒 포스팅 시간을 확 줄여주는 '올백 블록 애드온'
👉 https://community.wplaybook.com/products/all100-reborn-add-on/
🌐 워플 커뮤니티 (워드프레스 실전 정보 공유)
👉 https://community.wplaybook.com/
📖 애드센스 블로그 수익화 글쓰기 기초 강의
👉 https://community.wplaybook.com/portal/course/writing-basic/lessons
🎁 [꿀팁] 제미나이 with 구글 워크스페이스 10% 할인 링크
(제미나이 단독 구독보다 저렴하게 이용하세요!)
Show More Show Less View Video Transcript
0:05
자, 이제 시간이 좀 지체가 됐으니
0:07
바로 시작을 해 보도록 하겠습니다.
0:09
여러분, 블로그라고 하는게 어떤
0:12
사람이라고 생각하시나요?
0:14
블로그 하면은 블로그는
0:17
뭐다? 온라인 정보 제공님 아, 굿.
0:22
그 정보 제공자 일단 정보 제공 즉
0:26
크리에이터 중에 하나죠. 그죠?
0:28
크리에이터 중에 하난데 특히나 이제
0:30
블로는 이제 글을 사용해서 정보를
0:34
전달하는 사람이다라고 우리가 생각하고
0:37
계시는 거죠. 그죠? 그러면
0:39
블로그라고 하는 사람은 정보를
0:42
전달하기만 하면 되는 거네요. 그죠?
0:46
근데이 정보를 전달함에 있어서 글을
0:49
우리가 써야 될까 혹은 안 써도
0:52
될까라는 걸 한번 생각해 보신 적이
0:55
있을까요? 블로그인 사람은 정보를
0:58
전달만 하면 되는 거잖아요. 블로그를
1:01
이제 생각을 할 때 많은 분들이 어
1:03
글을 본인이 써야 된다라고 생각을
1:05
하시는 분들이 있어요. 근데 이제
1:06
제가 생각하는이 블로는
1:10
결국에는 홈페이지 운영자 혹은 편집을
1:13
하는 사람에 더 가깝다고 저는 생각을
1:15
합니다. 예. 그래서이 블로건은 그냥
1:19
글을 잘 쓰는 걸로 끝나지 않아요.
1:21
글을 잘 쓰는 사람은 작가나 기자나
1:24
이런 사람이 이제 글만 잘 쓰면 되는
1:26
거고 블로그는 글만 잘 쓰면은 되지
1:30
않는다. 그래서 오늘은이 전체 수업이
1:32
뭐 뭐와 관련된 거냐면 글이 이미
1:36
작성이 되어 있을 때 그거를 어떻게
1:40
편집을 하는가에 대한 이야기를 해
1:43
드리려고 합니다. 네이버와 이제
1:45
워드프레스의 글쓰기 방식에 대해서
1:47
한번 이야기를 해 보도록 하겠습니다.
1:49
먼저 네이버는 이제 포탈에 가깝긴
1:51
하지만 얘도 검색 엔진. 그리고
1:53
구글이라고 하는 것도 검색
1:55
엔진입니다. 그래서 두 개가 사실
1:57
네이버와 구글은 살짝 성격이 다른데
2:00
알고리즘의 차이가 좀 있다.이
2:02
워드프레스의 어떤 주 활동 무대는
2:05
구글이거든요. 그래서 구글과이
2:08
네이버의 알고리즘 차이가 좀 있다.
2:11
뭐냐? 네이버는 얼마나 꾸준히 한
2:14
주제로 소통하느냐 그리고 얼마나 실제
2:17
경험을 담았느냐를 중심을 중시한다.
2:20
그래서 정보가 좀 부족하더라도 어
2:22
작가의 일상이나 개인적인 소감이
2:24
들어간 그 글을 선호한다. 근데 이제
2:27
요즘에는 사실 둘 다 되게 비슷비슷한
2:29
거 같아요. 구글도 그 블로그만의
2:32
유니크한 어떤 경험 이런 거를 이제
2:34
중요하 중요하게 보고 있습니다.
2:37
그다음에 이제 구글의 그 알고리즘을
2:41
나타내는 것 중에 이트라고 하는
2:43
개념이 있거든요. 이거는 EEAT라고
2:45
하는 건데 경험, 전문성, 권위성,
2:48
신뢰성요네 개를 중요하게 봐요.
2:50
구글에서 항위를 차지하고 싶으면요네
2:53
개를 신경을 써야지 됩니다. 글 쓰는
2:56
사람 경험이 많아야 되고 전문성도
2:58
있어야 되고 권위성도 있어야 되고
3:00
신뢰성도 있어야 되냐이 사람이 뭔가
3:03
권위가 있어야 되기도 하지만은 편집을
3:06
어떻게 하느냐에 따라서이 권위성이라고
3:09
하는 것을 우리가 확보할 수
3:11
있습니다. 그리고 신뢰성이라고 하는
3:13
것도 확보할 수 있어요. 어떤 식으로
3:16
편집을 해야지 저런 거를 올릴 수가
3:18
있는가에 대한 이야기를 또 보도록
3:20
하겠습니다. 자, 그다음에 이제
3:21
이용자의 체류 목적과 가독성 렇게
3:24
되어 있는데 이제 네이버 같은
3:26
경우에는 특징이 사진이 많고 그다음에
3:29
이제 문장이 짧게 끊어지고 그다음에
3:32
이모티콘을 섞어서 부드럽게 쓰는 것이
3:35
유리하다. 모바일 최적화. 그리고
3:37
워드프레스는 제목 태그를 사용을 해
3:40
가지고 논리적인 구조를 보여 줘야지
3:43
되고 그다음에 텍스트 중심에 깊이
3:45
있는 내용이 필요하다. 요렇게 되어
3:47
있어요. 그런데 블로그를 이제 운영을
3:49
해 본 결과 사람들이 너무 텍스트가
3:52
많으면 읽기를 부담스러워하고 그거를
3:56
좀 줄이기 위한 어떤 방식이 좀
3:58
필요하다라는 겁니다. 자, 그리고
3:59
이제 콘텐츠적으로 봤을 때도 네이버
4:02
블로그는 상대적으로 이제 수명이
4:04
짧아서 트렌디한 주제고 그다음에
4:06
일상적인 내용 요런 것을 이제 자주
4:09
올리시는 분들한테는 네이버 블로그가
4:11
잘 맞는 거고요. 워드프레스에서는
4:14
한번 뭔가 써둔 글이 있다라고 하면은
4:17
이게 이제 나의 어 자산이 돼서
4:19
계속해서 시간이 지나도 사람들이 계속
4:22
방문하는 그런 어떤 정보를 우리는
4:26
이제 만들어서 가지고 있고 싶은
4:28
거죠. 글이 많다라고 하는 것은
4:30
그만큼 계속해서 축척돼서 이제
4:32
트래픽이 들어오는 홈페이지를 우리는
4:35
만들고 싶다라는 겁니다. 그래서
4:37
요약을 하면 요렇게 되겠죠.
4:39
네이버에서는 블로그의 링크가 그렇게
4:42
중요하지 않습니다. 오히려 네이버에서
4:44
외브 링크 사용하면 어떻게 돼요?
4:46
좋아요 나빠요? 온 님이 저품질
4:48
이렇게 해 주셨네요. 어, 조시님
4:50
누락된다. 이렇게 네이버는 외부
4:53
링크를 좋아하지 않습니다. 왜
4:55
그러냐면 네이버는 네이버 안에서
4:58
사람들이 놀기를 좋아해요. 네이버
5:01
입장에서 이렇게 우리를 이렇게 만들어
5:03
놨는데 사람들이 이제 네이버로
5:05
들어왔잖아요. 그러면은 들어온 순간
5:07
네이버 밖을 벗어나는 걸 극도로
5:09
싫어해요. 그래서 블로그, 네이버
5:12
블로그를 운영을 하는데 거기다가 쿠팡
5:15
제유링크 같은 거. 쿠팡은 또
5:16
네이버랑 별개잖아요. 별개사잖아요.
5:19
걔네로 이제 나가는 어떤 링크를
5:21
걸었다 그러면 노출이 급격하게
5:24
낮아져요. 그런데 구글 같은 경우에는
5:27
외부 링크나 요런게 있어야 될
5:29
거예요, 없어야 될까요? 꿈의취해 님
5:31
권위 때문에 필요하겠다. 배진호 님
5:34
있어야 한다. 온 님 있어야 될
5:36
듯해요. 있어야지 됩니다. 근데 너무
5:38
많으면은 블로그라고 해 보세요.
5:40
그러면은 외부에서 요렇게 들어와
5:42
가지고 막 놀다가 외브 링크가 내
5:45
홈페이지 너무 많게 되면 어떻게
5:47
돼요? 그냥 그거 링크 타고 바깥으로
5:49
나가 버리겠죠. 그러면 홈페이지
5:51
운영자 입장에서 봤을 때는 어 그런게
5:53
그렇게 좋지는 않아요. 내 체류 시간
5:56
이제 깎아버 깎여 나가니까. 그래서
6:00
사실 글당 하나에서 두 개 정도
6:03
권장을 한다. 오케. 그 이유가
6:05
뭐냐면은 체류 시간이라고 하는 것도
6:07
그 랭킹을 결정할 때 보는 요소 중에
6:10
하나예요. 그래서 사람들이 어 체류
6:12
시간이 많으려면은 내 블로그 안에서만
6:15
다 놀아야지 되겠네라고 하면서 모든
6:17
홈페이지들이 외브 링크를 안 달기
6:20
시작한 거예요. 이제 구글이 그런
6:21
트렌드를 이제 보고는 어 이렇게
6:23
하면은 본인들이 생각하는 생태계가
6:25
만들어지지 않겠다라고
6:27
판단을 하고는 외브 링크를 달아주는
6:30
홈페이지들을 상위 노출을 시키는데
6:33
이제 요소를 반영하기 시작을
6:34
했습니다. 그래서 이제 두 개가 좀
6:36
더 적절하게 이제 잘 배합이 되어
6:39
있어야지 구글에서 랭킹을 이제
6:41
올라가는데 혹은 운영을 하는데 어
6:44
좋은 영향을 끼친다라고 생각하시면
6:46
좋겠어요. 그래서 이제 우리는이
6:48
수업이 왜 이제 피 필요하냐?
6:51
플랫폼별 최적화 전략을 시각적이나
6:54
혹은 기술적으로 완벽하게 구현해 내기
6:56
위해서는 여러분이 글만 잘 써야지
6:58
되는게 아니라 그죠? 뭐 위에 태그
7:02
H태그를 어떻게 할 것인지 뭐
7:03
시각화를 어떻게 할 것인지 모바일
7:06
레이아웃을 어떻게 잘 활용할 것인지를
7:09
블록 편집기라고 하는 것을 사용해
7:10
가지고 이제 하게 될 거다. 그래서
7:13
우리는이 블록 편집기를 잘 한번 배워
7:16
보는 시간을 가져보도록 하겠습니다.
7:19
자, 이제 워드프레스의 그 블록
7:21
편집기라고 하는게 아까 우리가 요렇게
7:24
생긴요 화면이 이제 블록 편집기
7:26
화면인데요. 얘는 기존의 클래스
7:29
편집기랑은 다른 UI를 가지고 있죠.
7:31
근데 요거는 기본 철학이 뭐냐면은
7:34
텍스트나 글 안에는 여러 가지 이제
7:36
요소가 있습니다. 텍스트, 이미지,
7:39
동영상 모든 요소가 하나의 레고
7:42
블록이라고 생각을 하는 거예요.
7:44
그래서 블록들이 쌓여서 글 하나를
7:47
만든다라고 생각을 하고 있는 텍스트
7:50
에디터입니다. 그래서 이제 블록
7:52
시스템을 어 사용을 한다는 건 모든
7:56
요소가 개별 단위의 어떤 블로그로 어
7:59
취급을 할 수 있 하고 있고요. 개별
8:01
단위로 이제 취급을 한다는 것은 뭐가
8:03
좋냐? 드래그 앤 드럽이 가능하다.
8:06
요거를 한번 또 이야기를 해 보도록
8:08
할게요. 자, 제일 먼저 어 샵을
8:12
제가 두 개를 쓰고요. 스페이스바를
8:14
한번 쳐 보도록 할게요. 그러면은
8:17
이제이 헤딩이라고 하는 것으로 이제
8:20
바뀌는데 얘는 이제 제목을 쓸 때
8:22
우리가 사용을 하는 어떤 블록이라고
8:24
생각하시면 좋겠습니다. 그래서
8:26
여기다가 제목 블록이라고 쳐 볼게요.
8:30
그리고는 엔터를 쳐 보도록
8:31
하겠습니다. 자, 그다음에 본문
8:34
블록이라고 하는 것을 또 만들어
8:36
보도록 하겠습니다. 이것은
8:39
어, 본문
8:41
블록입니다.
8:44
오케이. 이렇게 쳐 보고요. 그다음에
8:47
이것도
8:49
본문 블록 2입니다. 이렇게 해서
8:53
이제 엔터를 한번 쳐 보도록
8:54
하겠습니다. 그러면 여러분의 이제
8:56
블록 편집기에는 세 줄이 이제
8:58
있겠네요. 자, 그다음에 왼쪽에요
9:01
디자인 라이브러리라고 하는 거 왼쪽에
9:04
요렇게 문서 오두복이라고 하는게
9:07
있습니다. 저 아이콘을 한번 눌러
9:09
주시면 어 보시는 방화 같이 왼쪽에
9:12
제목 블록 달락달락 달락 요렇게
9:15
보여지는 걸 확인할 수가 있죠.
9:17
저희가 제목 블록이라고 써 놓은 것이
9:19
똑같이 여기 제목 블록 이렇게 되어
9:20
있고요. 그다음에 이것은 본문
9:23
블록입니다라고 하는 것을 이제 선택을
9:25
하면 여기도 똑같이 두 번째 블록같이
9:29
생긴게 활성화가 됩니다. 그리고 세
9:32
번째 여기 이것도 본문 블록
9:34
2입니다라고 하는 걸 쓰면은 여기도
9:37
요렇게 그 활성화가 되는 걸 확인할
9:40
수 있네요. 아, 내가 지금 쓴 세
9:42
개가 실제로 앞에서 봤던 그이 블록
9:46
시스템 있죠?이 블록 세 개로 얘는
9:48
인식을 하고 있구나라고 하는 것을
9:51
확인할 수 있습니다. 오케이. 자,
9:53
그리고이 블록은 아까 드래그앤
9:56
드랍이라고 하는게 가능하다라고
9:58
했었잖아요. 첫 번째 거를 요렇게
10:01
드래그 클릭해 가지고는 밑으로 내릴
10:04
수가 있어요. 요렇게. 그러면요
10:07
왼쪽에 있는 걸 내가 순서를 바꿨는데
10:11
실제로 본문에서도 순서가 바뀌는 것을
10:14
확인할 수 있죠. 이해되시죠? 그죠?
10:18
이렇게 단락이라고 하는 것도 내가
10:19
위로 올리면 본문이 두 개가 위로
10:22
올라가고 제목이 이제 밑으로 내려가는
10:24
제목 블록이 밑으로 내려가는 요런
10:26
상태가 되겠네요. 자, 요걸 사용해서
10:29
이제 내릴 수도 있고요. 그다음에
10:31
요걸 이제 클릭을 하면 해당 블록에
10:34
대한 메뉴가 위에 뜨게 돼요.요
10:36
부분.요 부분을 가지고 또 저희가
10:39
드래그 앤 드랍을 활용을 할 수가
10:41
있습니다. 그게 뭐냐? 요거를
10:43
가져다가 밑으로 이제 내릴 수가
10:46
있어요. 이해되시죠? 블록 그 개념.
10:49
오케이. 자, 그다음에이 화살표
10:51
클릭이라고 하는게 있는데요.이 화살표
10:54
클릭이라고 하는 것은 뭐냐? 바로
10:56
위아래 블록과 순서를 바꿀 때 또
10:59
사용을 한다. 그 방금 저희가 끌기
11:01
오른쪽에 보면요 위로 이동, 아래로
11:05
이동이 있는데요. 얘는 이제 가장
11:06
위쪽에 있어서 아래로 이동만 활성화가
11:09
돼 있어요. 그래서 요걸 눌러 보면
11:11
요렇게 오케이. 요렇게 위아래로
11:14
이동이 가능하다. 자, 그다음에
11:16
요거를 하나만 그럼 가능하냐? 그게
11:19
아니라 얘를 이제 첫 번째 거
11:22
클릭하고요. 시프트를 아마 눌러
11:24
보시면은 이렇게 두 개를 동시에
11:27
선택이 가능하게 됩니다. 예. 그
11:30
상태에서 이제 위로 만약에 올린다
11:31
그러면은 내가 선택한 두 개가 같이
11:35
하나의 어떤 묶음으로서 이제 이동이
11:37
되는 것이죠. 예. 똑 똑같이이
11:39
아래로 이동, 위로 이동. 그다음에
11:42
끌기 이런 거 다 똑같습니다. 자,
11:44
그다음에 이제 스타일 복사 및 붙여
11:46
넣기라고 하는게 있는데 얘는 이제
11:49
특정 블록에 적용된 서식을 다른
11:52
블록에 즉시 복재해서 글의 통일성을
11:56
높이고 작업 시간을 단축할 수 있다.
11:58
요렇게 되어 있는데 복재라고 하는
12:00
말은 말 그대로 같은 블록을 통로
12:03
하나 더 만들고 싶은 경우에 사용할
12:06
수 있어요. 이게 뭐냐? 제목
12:08
블록이라고 하는 것을 클릭을 하면이
12:10
오른쪽에이
12:12
옵션이라고 하는 것이 있습니다. 여기
12:14
눌러 가지고요 점색에 눌러
12:16
가지고요.요 복재라고 하는 부분이
12:19
이렇게 있다.이 복재를 누르면은
12:21
어떻게 되냐? 말 그대로 이제
12:24
해당하는이 블록이 내가 선택한 블록이
12:26
하나 더 생깁니다. 이렇게 하나 더
12:30
생긴다. 너무 쉽죠? 사실. 예.
12:34
제목 블록 2.이 제목을 이제 두
12:36
개를 만들었네요. 자, 그다음에 이제
12:38
뭘 해 볼 거냐면 여기 보면은 여러
12:41
가지 그 옵션들이 있잖아요. 그중에서
12:43
텍스트 정렬이라고 하는 것을 제가
12:45
한번 눌러 보도록 하겠습니다. 그래서
12:48
텍스트 가운데 정렬이라고 하는 것을
12:51
한번 눌러 볼게요.
12:53
요렇게.
12:55
오케이. 되셨죠? 자, 그다음에 이제
12:57
색을 그냥 바꿔 볼 건데요.
12:59
더보기에서 강조라고 하는 것을 한번
13:02
눌러 보도록 하겠습니다. 오케.
13:04
네.이 강조를 이제 눌러 보시면은
13:07
텍스트랑 배경이 있는데
13:10
텍스트는 뭐냐?이 글자 색을 바꾸는
13:13
거고요. 배경은 글자의 뒤쪽 배경을
13:15
이제 나타내는 겁니다.이 텍스트에서
13:18
어, 글자 색을 파란색으로 한번 바꿔
13:21
볼게요. 파란색으로.
13:24
자, 요거를 블록 편집기에서 제공하는
13:27
메뉴가 두 개가 있어요. 하나는요
13:29
위쪽에 보이는이 간니 메뉴가 있고요.
13:31
두 번째는 해당 블록을 클릭을 했을
13:33
때 오른쪽에 위 상단에 보시면은요
13:38
공개라고 하는 버튼 왼쪽에 설정이라고
13:41
하는 요게 있습니다. 요거예요.
13:43
요거. 요거를 이제 누르면은 그
13:46
해당하는 블록의 세부 메뉴가 이제
13:49
나오게 됩니다.
13:50
여기에서 설정한 어떤 설정값은 스타일
13:54
복사 붙여 넣기가 되네요. 오케이.
13:57
그래서 제가 지금 다시 해당하는
14:00
블록에 텍스트를 지금요 파란색으로
14:03
지금 선택을 하면요 지금 파란색으로
14:05
선택이 됐죠? 그죠? 그다음에이 배경
14:08
같은 경우에는 이거는 이제 전체
14:10
블록의 배경을 어떻게 지정할 것인가에
14:13
대한 내용이에요. 그래서 요거를
14:15
배경을 요렇게 이제 설정을 해 놨다.
14:18
그러면은 블록 전체 배경이 이렇게 두
14:21
개 텍스트랑 배경이 이제 설정이 된
14:23
거고 글꼴 크기도 뭐 엑셀이라고
14:26
하면은 요렇게 좀 더 키워졌다라고
14:28
하면 얘 블록의 설정값을 스타일 복사
14:32
그다음에 붙여 넣기 오케이 요렇게
14:35
하면은
14:36
된다. 근데 여기서도 지금 정렬 같은
14:39
경우에는 저희가 정렬을요 위쪽에서
14:42
얘를 바꿔 줬잖아요. 텍스트 정렬을.
14:44
요게 어 복사가 안 되는 걸 확인할
14:47
수 있네요. 텍스트 정렬는 요렇게.
14:49
오케이. 그래서 정리를 다시 해보면
14:51
특정 블록이 있으면이 블록의 그 설정
14:55
값을 이제 스타일 복사와 스타일 붙여
14:58
넣기로 가져올 수 있다. 요거는
15:00
나중에 여러분이 블록 편집기를 가지고
15:03
홈페이지를 만들 경우나 메인 페이지를
15:06
꾸미는 경우에 좀 유용하게 사용하실
15:08
수 있는 기능이라서 제가 일부러
15:10
이렇게 넣어 놨습니다. 그래서 요거를
15:13
알고이 기능을 알고 계시는 것과
15:16
모르고 있는 경우에는 작업 시간이
15:18
많이 좀 차이가 나서 요거는 어
15:20
기억을 해 주시면 좋겠어요. 자,
15:23
그다음에 이제 엔터와 시프트 엔터로
15:25
이제 그 넘어갈 텐데 엔터랑 시프트
15:27
엔터를 그 네이버 블로그를 많이
15:29
하시는 분들이 헷갈리시는 거 같아요.
15:32
혹은 별로 신경 안 쓰시고 이제
15:34
쓰시는 거 같은데 엔터는 문단을 나눌
15:37
때 사용을 한다. 시각적 차이는 큰
15:40
여백을 줄 때. 이제 시프트 엔터는
15:42
그럼 언제 쓰냐? 문장을 줄바꿈할 때
15:45
쓴다. 즉 문단은 그대로 유지를 하고
15:48
문장을 줄바꿈할 때 사용을 하는게
15:51
시프트 엔터입니다. 요런 상태잖아요.
15:54
제목 블록 2. 요거는 선택을 한
15:57
다음에 지워 버리도록 하겠습니다.
15:59
오케이. 백스페이스
16:01
누르거나 딜리트 그냥 눌러 보시면
16:04
이제 지워집니다. 오케이.요
16:07
요 상태로 이제 만들어 볼게요.
16:09
그다음에 이제 첫 번째
16:10
단락에다가이어서
16:12
이렇게 한번 하겠습니다. 이제 여기서
16:15
내가 만약에 엔터를 쳐서 두 번째
16:18
문장을 써 보도록 하겠습니다. 엔터를
16:21
한번 치면요.
16:23
이것은
16:25
세 번째 세 번째 문장입니다.
16:30
요렇게 하면 뭐가 바뀌었냐면이어서
16:33
작성해 볼게요랑 이것은 세 번째
16:35
문장입니다. 사이에 이만큼의 어떤
16:38
간격이 벌어졌죠. 그다음에 또 하나
16:40
바뀐게 있는데 눈치 채셨을까요? 제가
16:43
이것은 세 번째 문장입니다를 입력을
16:45
하려고 엔터를 여기서 치는 순간
16:48
단락이 하나 더 생깁니다. 소현님
16:50
나이스 캐치 그죠? 지금 보면 아까는
16:53
원래 여기에 단락이 세 개밖에
16:55
없었거든요. 좀 더 확인해 보기
16:57
위해서 한번 작성을 해 볼게요라고
16:59
하고 지금 현재 여기 세 개죠.
17:01
그죠? 세 개에서 한 번 더 치면
17:03
단락이 하나가 더 추가가 돼 가지고
17:06
아 얘는 이전에 있던이 두 개에는
17:09
하나의 문단 여기는 또 새로운
17:12
문단으로 지금 얘가 인식을 한
17:14
거구나. 그니까 엔터를 치는 순간
17:16
새로운 문단으로 이제 바뀌게 된다.
17:19
언제 시프트 엔터가 필요하냐면 아까
17:21
말했듯이이 블록을 저희가 드래그 앤
17:23
드랍을 할 수 있잖아요. 세 번째
17:25
문장이라고 하더라도 같은 어떤 문단
17:28
즉 하나의 어떤 청크로서 내가 만들어
17:32
놓고 싶다라고 하면 시프트 엔터를
17:34
쳐서 밑으로 내리되
17:37
단락은 하나로 유지를 시키는게
17:39
좋겠죠. 이해되시죠? 자, 그다음에
17:41
저희가 이제 글자 색상 그다음에
17:44
스타일 정렬이라고 하는 거 자체가 왜
17:48
그 중요한가? 가독성이라고 하는
17:50
개념인데 가독성이 좋으면 좋을수록
17:52
방문자를 내 홈페이지에 끝까지
17:55
머무르게 하는 힘이 생긴다. 근데
17:58
그게 왜 좋냐? 구글에서 랭킹을
18:00
결정을 할 때 사람이 와서 어,
18:02
얘가이 홈페이지에서 얼마나 머물다가
18:05
갔는지를 다 기록을 한다라고 했죠.
18:07
오래 머물면 머물수록 아 얘는 뭔가이
18:10
사람한테 도움이 되는 정보를 주고
18:13
있구나라고 판단하는 어떤 지표가
18:15
됩니다. 그래서 글만 이렇게 나열하는
18:17
것보다 오른쪽과 같이 바꿔 놓는게
18:21
사람들이 와서 더 집중하게 되고 오래
18:23
머물게 되는 효과가 있다. 그래서
18:25
편집이 중요하다라는 거겠죠. 뭐 글자
18:28
색상을 바꾸든지 배경 색을 바꾸든지
18:31
정렬을 한다든지라고 하는 것들이 그런
18:34
식으로 역할을 하게 된다라는 겁니다.
18:37
이거는 해 봤으니까 넘어가겠습니다.
18:39
자, 그다음에 특정 블록의 메뉴를
18:42
담고 있는 여기 있는 부분.이 이
18:44
부분이 해당하는 블록의 메뉴를 담고
18:48
있는 곳이다라는 겁니다. 구조적
18:50
글쓰기 해 가지고 이제 방금 전에
18:52
우리가 문단을 쓰는 방법을 그 배웠고
18:54
그다음에 제목 폴록 제가 만들려고
18:57
했을 때 샵 두 개 써서 뭐 스페이스
19:00
한번 눌러 보세요 이렇게 했거든요.
19:02
구글이라고 하는 그 회사는 봇을
19:04
사용을 해서 주기적으로 인터넷에 있는
19:07
글들을 이제 스캔을 해 가는데 그
19:09
스캔을 해 갈 때 글의 구조를 파악할
19:12
때 가장 먼저 하는 일이이 제목
19:14
태그를 기준으로 어떻게 작성이 되어
19:17
있는지를 판단을 하는게 첫 번째 하는
19:19
일입니다. 그래서 얘가 잘 설정이
19:23
되어 있어야지 아 얘는 좀 논리적으로
19:25
혹은 잘 정리가 된 글이구나라고 하는
19:28
판단 기준이 되는 거예요. 그래서
19:31
태그이 제목 종류는 제목 태그라고
19:34
이야기를 하는데 샵 개수로 결정을
19:37
한다. 오케이. 그래서 문서 제목이
19:40
H1이 그 자동으로 설정이 되어
19:43
있고요. 글 안에서는 가장 높게
19:45
설정이 돼야 되는 태그가 H2입니다.
19:49
항상 주의할 것이 뭐냐면은 계층을
19:52
무조건 따라야 된다. 즉이 계층이라고
19:54
하는 것은 뭐냐면은 H1이 가장 큰
19:58
글자라고 생각을 하면 그다음에 H2가
20:00
가장 큰 글자 3 4로 갈수록 이제
20:04
점점 글자 크기가 줄어드는데 H2
20:06
다음에는 무조건 H3 아니면은 H2가
20:10
와야 돼요. 즉 H2 다음에 H4가
20:13
오면은 뭔가 건너뛰게 되겠죠. 중간에
20:17
H3가 무조건 있어야지 된다. 이렇게
20:19
실습을 한번 해 볼 텐데요. 첫 번째
20:22
샵을 누르고 스페이스를 치면 얘는
20:26
헤딩원이라고 하는 블록이 생기게
20:28
돼요. 샵의 개수에 따라서 헤딩
20:30
블록의 그 계층을 결정을 할 수
20:34
있다. 이렇게 H1 블록인 거죠.
20:37
오케이. 자, 엔터 친 다음에 샵 두
20:40
개 하고 스페이스 누르고 H2.
20:43
오케이. 이렇게 해보고요. 또 엔터
20:45
치고요. 하나, 둘, 셋, 찹고
20:48
제목. 어, 점점 작아지네요. 그죠?
20:51
하나, 둘, 셋, 넷,
20:54
4. 오케. 이해되셨죠? 그럼
20:56
여러분이 잘 이해를 하셨는지 보기
20:58
위해서 H1은 우리가 사용할 일이
21:01
없다라고 했어요. 그래서는 무조건
21:03
H2가 나와야 된다. 이유는 뭐냐면이
21:06
H1이라고 하는 H1 태그는 여기에
21:08
쓰는 글제목 얘가 H1으로 자동으로
21:12
설정이 돼요. 그러니까는 어떤 글에는
21:15
타이틀이 하나가 딱 있고 그다음에
21:16
이제 쫙 나와야 되죠. 그러니까
21:18
h1이 맨 처음에 나왔으니 그다음
21:21
나올 수 있는 거는 h1 아니면
21:23
h2인데 저희는 무조건 글 안에서는
21:26
h2를 쓴다. 오케이라는 겁니다.
21:28
오케이. 자, 그래서 이제 H2를
21:31
사용해서 뭔가이 글을 막 썼어요.
21:33
글을 이제 한 문단을 이렇게 쓰고
21:35
자, 그다음에 이제이 H3라고 하는
21:38
것을 또 뭔가 쓸 수 있겠죠. 그죠?
21:41
그런데 이제 다음에 여기다가 이번에는
21:44
내가 샵# 두 개를 해 가지고 두
21:47
번째 제목투 요게 가능하냐?
21:49
가능합니까? 써도 돼요. 가능합니다.
21:52
가능해요. 왜 그러냐? H2라고 하는
21:55
것이 토픽 1이라고 해 얘기. 근데
21:57
이제 주제 1에 관한 것들이 이제 쫙
22:00
나오는 거예요. 오케이? 그래서
22:01
이만큼이 한 주제에 대한 이야기다라고
22:05
생각하시면 되겠습니다. 여기서 이제
22:07
주제가 딱 하나 끝났다. 그러면은
22:09
이제 두 번째 나오는 H2 태그는
22:11
다른 주제에 대해서 이제 쓰면
22:13
되겠죠. 주제
22:15
2. 그런데 또이 밑에도 이제 새로운
22:18
어떤 그 청크가 이제 시작이 되는
22:20
거죠. 그래서 이제 주제 2에 대해서
22:22
또 내가 막 뭐라고 막 주절 주저
22:24
쓰는 거죠. 이번에는 이제 문단이 두
22:26
개로 이제 썼어요. 그리고는 이제
22:29
H4가 나오면 된다, 안 된다.
22:31
H4가 오면 안 된다. 그죠? 왜?
22:34
여기서는 뭐가 나와야죠? 이제 H3가
22:37
나와야죠. 진호님 굿. 오케이.이 이
22:39
전체 글 구조를 일단 보는 법을 한번
22:42
알아보도록 하겠습니다. 왼쪽에 이제
22:43
목록 화면 있잖아요.이 목록 화면
22:45
오른쪽에 아웃라인 한번 눌러 볼게요.
22:49
아웃라인은 현재 구조가 제목 태그를
22:52
기준으로 어떻게 짜여져 있는지를 보여
22:54
주는 건데 H4 방금 우리가 이상이
22:57
있다고 하는 그 H태그에 노란색
23:00
표시가 나오면서 요렇게 올바르지 않은
23:02
헤딩 레벨 요렇게 뜹니다. 그죠? 아
23:04
안 되는구나. H2 나오면 그다음
23:06
무조건 나오는 거는 H3가
23:08
나와야겠네라는 것을 요걸 보고도 알
23:10
수 있네요. 그래서 이제 H3로 바꿔
23:13
보도록 하겠습니다.요 위쪽에 있는
23:15
H4라고 하는 거 있죠? 얘를 눌러
23:17
보시면 단계 변경이 가능해요.
23:20
H3라고 하는 걸로 설정을 바꿔
23:22
주도록 하겠습니다. 오케이. 아
23:24
그러면은요 오른 왼쪽에 있는이
23:26
노란색도 없어졌네요. 그죠? 네가
23:29
지금 잘 아웃라인을 짠 거 같아라고
23:31
해서 요렇게 나와 있다라는 거네요.
23:34
자, 그래서 이제 요런 식으로 만약에
23:36
한다면 제일 위쪽에 가서 이제 제목
23:39
태그 얘는 지워 보도록 하겠습니다.
23:41
제 지워 볼게요.이 제목 블록도 맨
23:44
처음에 있는 거 그냥 선택해 가지고
23:46
지워 보도록 하겠습니다. 오케이.
23:48
아, 그러면 지금 전체 제 구조는
23:52
보면은 글 제목이 나오고요. 그다음에
23:55
문단 두 개가 나오네요. 그냥 문단
23:57
두 개. 그리고 이제 H2 태그
24:01
주제가 요렇게 하나에 대해서 나오고
24:04
그다음에 또 H태그투태그
24:07
주제가 두 개 아 주제 두 번째게
24:09
이렇게 또 나오는 상태 이렇게 요런
24:11
상태가 된 걸 확인할 수 있네요. 자
24:14
그다음에 이제 두 번째 블록 태그를
24:17
한번 선택을 해 본 다음에 여기에서
24:19
엔터를 쳐서 새로운 블록을 입력할 수
24:22
있는 상태를 만들어 보도록
24:23
하겠습니다. 어, 여기 뭐라고 써
24:25
있냐면은 슬래시를 입력하여 블록을
24:28
선택해 주세요. 여기 되어
24:29
있잖아요.이 워드프레스 편집기에서
24:32
우리가 사용할 수 있는 모든 블록이
24:34
어떤게 있는지를 보고 싶으면 슬래시를
24:37
한번 쳐 보시면 됩니다. 슬래시를
24:39
한번 치면 내가 선택할 수 있는 블록
24:42
그 메뉴들이 이제 나오게 돼. 그래서
24:44
지금 보면은 뭐 로우 레이아웃이라고
24:46
하는 것은 카덴스에서 사용하는 어떤
24:48
블록이고요. 목록에 뭐 이미지
24:52
아코디언 버튼 섹션 뭐 요런 것들이
24:55
있어요. 여러 가지 갤러리도 있고이
24:58
중에서 이제 우리는 요런 블록들을
24:59
하나씩 이제 뒤쪽에서 이제 배워 볼
25:01
텐데 그중에서
25:04
영어로 놓고요. 이거는 이제 저희
25:06
올백 테마에만 적용이 되는 겁니다.
25:08
TOC라고 한번 해 보도록
25:10
하겠습니다. 이제 워플 테마라고
25:13
그 뜨는 걸 확인할 수 있는데 얘가
25:16
이제 테이블 오브 컨텐츠죠. TOC로
25:19
하면은 요렇게 생깁니다. 오케. 요게
25:22
뜨고 나중에 여러분이 편집을 하실 때
25:24
TOC 검색해 가지고는 넣어 주면
25:26
된다라고 생각하시면 좋겠습니다.
25:29
해당하는 목차는 문서에 들어 있는
25:32
H2에서부터
25:34
H3 H4까지 그 태그를 잡아서
25:37
자동으로 이렇게 구조를 보여 줍니다.
25:40
이해되시죠? 그다음에 목차 블록도
25:43
결국에는 하나의 블록이잖아요. 여기
25:45
지금 보면 세 번째 이제 블록이죠.이
25:47
이 블록을 클릭을 했을 때이 해당하는
25:50
블록의 메뉴가 어디에 뜨냐?이
25:53
오른쪽에 이렇게 다 뜨는 거예요.
25:54
이걸 잘 보면은 요지는 뭐냐? 문서
25:57
목차 블록을 TOC라고 하는 걸로
26:00
넣을 수 있고 얘는 이제 자동으로
26:02
잡아 주니까 여러분이 사실 넣기만 해
26:05
놓고 별 생각 없이 쓰시면 된다.
26:08
그리고 두 번째는 각 블록에는
26:11
해당하는 블록의 메뉴를 우리가 여기를
26:14
잘 읽어 보면 뭔가이 블록에 대한
26:16
내용을 변경할 수 있다. 요게 이제
26:18
키 포인트예요. 오케이. 어 그러면은
26:20
이제 왜 굳이 하필이면 이제 문서
26:23
복차 블록이냐? 구글이 우리
26:26
홈페이지에 와서 가장 먼저 하는 일이
26:28
뭐다? 구조적으로 얼마나 잘 짜여져
26:31
있는지 태그를 스캔을 한다. 근데
26:33
그중에서 하는 일 중에 하나가
26:35
뭐냐면은 목차 블록이 있는지를 체크를
26:39
합니다. 오케이. 그래서 목차 블록이
26:41
있는 글과 없는 글은 랭킹에서도
26:43
차이가 나고요. 독자 입장에서도 뭔가
26:46
목차가 딱 있어서 읽기 전에 아,
26:48
전체적으로 이렇게 짜여져 있구나라고
26:50
하는 것을 보는게 더 좋겠죠.
26:52
그리고이 목차가 앞에서처럼 얘가
26:55
만약에 이제 접혀져 있다라고 하면은
26:57
이걸 클릭을 하는 것도 체크가 돼요.
27:00
독자가 와서 뭔가 이걸 눌러보기도
27:02
하고 드래그도 하고 요런 것들이
27:04
얼만큼이 정보가 유용한지를 판단하는
27:08
측정한 어떤 기준이 됩니다. 목차를
27:10
넣어 주는게 독자의 참여도를 유지하는
27:13
데에서도 좋고 구글이 우리 글을
27:16
얼마나 잘 구조적으로 파악하고 있는지
27:18
써 놨는지를 판단하는 것에서도
27:20
좋다라는 겁니다. 오케. 여기까지
27:22
이해되셨죠? 이제 저희가 아무런 내용
27:24
없이 이제 썼잖아요. 그런데 그게
27:26
아니라 이제 여기 왼쪽에 그죠?
27:28
왼쪽에 그 목록 화면 처음에서부터
27:31
끝까지 시프트 눌러 가지고 다 블록을
27:34
선택을 합니다. 그리고는 지울
27:37
거예요.
27:38
지워 보겠습니다. 자, 그리고 이제
27:40
요즘은 AI로 글을 쓰잖아요. AI로
27:44
여러분이 관심 있는 주제의 글을 하나
27:48
만들어서 여기다가 어 붙여 넣어
27:50
보도록 할게요. 저는 어 쓰고 싶은게
27:54
뭐 제가 지금요 지금 들고 있는게
27:56
컴포즈 커피거든요. 컴포즈 커피
27:58
관련해 가지고 브랜드에 대해서
28:01
작성하려고 해. 오케.
28:05
SEO에
28:07
맞춰서
28:09
H2와
28:11
H2 H3
28:15
태그를 적절히
28:18
섞어서
28:21
써 주길
28:23
바래.
28:25
이렇게 해 놓고요. 그다음에 조건이
28:27
올백 에드센스에서는 무조건 첫 번째
28:30
문단 두 개는 문단으로 설정을 해야
28:33
되거든요. 그래서 처음 시작하는
28:36
문단 그 도입부 문단은
28:39
부 문단은 제목 태그 없이
28:44
없이 없이 문단 두 개로 구성 요렇게
28:49
해 놓도록 하겠습니다. 그래서 요거를
28:52
응용을 해서 본인이 관심 있는 주제의
28:56
글을 가져다가 이제 붙여 놓도록
28:59
하겠습니다. 자, 이제 여기서부터
29:00
이렇게 쭉 긁어 올게요. 자, 이제
29:02
긁어 오면은 그냥 복사해 가지고
29:06
여기다 붙이면 돼요. 여기다가 붙여
29:10
보도록 하겠습니다. 그러면은 어,
29:12
처음 단락 단락 H2 그죠? 여기
29:16
아웃라인 보면 H2 H3 H3 H2
29:20
H3 H3 그죠? 요렇게 시사점까지
29:24
아주 예쁜 어떤 글이 되어 있네요.
29:27
여러분만의 글을 뽑으셨죠? 그죠?
29:31
예. 이거 되어 있으시면 이제 제목도
29:34
한번 써 주시기 바랍니다. 제목 쓸
29:36
때 제가 어떻게 했냐면 재미나이에다가
29:40
제목 뭘로 설정하면 좋을까? 검색
29:43
키워드 조사해 보고 제안해 줘.
29:45
요렇게 했어요. 그래서 그중에서 어
29:47
괜찮은 거 그냥 첫 번째 이렇게 해
29:50
놨습니다. 자 그러면은 아까 쉬기
29:52
전에 배웠던 거 목차 넣어 보도록
29:54
하겠습니다. 예요 위쪽에 임식을
29:57
저장이라고 하는 거 있잖아요. 요거
30:00
그 제가 일단 삽입하고 이렇게 해서
30:03
to 해서 넣는다고 했죠.
30:07
오케이. 자, 그리고는 임시율로
30:09
저장. 그리고 그 오른쪽에 보기라고
30:12
있습니다.이 노트북 표시가 있을
30:14
텐데요. 여기 이거를 이제 눌러
30:17
보시면은 지금 보시면은 데스크톱,
30:21
태블릿, 모바일요 세 개가 있어요.
30:23
그 데스크톱이랑 태블릿에서 볼 거냐,
30:26
모바일에서 볼 거냐 오케이. 그리고
30:29
세탭에서 미리 보기 이렇게 되어
30:30
있거든요. 지금은 편집기 화면을
30:34
데스크톱으로 놓고 지금 세팅해 놓은
30:36
상태입니다. 왜냐 우리가 지금
30:38
PC에서 보고 있기 때문에. 근데
30:40
이거를 이제 태블릿으로 바꾸면은 요게
30:42
좀 좁아지죠. 어, 태블릿으로 보일
30:45
때는 요렇게 보이니까 네가 알아서
30:47
편집해. 이런 뜻이고요. 모바일로
30:51
누르면은 어 모바일에선 지금 이렇게
30:53
보이니까 네가 알아서 편집해 봐라고
30:55
하는 뜻입니다. 그래서 요거는 이제
30:58
데스크톱, 태블릿, 모바일을 이제
31:00
결정을 할 수가 있는 거고 기본이
31:03
PC에서 들어갈 때는 데스톱으로 놓고
31:06
하는게 좋겠죠. 넓으니까. 그리고
31:09
제일 밑에 보면은 세탭에서 미리
31:10
보기라고 하는게 있습니다. 요거를
31:12
한번 눌러 보시면
31:15
우리가 글행을 아직 안 해서 다른
31:17
사람들이 아직 못 본 상태인데 못
31:19
보고 있는 상태인데 나중에 했을 때
31:22
요렇게 보이더라라고 하는 것을 볼
31:25
수가 있네요.
31:28
이해되시죠? 자, 지금 보면은 H2
31:31
태그는 올백 테마에서 자동으로 지금
31:34
서식이 요렇게 들어가 있게끔 설정이
31:37
되어 있어요. 벌써 이것만 해도 사실
31:40
그럴 듯해요. 그죠? 근데 이렇게
31:41
하면은 된다, 안 된다? 절대 노출이
31:45
안 된다. 본인의 어떤 그 글 자체가
31:49
지금이 상태로 되어 있다면 뭔가
31:50
문제가 있다라는 겁니다.이 이 중에서
31:53
내가 강조하고 싶은 곳, 형광색으로
31:56
배경을 바꿔 볼 텐데 뭐 예를
31:58
들어서이 글은 컴포즈 커피에 대한
32:00
글이니까이
32:02
글을 읽음으로써 여러분이 컴포즈
32:04
커피가 어떻게 탄생했고 현재
32:07
시장에서는 어떤 포지션을 차지하고
32:10
있는지를 알아보겠다라고 하는이 부분을
32:13
그냥 블록을 잡고 강조 아까 눌러서
32:17
배경을 선택한 다음에 이번에는 이렇게
32:19
해보도록 하겠습니다. 오케이. 아까
32:21
배운 거 응용이에요. 오케.
32:25
오케이. 요렇게 하셔도 되고요.
32:27
그다음에 또 하나 올백 테마를
32:31
사용하시는 분들에 한해서 컨트롤 U를
32:34
치시면 컴포즈 커피가 어떻게 탄생했고
32:36
현재 시장에서는 어떤 포지션을
32:39
차지하고 있는지 깊이 있게
32:41
알아보겠습니다. 요렇게 이제 해 놓고
32:44
임식을 저장
32:46
세탭에서 미리 보기.
32:48
오케이. 그러면은 요렇게 지금 돼
32:51
있죠. 그죠? 컴포즈 커피가 어떻게
32:53
탄생했고 현재 시장에서 어떤 포지션을
32:56
차지하고 싶은 있는지라고 하는이
32:58
부분이 형광색으로 밑줄 그은 것처럼
33:01
보이죠. 요것도 그 올백 테마에서
33:04
자동으로 설정이 되어 있는 그 기능
33:06
중에 하나입니다. 그래서 요것도 내가
33:09
원하는 부분 그죠을 가서 컴포지
33:12
커피는 2014년 부산에서 1호점을
33:15
했군요.
33:17
항상 큰 기업도 처음에 매장 하나로
33:21
시작을 하는 거죠. 우리의 블로그도
33:23
지금은이 미약하지만 1년 후, 2년
33:26
후에는 창대하리라라는 마음으로 이제
33:29
한번
33:31
이제 그어 보도록 하겠습니다.
33:32
오케이. 그래서 이제 그 저장을 이제
33:35
해 주시고 본인이 생각하는 어떤
33:38
주요한 것들을 이렇게 주도록
33:41
하겠습니다. 그 여러분이 이제 요런
33:43
AI로 뽑았을 때 그 얘는 잘
33:49
나오나? 요런 거 있죠? 요런 거.
33:52
요런 스타 표시 두 개.이 이 스타
33:54
표시 두 개가 사실은 볼드 표시를
33:57
나타내는 서식 기호거든요. 근데 저게
34:00
이제 잘 요렇게 볼드 표시로 될 때가
34:02
있고 요렇게 남아 있을 때가 있어요.
34:04
요거를 이제 붙여 넣기를 하면 어
34:07
요만큼 요만큼 붙여 넣기 해 볼게요.
34:12
이게 짜증나게 다 붙어요.
34:15
그 요렇게 이게 남게 돼요. 이거
34:17
너무 귀찮았었거든요.
34:19
그래서 요거를 이제 빨리 뭔가 지우게
34:23
하는 어떤 크롬 익스텐션이 있습니다.
34:25
오케이? 그게 이게 뭐냐면은
34:28
find드 앤 리플레이스 크롬
34:31
익스텐션에다가
34:32
find드 앤 리플레이스
34:36
요렇게 생긴 거 찾아서 설치를 하시면
34:39
위쪽에 찾아바꾸기 기능이 이제
34:42
브라우저에서 되거든요. 우리가
34:44
에디터도 그 브라우저라서 이게 여기서
34:47
먹힙니다. 오케이. 그래서 내가
34:50
복사한 것에서 요런 스타 두 개 표시
34:53
있는 거 요거를 어떻게 없앨 수
34:55
있냐?
34:58
클릭을 할 때이 블록을 클릭을 하는게
35:00
아니에요. 요렇게 글 바깥에 부분이
35:03
부분을 이제 클릭을 하면 글에서 내가
35:06
적용이 가능한데 여기를 클릭을 하고
35:08
찾아 바꾸기 그다음에요 위에다가 스타
35:12
두 개 리플레이스는 우리는 저걸
35:15
없애고 싶으니까 아무것도 안 쓴
35:16
상태에서 리플레이스 올 요렇게
35:19
하면은요 스타 두 개가 다
35:21
없어집니다. 자, 그래서 여기다가
35:23
이제 이미지를 넣을 텐데 이미지를
35:25
어떻게 넣었냐? 똑같이 슬래시하고요.
35:29
이미지라고 치면 요렇게 이미지 관련한
35:33
블록들이 여러 개가 뜹니다. 그중에서
35:36
우리는 뭘 지금 해 볼 거냐?
35:39
이미지라고 하는요 블록. 지금 보면은
35:42
얘도 그 블록이 이미지 관련 블록이
35:46
얘 얘가 있죠. 이미지 예. 그리고
35:49
위쪽에도 이미지 어드밴스드라고 하는이
35:52
블록이 있습니다.이 위에 있는 거는
35:55
카덴스에서 제공하는 이미지
35:57
블록이고요. 밑에 있는 거는
35:59
워드프레스에서 기본으로 제공하는
36:01
이미지 블록이에요. 그래서 우리는
36:04
지금은이 이미지 그 워드프레스에서
36:07
기본으로 제공하는 이미지 블록을
36:11
설정을 선택을 해 보도록 하겠습니다.
36:13
그래서 세 번째 거 요거.
36:15
자, 이미지를 이제 그 넣는 방법이
36:19
업로드를 하거나 그다음에 내가 이미
36:23
업로드 되어 있는 그 라이브러리를
36:26
사용을 해 가지고 라이브러리에서 뭔가
36:29
그 선택을 하거나 아니면 다른
36:33
사이트에 있는 URL을 사용해서
36:34
삽입하거나. 근데 이제 보통은이 두
36:37
개죠. 업로드를 지금 하거나 미디어
36:40
라이브러리를 쓰거나 요렇게 이제 두
36:42
갠데 그 이미지 블록이 아까 여러
36:45
개가 있다고 했는데 저희가 지금 기본
36:47
이미지 블록 만약에 사용한다고
36:48
했었잖아요. 근데 이제 카덴스에서
36:51
제공하는 그 어드밴스드 이미지
36:53
블록이랑 그다음에 기본 블록이랑 뭐가
36:55
다른지 그것만 빠르게 한번 보도록
36:57
하겠습니다.
36:59
기본 블록 그 워드프레스 제공하는
37:01
이미지의 기본 블록은 어 일단
37:04
단순해요. 그리고
37:07
뭔가 설정할게 별로 없고 바로 빠르게
37:10
이제 초보자도 그 적응을 할 수가
37:13
있습니다. 그런데 이제 카덴스 이미지
37:15
블록은 디테일이 좀 더 좋고 그다음에
37:18
고퀄리티 디자인을 우리가 만들어 낼
37:21
수 있다. 이게 좀 더 섬세하게
37:24
조정을 할 수 있어서 그 이미지 블록
37:26
자체를 이제 예쁘게 좀 꾸밀 수가
37:27
있죠. 그리고 카덴스 테마를 사용을
37:30
하는 올백 테마가 이제 카덴스의
37:32
차일드 테마죠. 그래서 올백 테마를
37:34
사용하시면 이제 카덴스에서 제공하는
37:37
이미지 어드밴스를 이제 사용할 수
37:38
있다. 그리고 주요 기능은 이제
37:41
오버레이 그다음에 그림자 효과 비율
37:44
조절 요런 것도 이제 다 가능하다.
37:46
근데 이제 기본은 그런게 안 된다라는
37:49
겁니다. 오케이. 자, 그러면은 항상
37:52
뭐 카덴스 이미지 블록을 사용을 할
37:54
거냐? 기본 이미지 블록을서 써야 할
37:57
때는 첫 번째는 복잡한 편집 없이
37:59
사진 한 장을 깔끔하게 보여주고 싶을
38:01
때 카덴스 이미지 블로그 사용할 때는
38:04
이미지 크기나 비율을 픽셀 단위로
38:06
정밀하게 조정하고 싶거나 그림자나
38:09
테두리 효과 등을 입체감 있는 연출을
38:12
원할 때이 두 개를 사 그 구분해서
38:14
쓰면 된다. 오케이.
38:17
그리고 이제 이미지를 선택을 했을 때
38:19
이제 상단 주요 툴바 기능을 이제
38:22
알아볼 텐데요. 그 사이에 저희 요게
38:24
잘 나왔을지 어이 왜 이래? 아직도
38:28
이걸 하고 있는데요. 제 거가 좀
38:30
이상하네. 제 거 개정이 이렇게
38:32
나오신 분들은 요거를 다운을
38:35
받아보도록 하겠습니다. 두 가지
38:37
방식이 있는데 일단 요거 그냥 이미지
38:41
복사해 가지고 여기다가 그냥 붙여
38:43
넣기에도 들어갑니다. 예.
38:46
여기다가 이제 컨트롤 V를 누르면은
38:49
들어가요. 근데 이제 그렇게 하시지
38:50
마시고 예 마시고
38:54
이미지라고 하는 것도 결국에는 어떤
38:57
정보를 가지고 있는 거거든요.
38:58
그러니까 좀 더 정리해서 넣자.
39:03
근데 사실 나중에는 그냥 넣긴 하지만
39:06
아 이거 진짜 안 나오네.
39:10
저는 이제 뭘 하냐? 이름은 바꿔
39:13
줍니다. 이름을 컴포즈 커피라고
39:19
이제 바꿔 놓겠습니다. 컴포즈 커피
39:20
PNG.요
39:22
상태에서 파일을 그냥 드래그 앤 드랍
39:26
해 보도록 하겠습니다.
39:30
그러면 뭔가 요렇게 그 이미지가 이제
39:33
들어갔죠. 여러분은 16대 9로
39:36
하시는 거를 저는 추천을 드립니다.
39:38
자,요 상태에서 지금 보면은 세로로
39:40
되어 있으니까 보기 좋게 이제
39:42
바꾸면은 좋겠죠. 첫 번째 상단 주요
39:45
툴바에 맨 왼쪽 겁니다. 이미지를
39:48
가운데로 맞출 거냐, 왼쪽으로 둘
39:50
거냐, 오른쪽으로 줄 거냐를 이제 선
39:53
설정을 할 수 있는데 여기 가서
39:55
정렬을 어 가운데로 하는게 좋겠죠.
39:59
그죠? 세로로 되어 있는 거니까
40:01
양쪽에 있는요 부분요 부분을 좀 더
40:05
그 대칭을 맞춰서 가운데로 이제
40:07
배치를 하기 위해서이 정렬을 이렇게
40:10
중앙 정렬을 해 놨습니다. 이제 두
40:12
번째 링크 삽입 요렇게 되어 있는데
40:15
이미지를 클릭했을 때 특정 웹사이트나
40:18
페이지로 이동하도록 연결을 한다.
40:21
이렇게 여기이 링크 있죠? 요거이
40:24
링크를 누르면 해당하는 이미지를
40:27
눌렀을 때 무슨 일이 벌어지는가?
40:29
오케이. 얘를 내가 원하는 어떤
40:32
곳으로 그 가고 싶을 때는 여기다가
40:36
뭐
40:38
이제 링크를 그냥 누르면은 내가
40:40
원하는 대로 링크를 이미지를 클릭을
40:43
했을 때 이제 보낼 수 있고요. 근데
40:46
이제 보통 저는 어떻게 하냐? 어,
40:48
요걸 안 하고 요걸 안 하고 이미지
40:52
파일 링크라고 하는요 메뉴 있죠?
40:54
요거를 이제 설정을 해 놓니다.
40:57
요거를 이미지 파일 링크 다시 한번
41:00
이미지 파일 링크 세탭에서 미리 보기
41:04
해서 이제 이미지에다가 마우스 클릭을
41:08
클릭할 수 있도록 이제 손 모양으로
41:09
바뀌는 걸 확인할 수 있습니다.
41:11
그리고 이걸 누르면은 요렇게 우리가
41:14
올렸던이 컴포즈 커op피.png라고
41:16
PNG라고 하는요 파일을 불러오게끔이
41:20
원본 파일과 링크를 시켜 놓은
41:22
거예요. 근데 이제이 원본 파일이랑
41:24
링크를 시켜 놓은 이유는 뭐냐면은
41:26
에드센스를 저희가 붙여서 운영을 할
41:28
거잖아요. 근데 애드센스를 붙일 때
41:31
전면 광고가 있죠.이 이 전면 광고를
41:33
띄울 수 있는 어떤 트리거가 사람이
41:36
그 링크를 클릭한 경우에 이제 뜨게
41:39
됩니다. 그래서 어 요거를 이미지
41:42
원본 파일이랑 링크를 해 놓으면은
41:44
그게 자동으로 트리거가 될 수 있도록
41:46
이제 해 놓는 거예요. 자, 그리고
41:48
넓어 보여서 얘를이 너비를 400으로
41:51
조정할까요? 400 400 정도로
41:53
이제 조정을 해 보도록 하겠습니다.
41:55
오케이.
41:56
유튜브 계신 분들은 아마 안 보이실
41:58
수도 있는데 제 그 카메라 때문에
42:01
여기에 오른쪽 하단 쪽에 보면은
42:04
너비가 있다라는 겁니다. 이미지
42:07
캡션으로 한번 보도록 하겠습니다.
42:08
이미지 캡션이라고 하는 것은 그림
42:11
밑에다가 설명 달아 주는 거죠.
42:13
그래서 컴포즈
42:17
분석이라고 그냥 이렇게 써
42:19
놓겠습니다. 오케. 요런 기능이
42:20
있더라라는 겁니다. 오케이. 자,
42:23
그다음에이 교체라고 하는 부분이
42:25
뭐냐면은 현재 이미지를 삭제하지 않고
42:28
다른 사진으로 바로 바꿀 수
42:29
있습니다. 이렇게 되어 있잖아요.
42:31
이미지 블록 자체를 이제 내가요
42:34
이미지가 아니라 다른 이미지로
42:36
교체하고 싶을 때 그죠? 미디어
42:39
라이브러리 열기 해 가지고 여기에서
42:42
다른 걸로 선택을 해서 넣을 수가
42:45
있는 거죠. 그런데 이거 말고도 제가
42:48
이제 하나 여러분한테 알려 드리고
42:50
싶은 거는 뭐냐면은 네이블 미디어
42:52
리플레이스라고 하는요 그
42:54
플러그인이에요.이 플러그인은 어떤
42:57
기능이 있냐면은 우리가 올려 놓은이
42:59
미디어에서 미디어 라이브러리에가
43:02
가지고 제가 지금 작업하고 있는게
43:04
요거잖아요. 자, 여기에 보면은
43:08
미디어 교체라고 하는게 요렇게 요렇게
43:11
뜹니다.이 부분이에요. 여기이
43:15
새 파일 업로드라고 하는 것을 제가
43:17
선택을 해서 요렇게 가면은 미디어
43:21
업로드 교체라고 하는요 메뉴로
43:23
가거든요. 그래서 왼쪽에 보면 기존에
43:26
올려 있던 거 그리고 신규로 내가
43:29
올리고 싶은 거이 두 개의 어떤 그
43:33
메뉴가 나오고 왼쪽에 있는 거를
43:35
오른쪽으로 새로 바꾸고 싶어라고 했을
43:37
때 여기다가 이제 넣어 주시면 드래그
43:39
앤 드랍 넣어 주시면 된다. 요거를
43:41
이제 바꾸고 싶은 거죠. 그래서 아까
43:44
미디어 교체에가 가지고 이렇게 이제
43:47
바꿔 놓으면은 왼쪽에 있는 그 것과
43:51
오른쪽에 있는 거를 이제 교체를
43:53
오른쪽에 있는 걸로 교체를 해 줘라
43:55
이렇게 되어 있는 거고요. 이제
43:57
파일을 교체할 것인지 아니면은이
44:00
파일이 사용되어 있는 모든 링크를
44:02
업데이트를 할 수 있게끔 교체를 할
44:04
것인지 두 개 중에서이 밑에 거를
44:06
선택을 한 다음에 업로드를 하는
44:08
거예요. 그러면은이 그림이
44:11
쓰여진 모든 공간에 해당하는 우리가
44:14
신규로 업데이트한이 이미지가 자동으로
44:17
교체가 됩니다. 그니까 일일이 뭔가
44:19
교체하는게 아니라 기존에 있는 것들을
44:22
싹 다 찾아서 자동으로 결 그
44:24
교체하게끔 이제 되는 거예요.
44:26
업로드를 해 보도록 하겠습니다.
44:28
그러면 이제 이미지가 교체가 되었다.
44:30
이렇게 뜨고
44:32
그 편집으로 가서 이제 임식로 저장을
44:35
한 다음에 다시 그 새로고침을
44:40
눌러 보도록 하겠습니다. 오케이.
44:42
어, 왜 안 돼? 잠시만요.
44:47
어,
44:49
이것도 또 나의
44:52
잠시만요.
44:54
이게 이미지 사이즈가 안 맞아서
44:56
그런가? 아, 아까 제가 PNG
44:59
파일을 올리고 새로 교체한게 이제
45:01
JPG 파일이었거든요. 그 확장자가
45:03
안 맞으면은 뭔가 그 플러그인에서
45:06
오류가 좀 나는 거 같습니다. 오케.
45:08
근데 이제 지금 JPG로 이제 맞춰
45:10
놓은 상태에서 교체를 하니까 기존에이
45:14
그림을 내가이 글 말고 다른 글에도
45:17
이제 다 썼을 거란 말이죠. 그 쓴
45:19
상태에서도
45:21
걔네들도 다 자동으로 내가 올라간
45:23
파일로 교체가 되는 거예요. 오케이?
45:25
그래서 이제 저 기존에 쓰 써오던
45:28
어떤 이미지를 어 바꿀 때는 저걸로
45:30
바꾸는게 좋겠죠. 자, 그다음에 이제
45:34
어 이미지 파일 이미지
45:36
블록이었잖아요. 기본 이미지 블록을
45:38
지금 설택을 한번 해 보면 위쪽에
45:41
이제 누르면은 요게 이제 보이시죠?
45:44
얘는 워드프레스의
45:46
그 기본 이미지 블록이고 요거를 한번
45:49
눌러 봤을 때 다음으로 변형이라고
45:52
하는게 있습니다.
45:55
그래서 보시면은 이미지 어드밴스라고
45:57
하는 얘가 뭐였냐면 카덴스에서
45:59
제공하는 고급 설정이 가능한 이미지
46:03
블록이죠. 그래서 기존에 내가 사용한
46:07
기본 이미지 블록을 카덴스 고급
46:09
이미지 블록으로 바꾸겠다. 그래서
46:11
요걸 선택을 하면이 오른쪽에 있는
46:14
메뉴가 이제 카덴스에서 제공하는
46:16
메뉴로 바뀌게 됩니다. 좀 요렇게
46:18
되어 있잖아요. 얘를 이제 이미지
46:20
어드밴스로 바꾸면 요렇게 바뀌게
46:24
된다. 오케이.
46:28
자, 지금 이제 요것도
46:31
아까 말했듯이 미디어 파일로 제가
46:33
이제 바꿔 놓고요.
46:36
지금 보면은 이제 제너럴에 이러한
46:39
어떤 그 메뉴가 이제 나오게 되고
46:42
그다음에 또 스타일에 또 이러한
46:44
메뉴가 이렇게 쭉 나오게 되고요.
46:46
그다음에 어드밴스드라고 하는 것에서도
46:49
또 이렇게 되게 복잡한 메뉴가 나오게
46:52
됩니다. 이렇게 생각보다 많이
46:55
복잡해요. 그런데 또 그거를 이제 다
46:58
알 필요가 있냐? 나중에 시간이
46:59
지나면 여러분이 다 아실 테지만
47:01
그중에서 여러분이 뭔가 괜찮다고
47:04
느껴지시는 그 유용하다고 생되는
47:07
것들을 이제 뽑아서 이제 보도록
47:10
하겠습니다. 자, 일단 제일 먼저
47:11
해야 되 거는 이미지를 넣었으면은
47:14
이미지에 대해서도 어 알트텍스트라고
47:16
하는 걸 설정을 해 줘야지 됩니다.
47:19
이미지라고 하는 것은 시각적인 효과를
47:21
넘어서 검색 엔진이 콘텐츠를 이해하게
47:24
만드는 전략적인 작업인데이 구글
47:27
로봇은 이미지를 볼 수가 없어요.
47:30
이미지가 어떻게 생겼는지 요즘에 사실
47:32
보긴 하지만은 그래도이 크롤링 봇을
47:35
이제 그 보내서 어떤 이미 그
47:38
사이트를 이제 긁어 올 때 그 크롤링
47:41
봇이 그 이미지까지 그냥 보고 해석할
47:44
수 있는 정도의 리소스를 투여하지
47:46
않는단 말이죠. 그래서 결국에는 우리
47:49
블로그에 방문하는 봇들은 그냥
47:50
이미지를 볼 수 없는 애들이라고
47:53
생각하시면 되고 얘네들한테 어 내가
47:55
이미지 사용했는데 그 이미지가 어떤
47:58
내용인지를 알려 줘야 돼. 그
48:00
알려주면 훨씬 더 이해를 잘하겠죠.
48:03
그런 것에 이제 가장 좋은 것이 바로
48:06
대체 텍스트, 얼트 텍스트라고 하는
48:08
것을 설정을 해 주는 거예요.
48:10
얼트텍스트를 설정을 하는 것은 두
48:12
가지로 좋은데 첫 번째는 그 봇들을
48:16
우리의 글이 어떤 내용인지를
48:18
이해시키기 위해서 좋고요. 두 번째는
48:22
우리의 독자 중에는 시각 장애인들이
48:24
있습니다.이 이 시각 장애인들은 그
48:27
인터넷 서핑을 할 때 본인들만의 어떤
48:30
전용 어떤 기계가 있거든요. 그
48:33
기계가 예를 들어서 이렇게 되어
48:35
있으면 여기에 있는 그 텍스트를
48:38
음성으로 다 읽어 줘요. 오케이?
48:40
근데 그 음성으로 읽어 주는 그
48:42
기계가 이미지를 만났을 때 그
48:45
이미지를 어떻게 읽어 주냐?
48:47
얼트텍스트라고 하는 것을 읽어
48:50
줍니다. 그러면 저거를 잘 설정하면
48:53
뭐가 좋냐? 어, 시각 장애인들이
48:55
우리 블로그에 자주 들어오겠죠. 어,
48:58
얘는 그 사회적 약자 계층도 잘
49:00
배려해 주는 블로그구나라고
49:03
생각을 하는 거죠. 오케이.
49:04
이해되시죠? 그리고 이렇게
49:06
알트텍스트가 잘 되어 있는 홈페이지는
49:09
랭킹을 반영을 할 때 구글이 부스트를
49:13
해 줍니다. 즉 어 너는 다양한
49:15
독자들을 잘 배려해 주는
49:17
블로그구나라고 하는 것을 점수를 내서
49:20
반영해 줘요. 그거를 이제 여러분이
49:22
어떻게 알 수 있냐? 페이지 스피드
49:26
인사이트에 가시면은 그 본인들 그
49:29
성능 측정하고 뭐 여러 가지 이제 할
49:31
수 있잖아요. 거기에 어떤 하나의
49:33
요소로서 그 측정이 됩니다. 그래서이
49:36
알트 텍스트를 잘 넣어 주면 좋다.
49:40
파일 이름도 잘 써 주면 좋고 그
49:42
텍스트도 잘 넣어 주면 좋다. 그래서
49:44
제가 아까 AI에다가 요청을 해 놓은
49:47
거죠. 요걸 잘 설명하는 알트
49:49
텍스트를 추천을 해 줘라 해서 얘를
49:52
어디다가 넣었냐?
49:53
이걸 클릭했을 때 오른쪽에 보이는
49:56
알트 텍스트 란에다가 이제 써 주게
49:58
됩니다. 넣어 주는 거예요. 오케이.
50:00
지금 보시면은 여기에 엑세빌리티라고
50:03
하는요 탭. 그래서 이제 작성 요령은
50:05
뭐냐? 단순히 단어를 나열하기보다
50:08
그냥 재미나이한테 이미지 얼텍스트
50:12
추천해 줘 해서 뽑으면 된다. 여기
50:14
이제 밑에 있는 타이틀
50:16
애트리뷰b트.이 이 타이틀
50:18
애트리뷰트는 어떤 역할을 하냐면은 그
50:20
여러분이 그 마우스 이렇게 딱
50:23
이미지에다 올렸을 때 나오는 어떤
50:27
팝업 메시지라고 생각하시면
50:29
좋겠습니다. 여러분 이거 되는지 한번
50:31
확인해 주세요. 디자인 라이브러리
50:33
이거 눌러 보시면은이
50:35
워플이라고 하는 거 요거 블록 그
50:37
컬렉션이 혹시 뜨시는지 만약에
50:39
보이신다면 이미지라고 하는요 섹션에
50:42
요거를 클릭해 보시면은 되겠습니다.
50:46
이렇게 돼요? 아, 다행이네요. 어,
50:48
요렇게 이미지를 넣을 때 미리 이제
50:51
디자인된 블록들을 저희가 이제 넣어
50:54
놨는데 얘는 커뮤니티에 가시면은
50:57
샵에서 구매하실 수 있는 유료 커스텀
51:00
블록이라고 생각하시면 되겠습니다.
51:02
그래서 요거를 이제 사용을 하면 뭔가
51:04
여러분의 편집이 좀 풍성해질 수
51:07
있다라는 어떤 광고라고 생각하시면
51:10
돼요. 예. 그래서 두 가지 방법으로
51:12
이제 할 수 있고 내가 이제 내가
51:14
원하는 내가 나만의 어떤 디자인을
51:17
이제 만들고 싶은 경우가 있을 거
51:18
아니에요. 그럴 때 할 수 있는게
51:21
여기 위쪽에 이제 어드밴스로 이제
51:23
바꿨다는 전제 하에서
51:25
스타일에가 보시면은 보더라고 하는
51:28
백그라운드 컬러 그다음에 보더
51:30
그다음에 보더 레디어스 그다음에 박스
51:33
섀도우 드랍 섀도우 뭐 여러 가지가
51:35
있는데 여기 캡션도 있죠. 캡션
51:37
세팅, 그다음에 뭐 이미지 필터,
51:40
오버레이 컬러 이런게 있는데이 중에서
51:43
이제 여러분이 오늘 이제 배워야 될
51:45
것은 보더를 설정하는 거. 테두리
51:48
이제 그리는 거. 테두리를이
51:52
해 볼게요.
51:54
스타일 가서 그림 테두리 색깔을 제가
51:56
이렇게 넣고요. 그다음에 PX라고
51:59
하는요 픽셀을
52:02
1 이상으로 그죠. 0 0으로 하면은
52:04
안 보이는 거고 테두리의 어떤 두께를
52:08
이제 2로 제가 설정을 해 놨습니다.
52:10
그러면은 이제도이
52:12
그림의 이제 테두리가 이제 설정이
52:14
되어 있는 상태고요. 그다음에 이제
52:16
보더 레디어스라고 하는 것은 모서리
52:19
부분을 둥글게 만드는데 얼마나 둥글게
52:22
만들 것인가 위 오른쪽 아래 왼쪽
52:26
요런 식으로 되어 있어요. 얘를 예를
52:28
들어서 10 이렇게 하면은 여기
52:31
부분이 살짝 동그랗게 되었죠. 그죠?
52:33
10픽셀만큼 동그랗게 이제 만든
52:36
거예요. 이거 좀 더 잘 보기게끔
52:39
이제 과장에서 이제 해 보면은 30을
52:41
누르면은이 왼쪽이 지금 요렇게
52:44
동그해지시는 거를 확인할 수
52:46
있습니다. 나머지도 이렇게 30으로
52:49
이제 바꾸게 되면은 요렇게 동그란
52:52
이미지가 어 탄생을 하게 되는
52:55
것이죠. 그리고 박스 섀도우라고 하는
52:57
것을 이제 눌러 보시면 그림의 어떤
52:59
그림자를 또 설정을 할 수가 있는데
53:02
그림자 중에서도 어 예를 들어서이
53:05
오른쪽 아래쪽으로 이제 솔리드하게
53:07
이제 되어 있는 걸 보면은 요렇게 그
53:10
그림이 약간 떠 있는듯한 느낌을 줄
53:13
수가 있습니다. 오케이. 그리고어
53:17
뭐 위쪽으로도 이제 바꿀 수가 있고
53:19
그죠? 요런 식으로 살짝 밑에 부분이
53:22
이제 떠 떠 있게끔 할 수도 있고
53:24
이런 식으로 해서 이제 이미지를 내가
53:26
원하는 대로 이제 바꿔 놓을 것이다.
53:28
저희는 지금 현재 이제 커스텀 블록을
53:31
이미지 관련해서 이제 많은 디자인이
53:33
이제 업데이트를 할 거예요. 한번
53:35
구매를 해 놓으시면은 추가 결제 없이
53:37
계속해서 저희가 업데이트 하는 거
53:39
그대로 이제 받아보실 수 있거든요.
53:41
그래서 많은 관심 부탁드립니다. 자,
53:43
그래서 이제 이미지를 내가 원하는
53:44
대로 이렇게 바꿔 놓을 수가
53:46
있더라.이 이 해당하는 이미지 블록
53:48
사용하는 거는 나중에 추가로 제가
53:50
따로 만들어 놓을게요. 이렇게 해서
53:52
이제 지금 이미지를 두 개를 넣어
53:55
봤네요. 자, 그다음에 이제 갤러리
53:57
사용법에 대해서 이제 또 알아볼
53:59
텐데이 갤러리 사용법은 뭐냐면은
54:02
사진을 여러 개를 넣을 때 사용할 수
54:05
있는 거예요. 뭔가 이렇게 쭉이어서
54:07
이미지를 이제 보여 주는 것보다는
54:10
요런 식으로 뭔가 공간을 아끼면서
54:12
정보를 풍성하게 보여 줄 때 이제
54:14
사용할 수 있더라. 오케이. 그래서
54:17
스크롤 압박 해소. 그다음에 뭐 자동
54:19
그리드 정렬 정보 밀도 최적화 좁은
54:22
공간에 풍성한 시각 자유를 담아서
54:25
독자에게 전문적인 인상을 준다라는
54:27
거고 이제 카덴스에서는 이미지
54:30
갤러리라고 하는 블록을 제공을
54:32
합니다. 그래서 요것도 이제 어떻게
54:34
하냐? 슬래시를 누르고 갤러리라고
54:36
한번 쳐 보도록 하겠습니다. G A
54:40
갤러리라고 하는 것을 이제 쳐보면 두
54:43
개가 잡히는데요. 하나는 기본
54:45
갤러리가 보이고요. 나머지 하나는
54:47
갤러리 어드밴스드라고 하는 카덴스
54:50
어드밴스드 갤러리 블록이 잡힙니다.
54:52
클릭을 해 보면 이제 여기 안에
54:55
갤러리를 구성할 수 있는 그림들을
54:57
선택할 수 있는 공간이 생겨요.
54:59
그래서 여기에다가 셀렉트 이미지를
55:01
하고요. 그다음에 방금 전에 저희
55:04
넣어 놓은이 메가 커피랑 그다음에이
55:06
썸네일로 사용할요 두 개 잡아서 넣어
55:09
보도록 하겠습니다. 오케이. 이렇게
55:11
해서 이제 갤러리 삽입. 오케이.
55:13
그러면은 이제 요런 식으로 그림이
55:17
여러 개가 이제 배치가 되는 갤러리가
55:19
이제 포함이 되는데 요거 하나 더
55:21
하나 넣어 볼까요? 어, 잠시만요.
55:24
갤러리에 갤러리 추가로 하나만 더
55:27
넣어 보도록 하겠습니다. 예를 들어서
55:29
예전에 제가 써 놓은 거 세 개를 해
55:31
보도록 하겠습니다. 자, 그러면 이제
55:34
요렇게 그 왼쪽에 있는 갤러리
55:37
어드밴스를 선택을 하면요 세 개가
55:40
이제 나란히 이제 배치되는 어떤
55:42
갤러리가 생성이 되는데요. 배치되는
55:44
방법을요 오른쪽에 있는 여기 부분에서
55:48
이제 선택이 가능합니다. 첫 번째는
55:51
지금 보시는 바와 같이 이렇게 쭉
55:52
일렬로 늘려 놓는 거고요. 두 번째는
55:55
그리드 스타일. 세 번째는 요렇게
55:58
옆으로 넘어가는 스타일. 그리고 얘는
56:02
좀 하나는 보여지되 나머지는 약간
56:04
걸쳐져 있는 그죠? 그런 스타일.
56:07
얘는 그 이제 잡아서 드래그가 아마
56:10
가능할 거예요. 나중에. 요런 식.
56:13
아니면 슬라이더 형식으로 요렇게 한
56:16
장씩 이제 보여주는 스타일. 아니면
56:19
요렇게. 하나는 크게 나오고 나머지
56:21
애들은이 밑에 이렇게 밑에 이제 미리
56:24
보기 형식으로 이제 볼 수 있게끔
56:26
되는 스타일 여러 가지 스타일이
56:29
있습니다. 오케. 그래서 이런 내가
56:32
원하는 어떤 스타일을 이제 설정을 해
56:35
놓고이 밑에 쪽에는 칼럼을 세 개를
56:38
배치할 것인지 아니면은 두 개만 만들
56:40
것인지 이런 식으로 칼럼을 여기서 또
56:43
조절할 수가 있습니다. 오케. 그래서
56:45
이제 우리가 이제 배운게 뭐냐? 어,
56:48
그림 여러 장을 한꺼번에 넣는 방법
56:50
그리고 그림 하나를 내가 원하는
56:52
형시로 넣는 방법 요렇게 알아봤네요.
56:54
대표 이미지 설정 즉 썸네일 설정을
56:57
일단 해 보도록 하겠습니다. 어,이
56:59
지금 왼쪽에 있는 그 그 제목을
57:02
클릭을 하면 블록을 그냥 클릭을 하면
57:05
해당하는 블록에 대한 어떤 메뉴가
57:07
이제 오른쪽에 뜬다고 했잖아요.
57:09
근데이 블록을 클릭하는게 아니라
57:12
오른쪽에 있는 여백을 클릭을 하면은
57:15
조금 달라지는데 뭐가 달라지냐?
57:17
이제는이 블록이 활성화가 되는게
57:20
아니라이 글이라고 하는 부분이
57:22
활성화가 되는 거예요. 즉이 부분을
57:25
클릭을 하면 이제는 나는 글에 대한
57:28
어떤 설정을 하는 메뉴를 띄우고
57:30
싶다라는 뜻 어 것과 마찬가지죠.
57:33
그래서 요거를 이제 클릭을 한다.
57:35
그럼 여기서 이제 설정할 수 있는게
57:37
크게 두 가지인데
57:39
하나는 대표 이미지 설정하는 거. 두
57:42
번째는이 슬러그라고 하는 URL를
57:44
설정하는 어 것입니다.이 두 개를
57:47
이제 설정을 해 볼 거예요. 첫
57:50
번째로 이제 대표 이미지 설정을 해
57:52
보도록 하겠습니다. 이거 그냥 눌러서
57:55
앞에서 넣은 이미지 있죠? 선택을 해
57:58
주도록 하겠습니다. 오케이. 대표
58:00
이미지를 설정을 한다라고 하면 이렇게
58:04
글의 썸네일이 이제 설정이 되는 걸
58:07
확인할 수 있습니다. 오케이.
58:10
자, 그다음에 이제 슬러그라고 하는
58:12
것은 포스트의 이제 고유 주소를 이제
58:15
한글로 설정하냐, 영어로 설정하냐이
58:18
두 가지가 있는데 저는 영어로
58:20
설정하는 거를 어 선호합니다.
58:22
장단점이 있어요. 근데 이제 영어로
58:24
하면은 좋은 점이 여러분이 카톡에다가
58:26
뭔가 공유를 할 때 되게 예쁘게
58:29
URL이 나오죠. 안 그러면 한글로
58:32
설정을 하게 되면은 되게 예쁘지 않고
58:34
되게 길게 이제 못생기게 나오는 어떤
58:37
그 단점이 있어요. 대신에이 한글로
58:40
설정을하면 또 좋은 점은 뭐냐?
58:42
URL에 있는 정보도 즉 여기에 이제
58:45
컴포즈 커피라고 하는요 단어가 이제
58:47
들어 있으니 이것도 어 구글 랭킹에
58:50
반영이 된다라고 하는 것이 있어서
58:54
사람들이 이제 또 한글
58:56
URL을 선호하시는 분들이 있거든요.
58:58
근데 저는 여기를 영어로 설정을
59:02
했다고 해서 제가 노출시키고 싶은
59:04
키워드에 노출이 안 되거나 그런 적은
59:06
없습니다. 그래서 저는 좀 더 더
59:09
깔끔한 거를 선호하기 때문에 여기를
59:11
이제 컴포즈 커피
59:16
리뷰 이렇게
59:18
설정을 하고 공개 눌러서 그냥 바꿔
59:21
보도록 하겠습니다. 그래서이 오른쪽
59:23
위에 공개를 눌러 볼게요. 공개
59:25
누르면 그리고는 다시 미리 보기로가
59:28
보도록 하겠습니다. 미리보기 가서
59:30
이제 새로 고침 한번 눌러 보도록
59:32
할게요.
59:34
어 그러면은 이제 요렇게 어 브랜드
59:38
분석 제가 쓴게 이거고 이제 여러분이
59:41
이제 쓴게 요거네요. 그죠?이
59:43
이 브랜드 분석에서 이제 썸네일이 잘
59:45
된 걸 확인할 수 있고 그다음에 여기
59:47
그 여러분 거 이제 들어가서
59:49
보시면은요 위에 있는 어 URL이
59:52
우리가 설정한 어떤 URL로 이제
59:54
바뀐 것을 확인할 수가 있습니다.
59:57
자, 그다음에 링크라고 하는 것을
1:00:00
생각을 해 봐야지 된다. 그 즉
1:00:02
편집을 할 때의 링크는 상당히 중요한
1:00:05
어떤 역할을 하게 되고 전체적인 우리
1:00:08
블로그의 구조를 짜는 어떤 역할을
1:00:11
합니다. 예. 그래서
1:00:14
콘텐츠 내에 삽입되는 링크는 독자의
1:00:17
체류 시간을 결정하고 블로그의 신뢰를
1:00:20
평가받는 중요한 기준이 된다. 이렇게
1:00:23
단순히 주소를 연결하는 것을 넘어서
1:00:25
SEO와 사용자 경험을 모두 고려한
1:00:28
설정으로 적용을 해야 된다. 링크라고
1:00:31
하는 것은 양날의 검인데 왜냐 링크를
1:00:35
타고 내 블로그에서 놀던 사람이 외부
1:00:39
사이트로 이제 넘어가서 더 이상 내
1:00:41
블로그에는 이제 머물지 않는 효과를
1:00:44
가지고 있는게 이제 외부 링크인
1:00:46
거죠. 그죠? 링크 설정이 중요한
1:00:48
거는 첫 번째 적절한 링크 설정은
1:00:51
독자가 정보를 확인한 후 다시 내
1:00:53
블로그로 돌아오게 만드는 장치가
1:00:55
된다. 두 번째 외부 사이트로 연결할
1:00:58
때 블로그 권의가 무분별하게 유출되는
1:01:02
것을 방지할 수 있다. 오케이. 세
1:01:05
번째 관련 정보를 손쉽게 확인하기
1:01:07
위해서 아 확인하기에 만들 수 있어서
1:01:11
컨텐츠의 가치를 높일 수 있다.이
1:01:13
링크가 요렇게 중요한 역할 한다라는
1:01:15
거고요.
1:01:17
링크를 그 거는 방법이 이제 여러 개
1:01:20
여러 가지 이제 방식이 있는데
1:01:22
그중에서 이제 링크 거응법을 일단
1:01:24
한번 보도록 하겠습니다. 오케. 자,
1:01:27
일단 가서이 컴포즈 커피라고 하는
1:01:29
것은 저는 이제 그 뭔가 공식
1:01:31
사이트가 있을 거 아니에요. 그래서
1:01:33
공식 사이트 한번가 보도록 할게요.
1:01:35
컴포즈 커피
1:01:40
공식 홈페이지
1:01:42
자, 요렇게 생겼네요. 컴퍼지커피닷컴
1:01:45
그죠? 요거를 이제 가져올 텐데이
1:01:48
해당하는 어떤 문구를 이제 드래그를
1:01:51
한 다음에 여기에 있는이 링크 있죠?
1:01:54
링크라고 하는 것을 클릭을 해 보도록
1:01:57
하겠습니다. 그리고 여기다가 넣어서이
1:02:00
제출이라고 하는 것을 이제 눌러
1:02:02
볼게요. 그러면 이제 해당하는 부분이
1:02:05
링크가 잘 그 설정이 된 것을 확인할
1:02:08
수 있습니다. 요거 한번 해 보시고
1:02:11
다 되셨으면은이 덤접 리액션 눌러
1:02:14
주시고요. 유튜브 하시는 분들도 댓글
1:02:17
눌러 주시면 좋겠습니다.
1:02:20
오케이.
1:02:23
자, 그다음에 링크 편집을 한번 눌러
1:02:25
보도록 할게요. 링크 편집. 오케이.
1:02:28
어, 링크 편집을 누르니까 고급이라고
1:02:31
하는게 나와 있죠. 그래서 고급에서
1:02:33
보면은 세탭에서 열기가 있고 셋투
1:02:37
노팔로 follow팔로
1:02:37
follow라고 하는게 있고 셋투
1:02:40
스폰서드라고 하는요 세 개의 옵션이
1:02:42
있어요. 이것을 이제 여러분이 잘
1:02:44
이해를 하고 있어야지 링크를 잘
1:02:46
활용할 수가 있습니다. 자, 첫
1:02:48
번째로이 기본 어떤 그 링크는 어떤
1:02:54
역할이냐면 컴퍼즈 커피라고 하는 링크
1:02:57
누르잖아요. 그러면 그 컴포즈
1:02:59
커피로가 버려요. 그리고 내가 이제
1:03:03
원래 있던 어 아 이거 기본으로
1:03:05
이렇게 돼 있네. 그 이제이 뭐라
1:03:09
하지? 내가 이거를 눌렀을 때
1:03:12
해당하는 어떤 그 탭에서 보여지는게
1:03:16
아니라 지금 요렇게 그 새로운 탭이
1:03:19
이제 열려서 이제 그 가게끔 되어
1:03:21
있는데 이거는 원래 그 정상적인 어떤
1:03:25
작동 방법은 아닙니다.이 이
1:03:27
랭크매스라고 하는 플러그인에서 지금
1:03:29
기본 설정이 이렇게 되어 있어서
1:03:30
그렇지 보통은 요렇게 되면 즉 세
1:03:33
탭에서 열기를 꺼 놓으면은 이거를
1:03:36
클릭을 할 때 해당하는 탭이 사라지고
1:03:39
컴포즈 커피라고 하는 공간으로 이제
1:03:41
보내지게 돼요. 근데 그게 아니라
1:03:43
저희는 지금요 밑에 요거 세 탭에서
1:03:47
열기라고 하는 것을 만약에 내가
1:03:49
설정을 했다라고 하면 지금 보시는
1:03:51
것처럼 이거를 클릭을 하면 새로운
1:03:53
탭이 생기되 우리의 블로그는 그대로
1:03:56
탭으로 남아 있어서 나중에 이거 본
1:03:58
다음에 우리의 독자가 요거 탭
1:04:01
누르면은 다시 이거 읽는 그 우리
1:04:05
포스팅 계속 읽게끔 만드는 돌아오게끔
1:04:08
해 줄 수 있는 블로그 탭을 살려
1:04:10
놓는 걸로 연결을 해 줘야지 된다.
1:04:12
오케이. 그래서 이제 요것을 언제 쓸
1:04:15
수 있을까요? 왜 이게 중요할까요?
1:04:18
그냥 링크가 있어도 되는 경우와
1:04:21
세탭에서 열기가 있어야만 되는
1:04:23
경우.이 두 개가 이제 구분해서야
1:04:25
되는데 세탭에서 열기를 사용한
1:04:27
경우에는 첫 번째 내 블로그에서 외브
1:04:31
사이트로 연결할 때는 무조건 세탭에서
1:04:34
연 열기로 연결을 해야겠죠. 그래야지
1:04:37
확률상 내 블록으로 다시 쉽게 올 수
1:04:40
있게끔 만드니까. 두 번째 세비에서
1:04:43
열기가 아니라 그냥 링크 일반 링크로
1:04:46
연결하는 거는 뭐냐면 내 블로그
1:04:48
글인데 다른 글로 연결을 할 때
1:04:51
있죠. 그런 경우에는 세탭에서 링크를
1:04:55
안 해도 상관이 없겠죠. 왜냐?
1:04:57
링크를 타고 간 곳이 내 블로그기
1:05:00
때문에 그죠? 나는 내 블로그에만
1:05:02
사람이 있으면 상관없거든요. 여기서
1:05:04
놀면은 저는 우리는 이제 만족을
1:05:07
하니까 내 블로그에서 내 블로그 다른
1:05:09
걸로 갈 때는 그냥 링크를 일반
1:05:12
링크로 이제 어 연결해도 상관이
1:05:14
없다. 그리고 그렇게 하면 오히려 더
1:05:16
좋은게 내 블로그에 다른 글로 갔다가
1:05:19
블로그 글로 다시 들어가야기 때문에이
1:05:21
광고 자체가 다시 리프레시되는 효과가
1:05:23
있습니다. 그래서 다른 새로운 다양한
1:05:26
블로 광고가 독자한테 이제 노출이
1:05:28
되는 효과가 있어서 세탭에서 열기랑
1:05:31
그냥 링크 설정하는 거를 구분해서
1:05:34
쓰면은 좋겠다라는 거고요. 오케이.
1:05:37
자, 그다음에 팔로우 노팔로우 개념이
1:05:40
이제 중요한데요. 즉이 도메인을
1:05:42
판단을 할 때 얘가 믿을 만한
1:05:45
놈이냐, 믿지 못할 놈이냐 이거를
1:05:47
판단하는 그 가장 중요한 척도가
1:05:50
뭐냐면 다른 외부의 블로그가 내
1:05:54
블로그를 얼마나 어 팔로우하고
1:05:57
있느냐. 즉이 웹브사이트 B도 내
1:06:00
블로그를 팔로우하고 웹브사이트 A도
1:06:02
내 블로그를 팔로우한다. 여러분
1:06:04
SNS에서 팔로우가 많은 사람은 어떤
1:06:08
특징이 있나요? 여러 사람의 서포트를
1:06:11
받는다는 의미가 되는 거죠. 그죠?
1:06:14
그래서 알고리즘상 팔로워가 많은
1:06:16
사람이 올린 콘텐츠는 노출이
1:06:19
잘될까요? 안 잘될까요? 잘됩니다.
1:06:23
그죠? 블로그 계에서는 팔로우가 많은
1:06:28
타는 의미는 뭐냐면 외브 사이트에서
1:06:31
내 사이트로
1:06:33
두 팔로우하는 링크가 많다는
1:06:35
의미예요. 즉이
1:06:39
링크를 제가 컴포즈 커피를요 세트 노
1:06:42
팔로우로 하면은어야 나는 지금이
1:06:46
링크를 연결을 하되이 컴포즈 커피라고
1:06:49
하는 사이트 못 믿겠어. 내가 막
1:06:52
팔로우하고 서포트하는 의미의 링크는
1:06:54
아니야라고 하는 의미가 되는 거예요.
1:06:56
셋 노 팔로우는 이거를 이제 꺼
1:06:58
놓으면은 어이 링크는 내가 여기서 제
1:07:01
걸로 이제 링크를 보내는데 저 그
1:07:06
링크의 도착지가 공식력 있는 혹은
1:07:09
내가 신뢰한다고 생각하는 곳이라서
1:07:11
보내는 거야라고 하는 의미가 되는
1:07:13
거예요. 그래서 이해되시죠? 그래서
1:07:16
이거를 꺼 놓고 기본으로 내가 링크를
1:07:19
한다면 해당하는 그 링크 대상지를
1:07:23
내가 신뢰한다는 의미로 구글은 해석을
1:07:25
한다라는 거예요. 오케이.
1:07:28
자, 그리고이 세투 스폰서드라고 하는
1:07:31
것은 여러분이 이제 블로그를 운영을
1:07:34
할 때 제유링크 즉 뭐 쿠팡
1:07:37
파트너스나 여러 가지 이제 제유
1:07:38
링크가 있는데 그 제유링크인지
1:07:42
아닌지를 이제 설정을 해 주는
1:07:44
겁니다. 그래서 아 얘가 지금 링크를
1:07:47
어떤 어 실 정보를 이제 보여 주기
1:07:50
위해서 링크를 연결하는 건지 아니면은
1:07:52
이게 지금 스폰서를 받아 가지고
1:07:55
연결한 건지를 이제 구분해서 이제 그
1:07:58
해 주는게 좋습니다. 그래서 제유
1:07:59
링크를 연결할 때는 셋투 스폰서드
1:08:03
그다음에 셋투 노팔로우요 두 개를
1:08:04
이제 켜 놓고 해 주시는게 좋겠죠.
1:08:07
오케이. 그리고 참고로 어 그렇다면
1:08:10
나는 모든 다른 외부 웹사이트는
1:08:14
노팔로우로 해서 이제 해야 되냐 그게
1:08:17
아니었죠. 아까 구글이 우리 블로그를
1:08:21
이제 판단을함에 있어서 외브 링크를
1:08:24
적절하게 배치한 블로그를 더 위로
1:08:27
올려 준다고 했을 때 그 웨브링크의
1:08:29
그 조건은 두 팔로우 즉 여기가 꺼져
1:08:33
있는 링크입니다. 그래서 여기에 꺼져
1:08:34
있는 링크가 두 개 정도 삽입되는
1:08:37
것을 좋아해요. 예. 그리고 나머지는
1:08:40
이제 노팔로우로 해서 어 해 놔도
1:08:42
상관없겠죠. 그리고 웬만하면은
1:08:44
외브링크를 안 두 개 이상은 안
1:08:47
거는게 우리 그 블로그 안에서 놀
1:08:50
노는데 더 좋은 거고. 어, 반대로이
1:08:54
외브 링크 두 개와 나머지 다른
1:08:57
링크들 여기에 있는 모든 링크들은
1:09:01
많으면 많을수록 좋은데 그 링크는
1:09:03
어디로 향해야 되냐? 내 블로그에
1:09:06
다른 글로 향해져야지 된다라는
1:09:08
겁니다. 오케? 이해되시죠?
1:09:13
오케이. 그래서 어 이제 그 많은
1:09:17
어떤 분들이 그 하셔야지 되는게
1:09:21
뭐냐면은 내 블로그 안에는 여러 가지
1:09:25
이제 글들이 이제 쭉 있을 겁니다.
1:09:27
그죠? 지금 컴포즈 커피라고 제가
1:09:30
만약에 설정을 해 놨으면은이 컴포즈
1:09:32
커피 분석만 있는게 아니죠. 내가
1:09:35
컴퍼즈 커피를 했으면은 당연히이
1:09:37
밑쪽에 있는 그 백다방 그리고
1:09:40
메가커피 관련한 글도 있어야 돼요.
1:09:43
그래서 어이 네트워크를 제가 좀 그려
1:09:46
보면은 하나 둘 세 개의 글이 내
1:09:51
어떤 블로그 안에 있어요. 근데
1:09:53
얘네들이 링크로 만약에 연결이 안
1:09:55
됐다라고 하면은 구글은 어 얘가 그냥
1:09:59
뭐 컴포즈 커피에 대해서 하나 썼네.
1:10:01
백다방에서 썼네. 그다음에 뭐 메가
1:10:03
커피 썼네. 요렇게인지를 하는
1:10:05
거예요. 그런데 얘를 어떻게 이제 해
1:10:09
놓으면 좋냐?이 링크라고 하는 것을
1:10:11
요렇게 놓고 그다음에 또
1:10:14
뭐 요런 식으로 서로 뭔가
1:10:18
얘도 얘를 뭔가 이렇게 하고 그다음에
1:10:21
또 이게 이제 다 링크라고 생각을 해
1:10:23
봅시다.
1:10:25
이런 식으로 이제 링크가 다 연결이
1:10:28
되어 있다라고 하면 무슨 효과가
1:10:31
있냐? 첫 번째 여기로 누군가가
1:10:34
들어왔어요. 예를 들어서이
1:10:37
메가커피에
1:10:38
있는이
1:10:40
글로 누군가 타들어 타고 들어왔어.
1:10:43
그러면은이 글 읽다가 어떤 링크 눌러
1:10:45
가지고 여기서 보고 이거 링크
1:10:47
보다가는 뭐 눌러 가지고 여로 가고
1:10:49
그죠.이 이 자연스럽게 내 블로그
1:10:52
안에서 이제 놓으는 시간이 증가해서
1:10:55
광고 노출도 뭔가 증가가 되고
1:10:58
그다음에 체류 시간이 길어지면서
1:11:00
랭킹이 이제 그 높아지는 그런 효과가
1:11:02
이제 가장 첫 번째고 두 번째는 봇이
1:11:06
만약에 왔다. 구글 봇이 와서 내
1:11:09
블로그 그 정보를 이제 읽으려고
1:11:12
봤더니 어 여기 이제 쭉 읽다 보니까
1:11:14
어 여기 링크로 타고 여로 보내지네.
1:11:16
그럼 얘도 읽어야 되거든요. 얘도
1:11:17
읽네. 얘 읽다 보니까는 여기로 링크
1:11:20
타서 얘도 읽어 주네. 그러면은
1:11:22
인덱싱 효과도 자연스럽게 되고. 두
1:11:24
번째는 어이 블로그는 커피 지금
1:11:27
브랜드 관련해 가지고 글 세 개가
1:11:30
링크로 아주 유기적으로 연결이 되어
1:11:32
있구나. 아 그러면이 블로그는 커피
1:11:35
주제 관련해서 글을 전문적으로 쓰고
1:11:38
있는 글이 그 블로그네라고 인식을
1:11:40
하게 돼요. 그래서 뭐가 이제 그
1:11:44
높아지냐? 도메인
1:11:45
authority라고 하는 da라고
1:11:48
하는
1:11:51
권위라고 하는게 이제 높아지게 된다.
1:11:54
도메인 권위. 그래서 아까 말했듯이
1:11:57
그 뭐 글 쓴 사람이 권위가 있어야
1:12:00
되냐? 그것도 맞는데 그죠?이 도메인
1:12:03
권위라고 하는 것은 얼마나 링크가
1:12:05
유기적으로 연결되어 있는지를 이제
1:12:07
보는 그 볼 수 있는 어떤 척도가
1:12:09
됩니다. 오케이? 그래서 어 그
1:12:14
여기에 있는 여러 가지 글들 혹은
1:12:16
여러분의 블로그에 있는 글들이 많은
1:12:19
부분들을 다른 글 내 블로그에 다른
1:12:22
글과 연결을 시켜 놔야지 된다. 아
1:12:24
그러면은 결국에는이 브랜드 그 메가
1:12:28
MC MGC 커피라고 하는 것을 나는
1:12:31
글을 써야겠네라고 자연스럽게 뭔가
1:12:34
확장이 되는 거죠. 그래서 특정 부
1:12:37
주제를 가지고 자연스럽게 이제
1:12:40
유기적으로 뭔가 그물망을 쳐놔서 어느
1:12:43
하나로 들어왔을 때 쫙 이제 돌아가서
1:12:46
정보를 소화할 수 있게끔 선택을 해
1:12:48
놓 그 설정을 해 놓는 설계를 해
1:12:51
놓는다고 하는게 저는 맞다고
1:12:53
생각해요. 그래서 블로그는 그런
1:12:55
링크를가 가지고 뭔가 트래픽을 왔다
1:12:59
갔다 시키는 그런 역할을 할 수가
1:13:01
있다. 해야 된다라는 겁니다. 그리고
1:13:04
이제 두 번째 아까 외브 링크
1:13:06
있잖아요.
1:13:08
당연히이 외브 링크를 어디로 지금
1:13:10
여러분은 설정을 해야 되냐? 본인의
1:13:13
블로그, 여러분 블로그로
1:13:16
가는이 링크를 여기다가 넣어 놔야지
1:13:18
되겠죠? 그러면 예를 들어서 어
1:13:21
워플이라고 하는 지금 올백에다가 지금
1:13:24
여러분이 글 썼잖아요. 워플에다가
1:13:26
내가 글 써 놨어. 지금 저자로 지금
1:13:28
등록이 돼 가지고는 글 써 놓은
1:13:30
거잖아요.이 글을 요렇게 해서
1:13:33
어디다가 연결을 해 놓냐? 내
1:13:35
글에다가 내 블로그 글에다가 지금
1:13:38
연결을 해 놓는 거예요. 다시 핫.
1:13:41
이렇게 내 글에다가 그러면은 두
1:13:44
팔로우로 연결해 놓으면 무슨
1:13:45
뜻이에요? 올백 블로그는 내 블로그를
1:13:50
서포트를 한다라고 하는 의미가 되는
1:13:52
거죠. 그죠? 그러면 외브 링크로
1:13:56
백크를 하나 여러분이 얻게 된다라는
1:13:59
뜻입니다. 이거이 개념이 이제 되게
1:14:02
빡빡해지면은
1:14:04
아무나 백을
1:14:06
주지 않아요. 즉 어느 정도 그
1:14:10
베테랑 블로거들은 다른 블로그에다가
1:14:14
링크를 걸 때 두 팔로우 링크를 절대
1:14:16
안 겁니다. 오케이. 그래서 내가
1:14:19
만약에 잘 키운 어떤 그 블로그를
1:14:22
운영하고 있다. 워플 같이. 지금
1:14:25
워플이라고 하는 블로그는 어 여러분이
1:14:28
만나는 대부분의 블로그보다 훨씬 도맨
1:14:31
권위가 엄청 높은 블로그거든요.이
1:14:34
블로그는 이런 링크를 쉽지 않으면
1:14:38
어떻게 해야겠어요? 요즘 사회에서는
1:14:40
돈을 주고 링크를 사야 됩니다.
1:14:42
오케이. 그래서 이제 최근에 워플
1:14:45
링크를 특정 어떤 회사에서 이제
1:14:48
얘기를 해 가지고는 한번 달아
1:14:49
줘라라고 하는 걸로 이제 협상을 해서
1:14:52
왔었어요. 그래서 저랑 이제 이메일을
1:14:53
계속 주고 봤다가 본인들이 사용할 그
1:14:57
개발하고 있는 어떤 그 프로그램이
1:14:59
있는데 AI 관련 어떤 그 편집
1:15:03
프로그램이었습니다. 그것에 평생 그
1:15:07
사용권을 계속해서 무제한으로
1:15:09
주겠다라고 하는게 옵션 1. 두
1:15:11
번째는 경제적인 그 보상을 해
1:15:14
주겠다. 그 세 번째는 본인들이
1:15:17
가지고 있는 다른 도메인 높은 그
1:15:19
링크들이 있는데 그 되게 권위적인
1:15:22
어떤 사이트가 있는데 거기에
1:15:24
사이트에다가 링크를 넣어 줄 수 있는
1:15:26
그 기회를 주겠다. 요렇게 세 개의
1:15:29
옵션을 이제 저한테 가지고 와서 이제
1:15:32
딜를 했습니다. 그래서 이제 그걸
1:15:33
가지고 저희가 저희한테 가장 좋은
1:15:35
요건을 이제 선택을 했죠. 이런
1:15:38
SEO를 되게 신경 써서 하는
1:15:40
사람들은 요런 링크를 되게 신경 써서
1:15:42
쓰는구나라는 것도 저는 알 수가
1:15:45
있었습니다. 오케이? 여기까지
1:15:46
이해되시나요? 자, 그리고 이제
1:15:48
마지막으로 한 15분 정도 지금 제가
1:15:50
잡고 이제 설 설명을 드릴 텐데 두
1:15:53
가지를 일단 한번 해 보도록
1:15:54
하겠습니다. 첫 번째 아코디언
1:15:57
블록이라고 하는 개념이 있어요. 이제
1:15:59
아코디언 블록이라고 하는 것은
1:16:00
뭐냐면은요 FAQ라고 하는 것을
1:16:04
여러분이 글을 쓸 때 어 많이 넣어
1:16:07
주시기 바랍니다. 왜 그러냐면은
1:16:09
요즘에는 이제 AI를 통해서 사람들이
1:16:11
많이 그 질문을 하고 거기에 있는
1:16:13
결과를 가지고 행위를 많이 하잖아요.
1:16:16
그럴 때 거기에 링크를 달리게끔 할
1:16:20
수 있는 가장 기본적인 것이 바로이
1:16:24
FAQ를 사용을 하는 거예요. 즉
1:16:26
AO라고 하는데 그 검색 엔진 최적화
1:16:30
엔진 옵티마이제이션이라고 하는 개념이
1:16:32
뭐냐면은 SEO를 넘어서 AI 답변에
1:16:36
내 그 링크가 잘 달리게끔 뭔가 할
1:16:38
수 있는 행위 그것 중에 가장
1:16:41
기초적인게 FAQ를 넣는 것이다.
1:16:44
그리고 FAQ를 넣을 때 가장
1:16:46
활용하기 좋은게이 아코디언 블록이라고
1:16:48
하는 겁니다. 그래서 이제 앞코디안
1:16:51
블록이라고 하는 것은 뭐냐면은
1:16:54
어 자주 묻는 뭐 예를 들어서 하나
1:16:57
둘 셋 그래서 자주 묻는 질문 이렇게
1:17:01
해놓고
1:17:03
어 아코디언이라고 하는 거 이거 이제
1:17:06
눌러서 이제 그 쓸 수도 있고 얘는
1:17:09
예를 들어서 뭐 컴포즈 커피는이
1:17:15
안 떠오릅니다. 잠시만요. 관련
1:17:18
FAQ 뭐가 있을까?
1:17:21
요렇게 아주 예쁘게 잘 나오네요.
1:17:23
요런 것들이 질문 형식으로 되어
1:17:26
있잖아요. 그래서 질문 형식으로 되어
1:17:28
있는 거를 좋아하는 거죠. 그죠?
1:17:30
오케이. 그리고 요거에 대해서 답변을
1:17:33
복사해 볼게요. 컴포즈는 작곡가다.
1:17:36
뭐 이런 거라서 그런 거 관련이 되어
1:17:39
있다. 이렇게. 오케이. 그러면은
1:17:42
이걸 누르면 이렇게 나오고 그죠? 딴
1:17:44
데는 접혀 있고. 오케이. 이런 식의
1:17:47
이제 아코디언이 이제 그 아코디언
1:17:49
블록이 하는 거고 요것 역시도 저희가
1:17:52
아코디언을
1:17:55
이렇게 여기다가 이제
1:17:59
이렇게 넣고 그다음에 요런 식으로
1:18:04
이렇게 하면 요렇게 그래서이
1:18:07
FAQ라고 하는게 되게 어 중요한
1:18:09
역할을 요즘에는 하더라라고 하는 것을
1:18:12
일단 할 수 있고 잠 잠시만요. 스트
1:18:16
올 패널스드
1:18:18
오케
1:18:20
접어 놓은 상태로 이제 시작할 수
1:18:22
있는 거 그 시작하도록 이제 설정이
1:18:24
되어 있고요. 그다음에 또 하나 이제
1:18:26
중요한게 뭐냐면은이 글을 여러분
1:18:29
독자가 와 가지고 쭉 읽었잖아요.
1:18:31
그죠?이 이 글을 쭉 읽으면이
1:18:35
해당하는 글을 소화한 다음에 어떤
1:18:37
행동을 할지 알려 주는게 또
1:18:39
중요해요. 이거를 안 알려 주잖아요.
1:18:42
그럼 생각보다 그냥 다른 데로 넘어가
1:18:45
버려요. 다른 외부 웹사이트로
1:18:47
간다거나 그렇게 하는 거니까이 글과
1:18:50
뭔가 관련 있는 다음 글을 이제 써
1:18:53
주는 거죠. 그래서 뭐 예를 들어서
1:18:55
지금 메가커피라고 하는 브랜드에도
1:18:58
관심이 있으세요? 하면서 메가커피
1:19:01
브랜드 분석이라고 하는 글도 있으니
1:19:03
한번 읽어 봐라. 오케이. 그래서 어
1:19:06
메가커피 관련
1:19:11
요렇게이 다음 행동을 이제
1:19:15
이동하세요라고 한 다음에 보통 이제
1:19:17
저는 뭘 넣냐면은 여기다가 이제
1:19:19
버튼을 넣는 거예요. 버튼. 오케이.
1:19:22
그래서
1:19:26
버튼이라고 하는 것을 이제 어드밴스를
1:19:29
사용을 하면 요런 식으로 카덴스에서
1:19:31
제공하는 그 버튼이 블록이 나오고
1:19:35
아니면 그냥 일반 그죠
1:19:38
버튼이라고 하는 거 요걸 이제
1:19:41
누르면은이 워드프레스 기본에서 이제
1:19:44
사용하는 어떤 그 버튼이 나오게
1:19:46
됩니다. 그래서 메가 커피 요런
1:19:48
식으로
1:19:50
케 그리고는 여기에다가 링크를 이제
1:19:53
넣는 거죠. 아까처럼이 브랜드에 대한
1:19:56
어떤 링크를 이제 넣어 주시면 된다.
1:19:58
오케이. 그리고 이제 참고로 저희
1:20:01
이제 저는 이제 블록을이
1:20:03
커스텀 블록을 사용해 가지고 한다고
1:20:05
했었잖아요. 그래서 버튼을 보면은
1:20:08
요즘에 이제 사용하는 거는이 빛나는
1:20:10
버튼 1 2 3 중에 이제 하나를
1:20:12
사용을 하는데 얘이 두 번째 빛나는
1:20:15
버튼은 그 에드센스 수익화 강의
1:20:17
하시는 강사분이 계시죠. 그
1:20:20
제이크님이
1:20:21
즐겨 쓰는 버튼이에요. 그래서
1:20:23
여기다가 그 제이크 님은 눈에 확
1:20:27
튀게끔 하는이 버튼을 되게
1:20:29
좋아하시더라고요. 그래서 그분
1:20:31
사용하시는 거를 제가 따 가지고 이제
1:20:33
만들어 놓고 여기에다가 이제 내 글에
1:20:37
내 블로그에 다른 링크를 이제 넣어
1:20:39
주면은 그걸 딱 클릭을 하면은 글로
1:20:41
이동하는 효과가 있겠죠. 그래서
1:20:43
글기를 누르시면
1:20:46
요런 식으로 이제 나오게 되는데이
1:20:48
빛나는 버튼은 어떤 그 효과가 있냐면
1:20:51
말 그대로 여기 살짝이 반짝반짝 하는
1:20:54
효과가 있거든요.이 반짝반짝 하는
1:20:57
효과를이 밑에 있는요 코드가 이제
1:21:00
하게 됩니다. 지금은 약간 투박하게이
1:21:02
두 개 동시에 다 들어가게 돼 있는데
1:21:05
어 이제 플러그엔 제가 새로 만들어
1:21:07
가지고 그냥 버튼만 딱 넣으면
1:21:09
자동으로 반짝이는 효과 나게끔 이제
1:21:12
할 예정이에요. 그래서 잠시만요.
1:21:15
예. 요런 식으로 이제 그 버튼이
1:21:17
이제 들어갈 수 있다. 그리고 또
1:21:19
하나이 커스텀 블록에 대한 이야기를
1:21:21
좀 해 보도록 하겠습니다. 컬러 박스
1:21:24
같은 경우 제가 이제 자주 쓰는데이
1:21:27
컬러박스는 글이 되게 빡빡한 상태에서
1:21:30
요거를 하나 추가함으로써 뭔가 좀
1:21:33
한번 쉬어가는 느낌이 나는 거고요.
1:21:36
그다음에 발체나 이런 걸 사용을 하면
1:21:39
요런 식으로 한번 쉬어가게끔 뭔가 할
1:21:42
때 유용한 어떤 블록들을 저희가
1:21:44
계속해서 이제 추가할 것이다 홍보를
1:21:46
해 봤고 오늘 강의가 여러분의
1:21:48
워드프레스 블로서의
1:21:51
앞날에 조금이라도 도움이 되셨기를
1:21:53
바랍니다. 관련한 수업들 어 두 개가
1:21:56
있는데요. 하나는 어떤 식의 글을
1:21:58
써야지 그 롱테일 쭉 계속해서 뭔가
1:22:02
수익이 쌓이는 구조로 어 글을 쓸 수
1:22:04
있는가에 대한 이제 수업이 저희
1:22:08
이번에 론칭한 블로그 수익화 글 쓰기
1:22:10
첫걸음이라고 하는 강의입니다. 그래서
1:22:12
요거 강의도 최근에 저희가 론칭을
1:22:15
했고 여기에서 지금 강사로 활동하시는
1:22:18
분이 상당히 꼼꼼하시고 실제로 글
1:22:21
쓰는 어떤 구조나 어떤 토픽으로 어떤
1:22:24
키워드로 잡아야 되는지에 대해서
1:22:27
센스가 상당히 좋으세요. 그래서
1:22:29
실제로 지금 현재 안정적으로 3년
1:22:31
정도 지금 한 700달러 정도 수익을
1:22:34
올리고 계신데 저희가 이거를 뭐
1:22:37
누구나 다 700을 벌 수 있냐 그건
1:22:40
아니고 그래도 어느 정도 저희가
1:22:42
하하라는 대로 하고 그러면은 월
1:22:44
30만 원 정도까지는 부수입을 올릴
1:22:47
수 있는 그런 글 쓰기 방법이 어떻게
1:22:50
되는가? 혹은 지금 현재 그 에드센스
1:22:54
수익을 올리는 사람은 어떤 생각을
1:22:56
가지고 어떤 글을 쓸 수 있는가에
1:22:59
대해서이
1:23:01
수업에서 지금 이야기를 해 드리고
1:23:03
있습니다. 그리고 이제 두 번째
1:23:04
강의가 또 하나 있는데 블로그를 어떤
1:23:07
식으로 확장할 수 있는지 혹은
1:23:09
카테고리를 수정한다거나 뭐 메인
1:23:11
페이지를 디자인을 한다거나
1:23:13
관리자로서의 워드프레스 블로그는 어떤
1:23:16
그 지식이 있어야 되는지에 대한 그
1:23:19
수업을 4월에서 5월 사이에 론칭을
1:23:22
하려고 지금 목표를 잡고 있습니다.
1:23:24
그래서 그것도 이제 많은 관심
1:23:25
부탁드리고 오늘 3세시간 반 저랑
1:23:27
같이 해 주셔서 너무 감사드립니다.
1:23:29
고생하습니다.
#Hobbies & Leisure