한번쯤 쓸만한 이야기

모바일과 PC 화면이 다르다면 모바일웹 자동 연결을 확인해 보자

요즘 만들어 지는 사이트 들을 보면 대부분 PC용, 모바일용을 따로 두지 않고 반응형 웹을 이용하여 하나의 사이트로 제작하는 경우가 많습니다.

반응형 웹이란, 어떠한 디바이스에서 사이트에 접근 하든 그에 맞게 UI가 동적으로 변형되어 사용자가 보다 쉽게 페이지를 이용할 수 있도록 만드는 웹 표준 기술을 말합니다.

이를 위해서는 CSS라는 언어를 공부해야 하지만 요즘에는 보다 쉽게 이러한 반응형 웹을이용할 수 있도록 스킨형태로 제공되는 경우가 많습니다.

일반사이트의 경우 워드프레스와 같은 설치형 사이트를 이용하게 되면 그에 맞게 제작된 다양한 반응형 스킨들을 구매 혹은 무료로 이용하여 보다 쉽게 나만의 사이트를 만들 수도 있고, 블로그에서 제공되는 스킨들도 요즘은 대부분 반응형 웹 형식으로 만들어 제공 되는 경우가 많습니다.

티스토리도 이 중 하나입니다.

티스토리 블로그를 시작 하여 맘에드는 반응형 웹 스킨을 골라 사용중인데 이상하게 모바일에서 볼때와 PC에서 볼 때 느낌이 많이 다르다면 한번 확인해 보시는 것도 좋습니다.

반응형 웹 스킨으로 선택 했는데 모바일에 잘 적용 됬는지 확인 해 보려면?

잘 모를 경우에는 PC에서 내 블로그에 접속 후 창의 좌우 크기를 줄여 보면 됩니다.

그럼 창이 좁아질수록 동적으로 화면이 길어 지는 것을 보실 수 있습니다.

만약 화면에 변화가 없다면 그것은 반응형 웹이 아니니 다시 스킨을 확인해 보시는게 좋습니다.

변화가 있다면 창을 최소로 줄였을 때의 화면이 모바일에서 접속했을 때와 같은지 확인해 보시면 됩니다.

반응형 웹이 잘 적용 되지 않았을 경우 대처법

이제 반응형 스킨을 쓰지만 모바일에 잘 적용되지 않은 분들을 위해 티스토리 블로그 반응형웹 스킨을 사용 시 모바일웹으로 이동하지 않도록 설정하는 방법에 대해 설명 드리겠습니다.

 #1. 이게 반응형 스킨을 사용중인 제 블로그의 모바일 화면이 잘 적용되지 않았을 때 입니다. 

 #2. 관리자 페이지 좌측 메뉴에서 모바일을 선택해 줍니다. 

 #3. 모바일 꾸미기 설정 페이지에서 티스토리 모바일웹 자동 연결을 사용하지 않습니다로 설정 후 변경사항 저장 버튼을 눌러 줍니다. 

 #4. 이제 모바일웹으로 연결되지 않고 반응형 스킨으로 보이도록 설정되었습니다. 

혹시 진행 하시다가 더 궁금하신 사항이나 잘안되시는 부분있으면 아래 댓글로 남겨 주세요.

티스토리 플러그인을 사용한 이전 글 링크 간편 삽입 방법

포스팅을 하다 보면 이전글을 사용 하고 싶을 경우가 더러 생기게 됩니다.

만약 이럴 경우 지금 설명 드릴 방법을 모르셨다면 일일히 이전글을 검색 해서 글 제목을 복사 해서 붙여 넣고 거기에 주소를 링크를 거는 번거로움을 겪고 계셨을 겁니다.

어쩌면 그래서 이 글을 보고 계실지도 모르겠네요.

티스토리 에디터에는 블로거들의 불편을 덜어 주기 위해 여러 플러그인을 제공하고 있습니다.

오늘 설명 드릴 것도 그 중 하나의 기능입니다.

바로 이전 발행 글 링크 삽입 하는 기능입니다.

이제 포스팅을 하다 이전에 설명 했던, 아니면 현재 작성 글과 관련이 있던 정보를 보다 빠르고 편하게 삽입해 보세요.

방법은 어렵지 않습니다.

단 몇번의 클릭 만으로 이 모든 것들이 가능하죠.

