한번쯤 쓸만한 이야기

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

방법은 어렵지 않습니다.

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

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

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

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

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

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

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

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

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

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

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

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

구글 웹마스터 도구에 사이트를 등록했다고 모든 것이 끝난 것은 아닙니다.

좀 더 구글 검색 로봇이 나의 사이트의 정보를 정확히 빠짐없이 가져가도록 하기 위해서 사이트맵(sitemap) 등록은 매우 중요합니다.

구글 검색 로봇 뿐 아니라 대부분의 웹 크롤링 로봇들이 사이트를 잘 수집할 수 있도록 하는 몇가지 요소가 있는데 이는 다음과 같습니다.

1. 사이트맵(sitemap.xml)이 있는가?

2. RSS를 제공하는가?

3. robots.txt 설정에 문제가 없는가?

첫째로 사이트맵이란 것은 나의 사이트의 url모음이라고 생각하면 됩니다.

때문에 사이트 맵이 있으면 검색봇이 한눈에 수집할 위치를 알 수 있게 되어 더 명확히 수집 항목을 알 수 있습니다.

둘째로 RSS는 내 사이트의 최신 글 정보를 담고 있는 파일입니다.

RSS파일이 존재한면 검색봇 입장에서 최신 정보를 더 쉽게 접근할 수 있을 것입니다.

셋째로 robots.txt 파일의 설정입니다.

아무리 다른 것들이 잘 구성되어 있어도 실제 robots.txt파일에 설정에 따라 아예 검색봇이 접근을 못할 수도있고 필요한 위치만 접근하게 할 수도있습니다.

때문에 robots.txt파일 설정도 매우 중요합니다.

하지만 티스토리 블로그의 경우 기본적으로 robots.txt파일이 아주 잘 설정되어있기 때문에 이 부분은 크게 신경쓰지 않아도 됩니다.

간단하게 설명한다고 적었는데도 서두가 너무 길어진 느낌이네요.

다음에 기회가 된다면 각 항목별로 더 자세히 정리해 드리겠습니다.

이제 본격적으로 구글 웹마스터 도구에 사이트맵(sitemap.xml) 파일을 등록하는 방법에 대해 알려 드리겠습니다.

우선 sitemap.xml파일은 생성하여 블로그에 올렸다는 가정하에 진행하도록 하겠습니다.

만약 아직 sitemap.xml파일을 생성/등록하지 않았거나 등록했던 사이트맵 URL이 기억나지 않는다면 아래 링크를 먼저 확인 후 이어서 진행해 주시면 됩니다.

 #1. 구글에 웹마스터 도구를 검색하여 접속 합니다. 

 #2. Google Search Console를 시작합니다. 

 #3. 등록한 속성(사이트)을 선택 후 좌측 Sitemaps 메뉴를 선택합니다. 

 #4. 미리 복사해 두었던 내 사이트의 사이트맵 url를 붙여넣고 제출 버튼을 클릭합니다. 

* URL를 붙여 넣을 시 앞에 도메인 부분이 중복 될 수 있으니 확인 후 제출 하세요.

 #5. 정상적으로 제출이 되었다면 위와 같은 팝업이 나타납니다. 

오늘은 구글 웹마스터 도구에 사이트맵을 제출하는 방법에 대해 알아 보았습니다.

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

얼마 전 네이버 웹마스터 도구에 블로그를 등록하는 방법에 대해서 설명 드렸습니다.

이번에는 구글에 네이버와 마찬가지로 웹마스터 도구를 이용하여 블로그를 등록하는 방법에 대해서 설명드리려고 합니다.

블로그를 어느정도 운영해 보신 분들은 알겠지만 국내 블로그 유입률의 80% 이상이 네이버에서 유입된다고 해도 과언이 아닙니다.

하지만 그렇다고 네이버에만 집중할 수는 없습니다.

그 이유는 첫째, 자주 변경되는 네이버 검색 로직에 언제까지 의존할 수 없기 때문입니다.

약 2017년 후반부터 네이버 검색 로직에 큰 변화가 있었는지 그 쯤에 네이버 접속률이 현저히 줄어든 블로그가 상당히 많은 것으로 기억합니다.

