수학방

EPUB은 좀 까다로운 파일입니다. 작은 오류라도 생기면 골치가 아프죠. 그래서 오류를 다 수정해야 하는데, Sigil은 이 오류를 수정하는 도구와 방법을 모두 포함하고 있습니다. 그러니까 Sigil의 사용법만 잘 익히면 완전한 EPUB 파일을 만들 수 있어요.

이 글에서는 Sigil의 도구를 활용해서 EPUB 파일의 오류를 확인하고 그 오류를 수정하는 간단한 방법을 알아보겠습니다. 오류 수정이 끝나면 EPUB 만들기도 끝이에요.

EPUB의 오류 검사, 수정하기

HTML 오류 수정하기

EPUB에 사용하는 파일은 기본적으로 HTML 파일이니까 HTML 기본 문법을 잘 따라야 합니다. IE나 크롬 같은 브라우저에서는 HTML 문법에 오류가 있어도 자체적으로 잘 알아서 표시해주지만 EPUB에서는 그렇지 않고 그냥 오류를 내버립니다. 따라서 문서를 만들 때 HTML 문법 오류가 있는지 매번 확인하고 이를 수정해야 해요.

그나마 다행인 건 미리보기 화면에서 아래 그림처럼 오류가 있는 곳을 아주 자세히 실시간으로 알려준다는 거예요.

가운데에 보면 22째 줄 24번째 글자에 오류가 있다고 그 위치를 알려주죠. 그리고 그 뒤에는 태그가 열리고 닫히는 데 문제가 있다는 내용까지 알려주고요. <p> 태그로 시작했으면 </p> 태그로 끝나야 하는데 이게 맞지 않아서 생기는 오류였습니다. 다른 태그도 마찬가지죠.

CSS 오류 검사하기

HTML 오류 수정에 이어 이번에는 CSS 오류 수정이에요. CSS 오류는 자체적으로 오류 검사를 하지 않고 외부의 W3C에서 실행합니다. CSS에 오류가 있더라도 EPUB 파일을 이용하는데 아무런 문제가 없어요. 하지만 오류가 없어야 만든 사람이 원하는 모양대로 나오죠. 그러니까 오류 검사를 해서 오류를 수정하세요.

EPUB 오류 검사, 수정하기

다음은 마지막으로 EPUB에 대한 오류 검사입니다. 도구 메뉴에 있는 "FlightCrew로 EPUB 검증하기(V) F7 "이에요. 이 오류는 꼭 수정해야 합니다. 여기에 오류가 생기면 EPUB이 제대로 만들어지지 않습니다.

이 도구를 실행하면 제일 아래에 오류 창이 생기고 오류의 자세한 설명이 나옵니다. 오류를 더블클릭하면 해당 오류가 있는 페이지의 줄로 이동하니까 오류를 찾기가 쉬울 거예요. 혹시 오류가 있는 곳으로 이동하지 않는다면 도구 메뉴의 검색 - 찾기 메뉴를 이용해서 찾을 수 있어요.

HTML, PNG, JPG 파일에서 생기는 오류는 오류 내용을 읽어볼 필요도 없어요. 대부분 파일의 주소나 링크가 잘못되어서 생기는 오류입니다.

위 그림의 첫째 줄에서 Sigil_1.png 파일이 오류가 있다고 나오는데, 이 그림 파일을 사용하는 문서에서 이미지 파일의 주소가 틀린 경우죠. 그림 파일의 주소는 "/images/Sigil_1.png"인데, 이 경로가 틀린 거예요. 혹은 문서에서는 이 Sigil_1.png 파일을 넣는 소스 코드가 있는데, 이 그림 파일이 추가되어 있지 않을 때도 오류가 생겨요. 그때는 Images 폴더에 그림 파일을 추가해주면 됩니다.

123.xhtml 문서도 마찬가지로 경로가 틀렸거나 문서가 아예 추가되어 있지 않은 경우고요.

세 번째 줄에 있는 OEBPS/content.opf 오류는 조금 다른데요. 이건 EPUB의 기본요소가 빠져있다는 뜻이에요. language와 title이 없다는 뜻인데, 이건 블로그를 전자책으로 5. Sigil 도구 활용하기에서 소개한 메타데이터 편집기에서 입력하면 됩니다.

아래 창이 열리는데요. 제목, 저자를 입력하고 언어를 선택하고 저장합니다. 그리고 다시 유효성 검증을 하면 오류가 사라질 거예요.

오류 화면의 마지막 줄에 있는 toc.ncx 관련 오류는 위에 나오는 오류를 다 수정한 후에 블로그를 전자책으로 5. Sigil 도구 활용하기에서 소개한  도구 - 차례 - Generate Table of Contents를 실행하면 없어져요.

기본적으로 오류는 파일 관련 오류가 많고 나머지는 도구를 활용해서 수정할 수 있어요. 그러니까 도구 활용법을 잘 알아둬야 하죠.

이렇게 오류를 다 수정하고 나면 저장하세요. 그러면 EPUB 파일이 만들어집니다.

생각보다 귀찮은 작업이고 어려워 보이긴 하지만 두 세 번만 해보면 이해할 수 있어요. 수정해야 할 내용이나 사용하는 도구가 매번 같거든요. 이렇게 만든 EPUB 파일을 블로그에서 공유하거나 전자책 전문 사이트를 통해서 판매할 수도 있습니다.

함께 보면 좋은 글

