+ Store 03

3. 티스토리 꾸미기 - 타이틀과 페이지(Page) 타이틀 순서 바꾸기

그룬 2013. 11. 15. 20:39


Image by lindslu


이번편에서는 타이틀(Title)과 페이지 타이틀(Page Title)의 순서를 변경하는 방법에 대해 알아볼까 합니다. 일단 제목만 보면 무슨 소리인가 할테니 먼저 간단히 알아보도록 합시다. 현재 자신의 블로그에 아무글이나 써서 들어가보죠. 글에 들어간 상태에서 상단의 홈페이지 상태(?)창을 보면 보통 아래와 같은 순서로 되어 있을 것입니다.


가정 :: 블로그 제목이 "그릉그릉한 라이프"라고 하고 현재 들어간 글 제목이 "블로그 꾸미기"라고 해봅시다.


글을 쓴 후에 해당 글에 들어가서 상단에 있는 제목을 보시면 아래와 같을 것입니다.


그릉그릉한 라이프 :: 블로그 꾸미기


우리는 이것을 아래와 같이 바꿀 것입니다.


블로그 꾸미기 :: 그릉그릉한 라이프


▼ 이미지 예제

△ 바꾸기 전


△ 바꾼 후



※ 왜 이런 불필요한 것을 해야하나요?


검색에 더 좋게 반영되기 위한 것이라고 할 수 있죠. 아주 짧은 순간이지만 블로그 제목을 검색하고 그리고서 글 제목을 검색하느냐와 단순히 글을 먼저 검색하게 하느냐라는 것입니다. 그래서 검색봇이 검색을 더 빨리 할 수 있도록 타이틀 순서를 바꾸는 것을 하는 것이죠.



타이틀 변경 순서는 아래와 같습니다.



Guide_


블로그 관리창에 들어가서 좌측을 보면 '꾸미기'라는게 있습니다. 그 중 'HTML/CSS편집'을 들어가서 보시면 두가지의 큰 형태를 보실 수 있습니다. skin.html과 style.css가 있는데 skin.html에 마우스를 한번 클릭해주고 'Ctrl+F'버튼으로 검색을 활성화시켜줍니다. 그곳에다가 아래 내용을 치고 검색을 해주세요.





검색된 위와 같은 내용을 아래와 같이 바꾸시면 됩니다.





※ 찾기 힘드신분들은 제일 위부터 아래 상자와 같이 찾아가시면 됩니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="alternate" type="application/rss+xml" title="so Burns" href="https://grlife.tistory.com/rss" />

<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />

<link rel="shortcut icon" href="https://grlife.tistory.com/favicon.ico" />

</head>


_End



※ 추가 팁



상단 제목창을 특이하게 꾸며보고 싶다면 위 <title></title> 사이에 있는 내용을 조금 바꿔보시는 것도 좋겠죠. 예를 들어 별을 넣어보고 싶다면 "<title>so Burns ★ 3. 티스토리 꾸미기 - 타이틀과 페이지(Page) 타이틀 순서 바꾸기</title>" 이런 형태로도 바꿀 수 있습니다. 같은 방식으로 글자를 넣어도 되겠죠? 




▼ 이미지 예제



반응형