하루에 네이버 유입이 몇천, 몇만씩 유지하던 티스토리 블로그들이 그 쯤에 접속자가 많이 준 것으로 알고 있습니다.

실제로 네이버에 키워드 검색을 해봐도 이제 티스토리(tistory) 보다는 네이버 블로그가 대부분 상위 노출이 되고 있습니다.

둘째, 특별한 이유 없이 저품질이 되는 경우를 대비하여 구글에도 등록하여 대비 하자는 이유에 있습니다.

물론 다른 포털 사이트도 미리 등록해 두면 좋지만 요즘은 네이버 만큼이나 국내 인터넷 사용자들이 구글을 많이 사용하고 있기 때문에 구글 웹마스터 도구에 등록하는 방법에 대해 먼저 알아 보겠습니다.

물론 당연히 구글 계정에는 가입이 되어 있어야 겠지요?

 #1. 구글에 접속하여 웹마스터도구를 검색하여 접속합니다. 

 #2. Google Search Console 사이트에 접속 하면 시작하기 버튼을 클릭합니다. 

 #3. 좌측 상단쯤에 속성 부분을 클릭하여 속성 추가를 시작합니다. 

(구글은 사이트 개념을 속성이라고 하는 듯 보입니다.)

 #4. 속성 추가 팝업이 뜨면 나의 사이트 주소(블로그 주소)를 입력하고 계속 버튼을 클릭합니다. 

 #5. 사이트의 경우 권장 확인 방법인 HTML파일을 올리는게 더 간편하지만 우리는 블로그를 등록하기 때문에 다른 확인 방법에 있는 HTML 태그를 선택하여 1번에 있는 메타태그를 복사해 줍니다. 

 #6. 이제 자신의 블로그 관리자 페이지에 접속하여 좌측 스킨편집 메뉴로 들어갑니다. 

 #7. 스킨편집 메뉴 우측에 html편집 버튼을 눌러 줍니다. 

 #8. HTML 편집창이 나오면 적당한 위치에 아까 복사한 메타태그를 붙여 넣은 후 적용 버튼을 눌러 줍니다. 

 #9. 다시 구글 웹마스터 도구로 돌아와서 팝업의 확인 버튼을 눌러 줍니다. 

 #10. 메타태그가 정상적으로 입력되었다면 위와 같이 소유권 확인 팝업이 나타납니다. 

 #11. 속성으로 이동해 보면 정상적으로 블로그가 등록된 것을 확인 하실 수 있습니다. 

추가를 했다고 바로 사이트가 수집되는 것이 아니라 구글 봇이 순차적으로 등록된 사이트를 돌기 때문에 데이터가 수집될 때 까지 실적이 나타나지 않습니다.

몇시간에서 몇일을 기다리다 보면 정상적으로 수집이 된 것을 확인 하실 수 있을 겁니다.

수집이 되면 그 때 다시 관련하여 포스팅 하도록 하겠습니다.

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

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

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

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

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

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

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

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

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

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

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

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

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

 #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파일 생성 방법과 티스토리 블로그에 사이트맵을 등록하는 방법에 대해 알아 보았습니다.

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

블로그 배경색과 내가 추가하려는 이미지의 색상이 같을 경우 그 경계가 구분이 모호해서 글을 읽기가 불편할 경우가 있습니다.

특히 저와 같이 흰색 배경을 한 블로그라면 더욱 느끼셨을 수도 있습니다.

그렇다고 매번 이미지에 선을 그려 넣을 수도 없고, 글을 쓸때마다 html를 수정하여 이미지에 효과를 주기도 난감한 상황입니다.

만일 그렇게 한다고 해도 이전에 작성한 글들까지도 일일히 수정하기도 난감하고 글쓰는거 보다 이미지 작업이 더 번거로워 질 수도있습니다.

아래 이미지처럼 블로그를 할 때 흰색 이미지를 특히 많이 쓰게 되는데 이게 글인지 이미지 인지 어디까지가 설명이고 어디까지가 이미지 인지 한눈에 구별하기가 애매하시죠?