이전 발행 글 링크 삽입 방법은 아래와 같습니다.

 #1. 우선 글을 작성하기 위해 글쓰기를 시작합니다. 

 #2. 에디터가 뜨면 우측 기능창 하단쯤에 위치만 플러그인 탭을 열어 줍니다. 

 #3. 탭이 열리면 이전 글 넣기 항목을 선택 해 줍니다. 

(만약 이전 글 넣기가 없다면 아래쪽으로 내려 플러그인 설정 방법을 먼저 보세요.)

 #4. 팝업창이 열리며 내가 작성했던 글 목록이 나오고 원하는 글을 찾아 선택해 주면 됩니다. 

 #5. 그럼 위 그림과 같이 에디터 창 커서 위치에 제목과 링크가 걸려 자동으로 삽입되어 집니다. 

 #6. 만약 이전 글 넣기가 없다면 플러그인 탭 안에 있는 플러그인 설정 버튼을 눌러 줍니다. 

 #7. 그럼 위 이미지와 같이 플러그인 항목들이 나타나며 "이전 발행 글 링크 삽입" 항목을 활성화 해 주시면 됩니다. 

많이들 사용하지만 은근 모르고 계신 분들이 많더라고요.

혹시 포스팅을 하다 불편하셨던 부분이나 궁금하신 점이 있다면 댓글 남겨 주세요.

블로그나 사이트를 만들거나 운영하는 가장 큰 이유는 아마도 누군가 내가 작성한 글을 읽고 같이 공감하고 공유하고 싶은 이유가 아닐까 생각합니다.

그게 광고가 될 수도 있고 정보를 전달하는 글일 수도 있겠죠.

이처럼 열심히 글을 작성하였지만 누군가 찾아 오지 않는다면 글을 작성하는 사람 입장으로 그처럼 힘이 빠지는 일은 없지 않을까요.

때문에 많은 블로거들이 네이버, 구글, 다음과 같이 포털 사이트에 내 글이 키워드 검색에 노출되기를 바랄 것입니다.

하지만 막연히 글을 작성한다고 해서 키워드 검색에 노출될까요?

(물론 티스토리의 경우 별다른 작업 없이 글만 작성해도 다음 포털의 키워드 검색에 노출된다.)

오랜 시간이 지나면 언젠가 크롤러 봇이 내 사이트를 찾아 정보를 수집하긴 할테지만 그보다 빠른 방법이 있다면 블로거 입장에서 마다할 이유가 없습니다.

그 방법은 바로 각 포털 사이트의 웹마스터 도구라는 곳에 내 사이트를 등록하는 것입니다.

그렇게 되면 해당 포털 사이트의 웹 크롤러 봇이 미리 내 블로그 정보를 기억하고 있다가 글이 등록되면 바로바로 수집해 가게 되는 것이죠.

그럼 보다 빨리 포털사이트의 키워드 검색 시 내 글이 나타날 수 있습니다.

오늘은 그 중 가장 대표적인 네이버 웹마스터 도구에 내 사이트나 블로그를 등록하는 방법에 대해 설명 드리겠습니다.

그 전에 네이버에 가입이 되어 있어야 겠죠?

(네이버 가입에 대해서는 따로 설명 드리지 않고 가입되어 있다는 조건하에 설명 드리겠습니다.)

 #1. 우선 네이버에 접속하여 "네이버 웹마스터도구"를 검색하여 접속합니다. 

 #2. 네이버 웹마스터도구 싸이트 우측 상단의 로그인 버튼을 클릭합니다. 

 #3. 로그인 창이 나오면 로그인 후 위와 같은 화면이 나오면 자신의 사이트 주소를 입력 후 추가 버튼을 클릭해 줍니다. 

 #4. 사이트 소유 확인은 3가지 방법 중 한가지를 선택하면 되며 블로그의 경우 "HTML 태그" 방식을 선택 후 메타 태그 부분의 파란 부분을 복사 해 줍니다. 

