한번쯤 쓸만한 이야기

모바일과 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. 속성으로 이동해 보면 정상적으로 블로그가 등록된 것을 확인 하실 수 있습니다. 

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

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

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

인터넷을 보다가 갑자기 이미지를 저장하거나 그 외에도 컵퓨터를 하다가 화면을 캡쳐 해야 할 일이 더러 있습니다.

요즘은 인터넷에서 불펌을 막기 위해 이미지 저장이 되지 않는 경우가 많기 때문에 캡쳐를 해야 할 경우도 있죠.

(물론 개인적인 보관용이 아닌 상업적으로 사용할 경우 문제가 될 수 있으니 불펌일 경우 혼자만 두고 보시길..)

특히 블로그를 운영하는 사람이라면 화면의 이미지를 캡쳐할 일이 더욱 더 많습니다.

하지만 이 때마다 매번 프로그램을 실행하여 캡쳐 해야 한다면 정말 번거롭겠죠.

그래서 오늘은 제가 어떻게 쉽게 화면을 캡쳐 하는지 그 방법에 대해 알려 드리겠습니다.

저는 윈도우에서 제공하는 기본 캡쳐 기능을 사용하는데 윈도우7 시절부터 이 기능을 주로 사용했습니다.

그 이전 윈도우에도 캡쳐 기능이 있는지 모르겠지만 윈도우7 이후 사용자라면 비슷한 방법으로 사용하 실 수 있습니다.

저는 현재 윈도우10을 이용하기 때문에 윈도우10 기준으로 설명 드리겠습니다.

 #1. 윈도우에서 검색 아이콘을 누르거나 키보드 윈도우 키를 누른 후 "캡처"라고 입력하여 캡처 도구를 확인합니다. 

 #2. 캡처도구를 우클릭하여 시작 화면에 고정 하시면 더 쉽게 캡처도구를 사용할 수 있습니다. 

 #3. 캡처도구를 실행하면 위와 같은 화면이 뜨고 새로 만들기 버튼을 눌러서 캡처를 시작합니다. 

(윈도우7은 따로 새로 만들기 버튼을 안눌러도 바로 캡처가 진행됩니다. 윈도우10에선 왜 이렇게 했는지..)

 #4. 이제 캡처할 영역을 선택하여 캡처 후 저장 아이콘을 클릭하여 파일을 저장하시면 됩니다. 

저는 사각형 캡처(부분 캡처)를 주로 쓰기 때문에 기본 사각형 캡처로 해 놓고 쓰지만 새로 만들기 버튼 옆에 모드를 선택하시면 자유형 캡처, 사각형 캡처, 창캡처로 선택하여 사용할 수 있습니다.

또한 캡처 후에 캡처 이미지에 펜툴을 사용하여 간단한 표시나 형광펜으로 체크를 하실 수 있습니다.

복잡한 기능없이 단순히 캡처만 필요하다면 이보다 더 간편한 방법은 없지 않을까요.

어도비(adobe) 서비스를 이용하기 위해 결제 후 Adobe Creative Cloud를 통해 포토샵을 설치하게 되면 자신이 선택한 언어로 포토샵이 설치 되기 때문에 아마 포토샵이 한글로 설치 되는 경우가 많을 거라고 생각합니다.

저도 마찬가지로 이전에 포토샵을 영어로만 사용하다가 한글로 설치되서 조금 당황했다는..

처음 포토샵을 사용하시는 분이라면 아무래도 한글이 더 편할 수 있지만 전문적으로 포토샵을 사용한다던지 이전에 영어로 된 포토샵을 사용하셨던 분이라면 한글로 된 포토샵을 사용하기 더 불편할 수 있습니다.

마치 처음 보는 툴을 사용하는 느낌이랄까..

그래서 오늘은 저와 같은 불편을 겪고 있는 분들을 위해 포토샵(photoshop cc 2019)의 언어를 영어로 변경하는 방법에 대해 설명드리려고 합니다.

꼭 포토샵 cc 2019 버전이 아니라 다른 버전도 파일명만 조금 다를 뿐 같은 방식으로 진행하시면 영어로 변경 하실 수 있습니다.

 #1. 자신의 포토샵 툴이 꼭 한글이 아니라 영어가 아닌 다른 언어라면 모두 같은 방식입니다. 

* 꼭 포토샵 프로그램을 종료 후 진행하셔야 합니다.

 #2. 위의 노란색 부분의 경로를 확인하여 변경 할 파일명의 위치를 찾아갑니다. 

(혹시 경로를 자동설치가 아닌 본인이 직접 선택하신 분은 위치가 다를 수 있으니 참고만 해 주세요.)

 #3. 아래와 같이 확장자가 *.dat 인 파일을 찾아 이름을 바꿔 주거나 삭제 해 줍니다. 

(photoshop cc 2019 버전이 아닐 경우 파일명이 다를 수 있으니 확장자를 확인 하여 변경해 주시면 됩니다.)

* 삭제를 하셔도 되지만 혹시 나중에 다시 한글로 변경하고 싶을 경우를 위해 파일명을 바꿔 주도록 하였습니다.

 #4. 상위 버전의 윈도우의 경우 파일 엑세스 거부됨 메시지가 뜨지만 당황하지 않고 계속 버튼을 눌러 줍니다. 

 #5. 다시 포토샵을 켜 보면 언어가 영어로 변경 된 것을 확인 하실 수 있습니다. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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