(한눈에 글과 이미지의 경계가 구분되지 않아 애매한 감이 있다.)

물론 이렇게 까지 신경을 쓰지 않는 블로거들도 많겠지만 그래도 조금이나마 찾아 오는 방문자에게 보다 가독성 있는 글을 전달하고 싶을 블로거들을 위해 이 글을 바칩니다.

 #1. 우선 블로그 관리자 페이지로 들어가 좌측 중간쯤에 있는 스킨편집 메뉴를 선택한다. 

 #2. 스킨 편집 페이지가 뜨면 우측에 있는 html편집 버튼을 선택한다. 

 #3. html편집 창이 뜨면 상단의 "CSS"를 선택한다. 

 #4. CSS 수정 창이 뜨면 아래와 같이 코드를 추가 후 적용 버튼을 눌러 준다.(코드 위치는 상관없다.) 

 #5. 변경 전과 변경 후의 이미지를 보면 이미지 경계가 뚜렷해 진 것을 확인 할 수 있다. 

티스토리는 이 밖에도 자신이 원하는 대로 스타일을 변경 할 수 있다는 장점이 있습니다.

좀 더 다양한 효과를 내거나 더 알고 싶으신 분은 html, CSS를 공부 하시면 됩니다.

나름 자세히 쓴다고 썼는데 그래도 이해가 잘 가지 않거나 잘 안되시는 분은 댓글 남겨 주세요.

티스토리는 2가지 형태로 블로그 포스트 주소를 변경 할 수 있습니다.

바로 숫자 or 문자 방식입니다.

숫자로 할 경우 블로그 주소 뒤에 1부터 시작해서 글 수대로 숫자가 증가하고, 문자로 할 경우 블로그 주소 뒤에 제목이 붙는 형태로 나타납니다.

많은 분들이 포스트 주소에 따른 SEO(검색 엔진 최적화)가 어떨지 어떤 주소를 사용해야 검색어에 잘 걸려서 유입률이 늘어날지에 대해 말도 많고 많이 궁금해 하시기도 합니다.

구글의 경우 키워드 검색 시 주소에 검색 키워드가 포함되어 있으면 검색 노출에 더 유리하다고 하여 문자로 선택하시는 분들도 계십니다.

하지만 다음이나 네이버의 경우 주소가 한글로 제대로 나오지 않고 "%EC%9B%8C%EB%"와 같은식으로 변형되어 나타나기 때문에 오히려 악영향을 끼친다는 얘기도 있습니다.

실제 네이버에서 키워드를 검색해 보면 검색 결과에 나오는 티스토리 블로그들 대부분이 숫자형태를 사용하고 있는 것을 확인 하실 수 있습니다.

또한 구글에서도 키워드 검색을 해보면 검색 결과에 문자형보다 숫자형 티스토리 블로그들이 많이 눈에 띕니다.

(왜인지 모르겠지만 인기있는 티스토리 블로그는 대부분 숫자형태가 많습니다.)

제 개인적인 생각으로는 숫자형이냐 문자형이냐 보다는 블로그가 얼마나 더 검색봇에 맞게 최적화 되어있는지가 더 중요해 보입니다.

결국 숫자형으로 하든 문자형으로 하든 본인의 선택이 아닐까 생각합니다.

참고로 저는 숫자형은 택했습니다.

하지만 혹시 문자형으로 변경하고 싶으신 분들을 위해 티스토리 포스트 주소 변경 방법에 대해 알려 드리겠습니다.

 #1. 블로그 관리자 페이지에 접속해 좌측 하단에 위치한 관리 - 블로그 메뉴를 선택한다. 

 #2. 스크롤을 내리다 보면 주소 설정 부분이 나오며 해당 부분에서 포스트 주소를 원하는 형태로 선택 후 좌측 하단에 변경 사항 저장 버튼을 선택한다. 

주소의 경우 검색엔진에 영향을 주기 때문에 너무 자주 변경 하게 되면 접속자수 유입률에 영향을 끼칠 수 있으니 신중히 선택 후 변경하시는걸 추천 드립니다.