(사이트를 등록 하실 경우엔 HTML파일 업로드 방식이 더 간편합니다.)

 #5. 이제 자신의 티스토리 블로그 관리자 페이지에 접속하여 좌측 스킨편집 메뉴를 선택해 줍니다. 

 #6. 스킨 편집 페이지 우측에 있는 "html편집" 버튼을 눌러 줍니다. 

 #7. HTML편집 화면이 나오면 아까 복사한 매타태그를 적당한 위치에 넣은 후 적용 버튼을 선택 해 줍니다. 

 #8. 다시 네이버 웹마스터도구로 돌아와 확인 버튼을 클릭합니다. 

 #9. 본인의 매타태그를 잘 입력하였으면 위와 같은 팝업이 뜨며 소유 확인이 완료 됩니다. 

 #10. 같은 방식으로 https, http 주소를 둘 다 등록해 주시면 좋습니다. 

이상 네이버 웹마스터 도구에 자신의 사이트, 블로그 주소를 등록하는 방법에 대해 알아 보았습니다.

혹시 잘 안되시거나 궁금하신 부분이 있다면 댓글 남겨 주세요.

블로그를 운영하다 보면 자신의 블로그가 포털 사이트에 상위 노출을 하기 위해 알아 보다 보면 사이트맵이란걸 만들어 줘야 할 경우가 생깁니다.

사이트맵(sitemap)이란 내 사이트의 이정표이자 사용자(접속자)가 접근 가능한 주소(url)의 목록을 말합니다.

바꿔 말하면 웹 크롤링 봇이 내 사이트에 접근하여 정보를 수집할 수 있는 목록이라고 볼 수 있습니다.

때문에 웹 크롤링 봇이 보다 쉽고 빠르고 정확하게 나의 사이트나 블로그의 정보를 접근하여 수집하게 하기 위해서는 아무래도 사이트맵이 있는 것이 좋다고 볼 수 있습니다.

이 때문에 각 포털 사이트에서는 웹마스터 도구를 통해 사이트맵을 등록할 수 있도록 제공하기도 합니다.

각 포털 사이트 웹마스터 도구에 사이트맵을 등록하는 방법은 다음시간에 하나하나 다루도록 하고 오늘은 이러한 사이트맵을 만드는 방법에 대해 설명드리겠습니다.

 #1. 구글에 접속하여 "sitemap generator"를 입력하면 사이트맵을 생성할 수 있는 수많은 사이트가 나옵니다. 

(저는 이 중 web-site-map.com를 이용하는 방법에 대해 설명 드리겠습니다.)

접속 주소 : http://www.web-site-map.com/

 #2. 자신의 사이트 주소나 블로그 주소의 도메인을 입력 후 Get free XML Sitemap 버튼을 선택합니다. 

 #3. 정보 입력/선택 창이 나오면 자신의 원하는 수집방법을 선택 후 Create free XML Sitemap 버튼을 눌러 줍니다. 

(잘 모르시면 그냥 저와 같이 설정 후 진행해 주세요.)

 #4. url 수집이 시작하면 위와 같이 xx pages processed가 뜨며 다 수집될 때까지 기다려 주시면 됩니다. 

 #5. 수집이 완료 되면 COMPLETED가 뜨며 바로 아래 download yout Sitemap를 눌러 주시면됩니다. 

(글이 많을 수록 수집이 오래 걸리니 시간을 갖고 기다려 주세요.)

 #6. 이제 Sitemap.xml를 다운받을 수 있는 페이지가 뜨고 download를 눌러 주시면 다운받으실 수 있습니다. 

이렇게 생성된 사이트맵(Sitemap.xml) 파일은 자신의 사이트나 블로그에 위치하여야 그 효력이 있습니다.

일반 사이트의 경우엔 자신의 호스팅에 이 sitemap.xml파일을 FTP를 통해 업로드하여 간단히 해결 할 수 있지만 티스토리 블로그의 경우 FTP형태로 제공되지 않기 때문에 아래와 방법과 같이 업로드 해 주셔야 합니다.

 #1. 관리자 페이지에 접속하여 글쓰기 버튼을 눌러 줍니다. 

 #2. 적당히 제목을 입력하고 제목아래 파일 아이콘을 눌러 생성한 sitemap.xml파일을 선택 후 등록해 줍니다. 

 #3. 글에 첨부 파일이 추가 된 것을 확인 후 글을 비공개로 변경 하여 발행합니다. 

 #4. 등록된 글을 선택하여 블로그 글로 이동합니다. 

 #5. sitemap.xml파일에 마우스를 올리고 우측 클릭하면 링크 주소 복사가 뜨고 이걸 누르면 자신의 sitemap.xml 위치가 복사됩니다. 

