티스토리 404 에러 나의 블로그 홈으로 이동시켜주기

블로그를 다시 운영하면서 예전 지저분한 글을 조금 지웠더니, 그게 어떻게 검색이 되는지 홈페이지로 유입된 결과화면이 있네요. 하지만 그 글들은 존재하지 않는 페이지이기 때문에 제 블로그로 전혀 유입이 되지 않습니다. 두가지 화면이 보이더라구요.

한가지는 티스토리 자체화면.. 찾으시려는 웹페이지는 존재하지 않는 페이지입니다...

이건 티스토리 서버에 파일 자체가 없다는 메시지인데 어쩌다가 이런화면이 떴는지 난감합니다.

또한가지 전형적인 http 404 에러 페이지 입니다.

비공개 또는 삭제된 글입니라 라는 문구가 보이네요.

포스팅했던 글을 비공개 하거나 삭제하면 404에러 메세지가 뜨면서 구글 애드센스의 크롤링 점수에도 영향을 주는 것 같습니다.

아무것도 보이는 글이 없기때문에 블로그 방문자들은 브라우저 X버튼을 클릭하면서 그대로 이탈할 것 같네요. 그래도 내 블로그 글을 검색해서 들어온건데 어떻게든 내 블로그를 볼 수 있도록 만들고 싶어졌어요.

그래서 404 에러 페이지를 하나 만들어봤습니다.

좀 그럴싸하게 만들어보려고 했는데 요따구~~네요 ^^;

저 고양이 이미지는 티스토리 에디터에서 사용되는 이미지인데 사용해도 되는것인지 모르겠어요~

에디터에서 마음껏 사용하도록 되어 있으니까 사용해도 괜찮지 않을까요?

이게 실제로 어떻게 보이는지 보고 싶으신 분은 한번 보셔도 좋겠네요

http://www.zoomup.co.kr/32

암튼..

이미지와 텍스트를 활용해서 만들고 스킨이미지 폴더에 Sorry.html 이라는 파일명으로 저장했습니다.

이게 제가 간단히 만든 소스예요~

404 에러 대체 소스

<center>

<table width="579" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="http://cfs.tistory.com/custom/blog/156/1569830/skin/images/top.gif" width="579"></td>

</tr>

<tr>

<td valign="top" background="http://cfs.tistory.com/custom/blog/156/1569830/skin/images/bg.gif">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<Td  style="PADDING-left:35px;PADDING-top:10px;PADDING-bottom:10px;" align="left">

<p style="font-size:13px;color:#3C3C3C">

<strong>제 블로그를 찾아주셔서 감사해요.</strong><br><br>

연결하려는 페이지에 문제가 있어 표시할 수 없습니다.<br><br>

현재 페이지에 계속 접속할 수 없습니다.<br><br>

<a href="http://www.zoomup.co.kr">줌업세상 홈으로 가기</a><br>

</p>

</td>

</tr>

<tr>

<td style="text-align:center;"><a href="http://www.zoomup.co.kr"><img src="http://cfs.tistory.com/custom/blog/156/1569830/skin/images/bt_ok.gif"></a></td>

</tr>

</table>

</td>

</tr>

<tr>

<td><img src="http://cfs.tistory.com/custom/blog/156/1569830/skin/images/bottom.gif"></td>

</tr>

</table>

</center>

이렇게 해서 기본적인 파일을 저장해 두었으니, 이제는 404 에러가 발생했을때 만들어 놓은 페이지로 이동시켜주는 방법만 남았네요.

여기 저기에서 가장 적합한 방법을 찾아봤습니다.

스크립트를 이용하는 방법이 가장 좋은 것 같더군요. 티스토리는 스킨을 자유자제로 주물러 줄 수 있어서 스크립트 활용도가 상당히 높은 것 같습니다. 이를 악용하는 사람들도 많은것 같은데, 요즘은 많이 찾아볼 수 없더라구요 ^^;

아마 404 에러 페이지를 내 홈페이지로 전환시키는 것 역시도 악용될 수 있을 것 같다는 생각이 들기도 합니다.

에러페이지를 내가 만든 페이지로 보내기

<script type="text/javascript">

if (document.title == "" && document.location != "http://zoomup.co.kr/" && document.location != "http://www.zoomup.co.kr/" 

&& document.location != "http://zoomup.tistory.com/") {

var currentM;

currentM = location.href.split("/")[3];

currentM = currentM.split("?page=")[0];

currentM = currentM.split("#comment")[0];

if(currentM !='?mode=TabloidSetting' && currentM !='guestbook' && currentM !='media' && currentM !='category'&& currentM !='tag'&& currentM !='archive'&& currentM !='search'){

location.replace("http://cfs.tistory.com/custom/blog/156/1569830/skin/images/sorry.html");

}

}

</script>

이 부분은 skin.html 파일 상단에 넣어주면 됩니다.

내 블로그 제목이 없거나 특정한 주소만 가지고 있을때는 미리 만들어놓은 sorry.html 파일로 이동하라는 것이죠~

단! 방명록, 카테고리, 테그 등을 볼때는 예외시키는 부분입니다.

티스토리 블로그 운영의 길이 아직도 멀었네요.

언제 안정화가 될런지.... 아~아직 주제도 못정했구나 ㅎㅎ