brunch

브런치북 이야기로 다가가는 HTML 07화

라이킷 112 댓글 6

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 고코더 Feb 28. 2021

모든 정보를 한 줄로 요약하는 "<title> 태그"

제목은 기초이자, 중요한 요소이다.

칭찬은 고래도 춤추게 한다.

이 책의 영어 원제는 "Whale done"입니다. 한국에서 번역서가 출간될 때 제일 먼저 지어졌던 책의 제목은 "You Excellent : 칭찬의 힘"입니다. 하지만 반응이 없자 제목을 좀 더 재밌고 직관적으로 만들어 냅니다. 고래와 칭찬이라는 단어를 조합하여 만든 우리가 너무나도 익숙한 그 이름 "칭찬은 고래도 춤추게 한다."가 출간됩니다. 반응은 뜨거웠습니다. 2002년 출간한 이 책은 2018년도에 120만 부 판매를 기념 에디션이 출간된 것을 보면 밀리언 셀러라는 말이 어울리는 도서입니다. 재밌게 지은 제목 하나로 "XX는 XX를 춤추게 한다."라는 식의 많은 패러디도 많이 만들어 내었습니다. 이 책의 성공과정을 보면 제목은 내용만큼 중요할 때가 있습니다.

제목은 첫인상을 결정하는 중요한 역할을 합니다. 이는 모든 분야에서 통하는 법칙입니다. 제목 하나로 해당 대상에 대해 지례 짐작하게 되고 기대감을 갖게 만드는 힘이 있습니다. 그중에서도 책에서 제목은 서점에서 독자의 선택을 받게 만드는 중요한 역할을 합니다. 그래서 책이 출간될 때 항상 제목은 저자와 출판사 모두 머리를 싸매는 일입니다. IT 기술 블로그와 작가 서비스 브런치에 글을 기고하는 하는 저에게는 매일 제목과의 전쟁입니다. 가끔은 본문을 쓰는 시간보다. 글을 대표할 그 한 줄을 정하는 게 더 오래 걸리는 경우가 많습니다. 아무리 좋은 글도 초반에 이목을 끌어야 하기 때문입니다.

HTML 페이지의 제목 타이틀(title) 태그

HTML로 만든 결과물이 페이지입니다. 하나의 기승전결을 담겨 있는 디지털로 쓰인 온라인상의 종이 한 장이기 때문에 제목을 가져야 합니다. 웹 사이트도 해당 콘텐츠에 어떤 내용이 있는지, 요약한 한 줄이 필요로 합니다. 그런데 의외로 페이지마다 이런 제목이 있다는 걸 모르는 경우가 많습니다.

인터넷을 접속한 후에 브라우저 상단을 확인해보시길 바랍니다. 그러면 페이지 URL로 접속된 탭(Tab)이 존재합니다. 그리고 자세히 보면 한 줄로 요약된 글자가 보입니다. 이게 바로 현재 접속한 콘텐츠의 제목이 표시됩니다. 간혹 페이지 내에 가장 윗부분 내용이 글자가 보인다고 착각할 수 있지만 이건 타이틀 태그를 이용하여 지정해준 제목입니다. 물론 만약 해당 태그로 제목을 지정하지 않는다면, 가장 먼저 쓰인 텍스트가 노출되기도 합니다....