(이 후 웹마스터 도구에 xml파일 경로 등록 시 이 주소를 사용하시면 됩니다.)

이상 sitemap.xml파일 생성 방법과 티스토리 블로그에 사이트맵을 등록하는 방법에 대해 알아 보았습니다.

다음에는 이 사이트맵 파일을 네이버, 다음, 구글, 빙 등의 포털 사이트에 등록 하는 방법에 대해 설명 드리겠습니다.

티스토리 블로그의 장점중에 하나는 웹 퍼블리싱 스킬만 있다면 UI를 마음대로 수정할 수 있다는 것입니다.

하지만 그러지 못하는 많은 사용자들을 위해 다양한(?) 스킨을 제공하기도 합니다.

오늘은 그러한 다양한 스킨을 사용하는 법에 대해 알아 보겠습니다.

 #1. 관리자 페이지에 접속하여 좌측 메뉴에서 스킨변경을 선택합니다. 

 #2. 스킨 선택 화면이 나오면 원하는 스킨을 골라 봅니다. 

(저는 반응형 스킨으로 하고 싶어서 우측 상단 보기에서 반응형을 선택하여 골랐습니다.)

 #3. 원하는 스킨을 골랐다면 해당 스킨의 우측 아래 "···" 메뉴를 눌러 미리 보기로 확인 후 적용을 눌러 줍니다. 

 #4. 상단에 사용중으로 선택된 스킨을 보면 변경된 것을 확인 하실 수 있습니다. 

실제 블로그로 접속 해 보아도 이전 스킨이 아닌 선택한 스킨이 적용 된 것을 바로 보실 수 있습니다.

스킨변경은 블로그의 특성이 변경되는 것이 아닌 style만 변경되는 것이니 기분에 따라 바꿔 주셔도 괜찮습니다.

티스토리 블로그에 글을 작성하다 보면 글이 너무 많아 지기도 하고 각기 다른 성격의 글을 생기게 되죠.

이럴 때 카테고리 별로 나누면 관리도 더 편해지고 보는 사람도 더 편하게 이용할 수 있습니다.

오늘은 티스토리 블로그의 카테고리를 생성하고 적용/수정하는 방법에 대해 간단히 알려 드리겠습니다.

 #1. 티스토리 관리자 페이지로 접속하여 좌측 메뉴에 카테고리 관리를 선택합니다. 

 #2. 카테고리 메뉴에서 카테고리 추가 버튼을 선택합니다. 

 #3. 카테고리 입력 창이 나오면 카테고리 명을 입력 후 우측에 확인 버튼을 누르고 최종적으로 아래 변경사항 저장 버튼을 눌러 줍니다. 

(수정도 같은 방식으로 진행 하시면 됩니다.)

 #4. 혹시 이전 글의 카테고리를 변경하고 싶다면 좌측 글관리 메뉴를 선택하여 글 관리 페이지로 이동합니다. 

 #5. 글 관리 페이지에서 카테고리를 변경할 글 위에 마우스를 가져다 대면 사진과 같이 수정 버튼이 나타납니다. 

 #6. 에디터 창이 나타나면 좌측 상단에 카테고리창을 원하는 카테고리로 선택 후 하단에 발행 버튼을 눌러 줍니다. 

 #7. 최종 확인 레이어 팝업이 뜨면 발행 버튼을 선택해 주면 변경 된 카테고리 항목을 확인 하실 수 있습니다. 

티스토리 블로그를 생성하였다면 이제 글을 직접 작성할 일만 남았습니다.

티스토리에서 제공하는 에디터를 사용하여 쉽게 글작성을 할 수 있지만 혹시나 처음 티스토리를 사용하시는 분이나 UI가 헷갈리시는 분들을 위해 간단히 글작성 방법에 대해 알려 드리겠습니다.

 #1. 자신의 티스토리 블로그에 접속 하여 제일 하단에 관리자 버튼을 클릭합니다. 