블로그를 전자책으로 1. 전자책의 종류
블로그를 전자책으로 2. EPUB을 만들기 위한 준비
블로그를 전자책으로 3. Sigil에 대한 소개
블로그를 전자책으로 4. HTML, CSS 파일 만들기
블로그를 전자책으로 5. Sigil 도구 활용하기

애드센스 스코어 카드에 나오는 크롤러 오류 때문에 신경 많이 쓰이시죠? 크롤러 오류는 애드센스 수입과 별로 관계가 없으며 실제로 티스토리 사용자들로서는 아무런 해결책이 없다는 걸 아셔야 해요. (애드센스 크롤러 오류 원인과 해결 방법)

그런데도 불구하고 빨간 화살표로 표시되는 것 때문에 막연한 불안감을 갖는 분들이 많은 것 같아요. 그래서 이 글에서는 애드센스 크롤러 오류가 나쁜 지표가 아니라 좋은 지표일 수도 있다는 얘기를 해드릴게요. 좋게 생각하면 또 좋게 보이는 거니까요.

애드센스 크롤러 오류 긍정적으로 생각해요.

애드센스에서 생기는 크롤러 오류는 대부분이 로봇이 거부되어 생기는 오류예요. robots.txt 파일에서 막아놓았기 때문이죠.

크롤러 오류를 긍정적으로 생각해 보자고요.

크롤러 오류가 발생하는 곳 중 owner, admin은 관리자와 관련된 내용이니까 무시하고요. search, tag는 사용자와 관련된 내용이에요. 즉 방문자가 내 블로그에서 검색해서 결과 페이지에 광고가 노출되었다는 얘기죠. 또는 tag 중 하나를 클릭해서 관련 글의 목록과 광고가 표시되었다는 뜻이고요.

즉 search, tag에서 크롤링 오류가 많이 발생했다는 건 방문자들이 검색도 하고 관련 글을 많이 읽는다는 뜻으로 검색과 태그 기능을 제대로 이용하고 있다는 얘기죠.

검색과 태그를 잘 이용하고 있으면 체류시간, 페이지뷰도 늘어날 것이고 이탈률도 낮아지는 장점이 있죠. 그리고 블로그의 글이 마음에 들어 다른 글도 읽어본다는 거니까 블로그의 질이 높다는 것에 대한 반증이고요.

물론 애드센스 크롤러 오류가 search와 tag 사용량을 제대로 보여주지는 못하지만 그래도 그 추이는 알아볼 수 있잖아요.

애드센스 크롤러 오류를 그냥 수입이 떨어지는 좋지 못한 신호로 받아들이기 보다는 긍정적으로 바라보면 좋겠네요.

함께 보면 좋은 글

애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스 크기가 작은 광고가 나올 때
애드센스 크롤러 오류 원인과 해결 방법 - 스코어카드
애드센스 광고 유형 한 번에 수정하기 - 텍스트/이미지광고
애드센스 최적화 배치 도움되는 곳

수학방에는 "수학방을 다시 찾는 방법"이라는 공지가 있습니다. 애드센스 설정을 둘러보던 중 페이지를 찾을 수 없다는 크롤링 오류가 있어서 찾아보니 이 공지 글이더라고요.

무슨 일인가 싶어서 확인해보니 티스토리의 주소 버그로 생각되어 글 씁니다. 글 자체의 오류는 아니고 주소와 관련된 오류입니다. 제 블로그 뿐 아니라 다른 블로그에서도 확인해봤는데, 공지 글의 개수와 상관없이 생기는 오류로 보입니다.

관리자가 이 글을 읽고 해당 오류를 수정해줬으면 좋겠어요.

티스토리 공지 오류

글을 쓰때 글, 공지, 키워드, 서식 중 하나를 글의 종류로 선택해서 글을 작성합니다. 작성된 글의 종류에 따라서 주소를 생성하는 방법이 달라지죠.

티스토리의 글의 주소는 숫자로 지정되어 있을 경우 http://mathbang.net/123 처럼 생성됩니다. 그런데 공지는 http://mathbang.net/notice/301 처럼 중간에 "notice/"가 들어가죠.

블로그 검색에서 검색을 하면 블로그의 공지도 결과에 노출됩니다. 그런데 이 때는 링크 주소가 http://mathbang.net/301로 나와요. 실제 주소에서 중간의 "notice/"가 없지요.

위 그림은 일부러 해당 글만 검색 결과에 나오도록 제목을 길게 썼는데, "수학"처럼 간단한 검색어를 입력해도 결과는 마찬가지에요.

따라서 이 링크를 클릭하면 "잘못된 주소이거나, 비공개 또는 삭제된 글입니다"라는 오류 메시지가 나옵니다. 실제로 주소가 잘못된 글입니다.

별 것 아닌 오류일 수도 있겠지만 방문자 입장에서는 링크 연결이 제대로 되지 않는 블로그에 대한 신뢰가 떨어지겠죠. 이런 오류들이 검색 엔진에서 불량한 블로그로 인식되어 블로그의 가치가 떨어질 수 있습니다.

검색 결과에서 공지는 원래대로 http://mathbang.net/notice/301 처럼 주소를 갖도록 티스토리 측에서 빨리 수정해 주었으면 합니다.

함께 보면 좋은 글

티스토리에 네이버 이웃커넥트 설치하기
티스토리 이웃 링크 추가 버튼 만들기
애드센스 크롤러 오류 원인과 해결 방법 - 스코어카드
티스토리 비공개 글 찾는 방법, 작성중인 글
티스토리 프로필 레이어
티스토리 검색어 통계 플러그인 사용법
본문 검색창 설치로 블로그 페이지뷰 늘리기