(혹시 관리자가 안보이시는 분은 자신의 블로그 주소 뒤에 admin를 붙이시면됩니다.

예 : http://szinlee.tistory.com/admin)

 #2. 로그인 창이 나오면 자신의 계정을 입력하여 로그인을 합니다. 

 #3. 관리자 페이지 상단바에 있는 글쓰기 버튼이나 좌측에 있는 쓰리 버튼을 클릭합니다. 

 #4. 에디터창이 나오면 원하는 글의 제목과 내용을 작성 후 하단에 발행 버튼을 누릅니다. 

(바로 공개글을 등록 하고 싶다면 발행 전 우측 상단에 있는 공개 버튼을 클릭 후 발행 버튼을 누르시면 됩니다.)

 #5. 정말 블로그에 등록 할지 레이어 팝업이 뜨니 저장 버튼을 눌러 줍니다. 

이제 글 작성이 완료 되었습니다.

자신의 블로그에 접속 하셔서 글이 잘 등록 되었나 확인해 보시면 됩니다.

혹시 로그아웃 이후에 블로그에 글이 안보인다면 관리자 페이지 글관리 페이지로 들어가 아래와 같이 비공개가 되어 있지는 않은 지 확인 후 공개로 변경해 주시면 됩니다.

2019년을 맞이하여 새롭운 마음가짐으로 시작하고자 새 블로그를 개설해 보았습니다.

블로그는 여러 포탈 사이트에서도 제공을 해주기도 하고 아니면 직접 워드프레스, 그누보드, 제로보드와 같은 설치형 싸이트를 통해 블로그를 만드시는 분도 많이 있습니다.

그 밖에 요즘에는 지킬(jekyll)을 사용하여 블로그를 운영하는 개발자, 디자이너 분들도  많이 계십니다.

저도 처음에는 지킬(jekyll)을 사용하여 시작을 하려다 그래도 티스토리를 운영한 경험이 있어 조금이나마 더 익숙한 티스토리를 다시 선택하게 되었습니다.

설치형 블로그도 운영 해봣지만 호스팅 비용, 도메인 비용 등 신경써야 할 부분들이 있어 결국 다시 티스토리로 돌아왔었죠.

새롭게 시작하는 블로그의 첫글은 아무래도 티스토리 블로그를 만드는 방법이 어떨까 생각이 드네요.

이전에는 초대장 제도가 있어서 아무나 티스토리 블로그를 만들 수 없었습니다.

저도 처음 티스토리를 시작할 때 어렵게 초대장을 구했던 기억이 나는데 이후 열심히 활동해서 초대장을 나눠 주기도 했었습니다.

근데 2018년 10월 23일 이후로 12년간 유지해 온 초대장 제도를 폐지 하였습니다.

그래서 이제는 누구나 티스토리에 블로그를 생성 할 수 있게 되었습니다.

자 그럼 이제 간단히 티스토리에 블로그를 생성하는 방법을 알아 보도록 하겠습니다.

 #1. http://tistory.com에 접속하여 가입하기 버튼을 눌러 주세요 (상단 우측에 존재합니다) 

 #2. 이용 약관 및 개인정보 수집이용에 동의 하셔야 가입이 가능합니다. 

 모두 체크 후 다음 버튼을 눌러 주세요. 

 #3.운영할 블로그의 계정 정보 및 블로그 정보를 간단하게 입력 후 다음 버튼을 눌러 주세요. 

(*주의 : 이 때 입력한 이메일로 인증이 필요하므로 꼭 본인이 사용중인 이메일을 입력 해 주세요.)

 #4. 원하시는 스킨을 선택 후 스킨 적용 버튼을 누릅니다. 

(제 가입 기준으로 3개의 스킨이 제공되더군요. 맘에 들지 않아도 일단 선택해 줍니다.)

 #5. 스킨까지 선택하셨다면 가입을 위한 인증 단계입니다. 

(입력한 이메일로 인증 메일이 가며 위 그림과 같이 메일에 로그인 하여 이메일 인증하기 버튼을 눌러 주시면 됩니다.)

 #6. 이제 가입이 완료 되었습니다! 로그인 버튼을 눌러 주세요. 

 #7. 가입한 계정 정보로 다시 한번 로그인을 해 주시면 됩니다. 

 성공적으로 블로그가 개설 되었습니다.  

예전처럼 가입 정보 입력이 복잡하지도 않고 가입 절차도 이메일 인증만 거치면 되니 간단하죠.

혹시 티스토리 블로그를 만드시다 어려운 점이 있으시거나 궁금하신 점 있으셨다면 댓글 남겨 주세요.