이번 포스트는 네이버 웹마스터도구에 티스토리 등록하는법에 대해 알아보겠습니다. 


아직 구글에 등록 못하신분들은 


2019/01/25 - [기타/블로그] - 티스토리 초간단 구글 검색 등록하기


참고해주시기 바랍니다. 




1. 웹마스터도구에 접속을해서 사이트 등록


https://webmastertool.naver.com/ < - 링크를 통해 접속합니다. 


네이버 아이디로 로그인을 해주신 뒤 







본인 블로그 주소를넣어줍니다. 




2. 사이트 소유 확인하기 


블로그 주소를 넣어준뒤 추가를 누르면 소유확인 페이지로 넘어옵니다. 


그럼 기본적으로 HTML 파일 업로드가 체크 되어 있는데 


HTML태그 방식으로 진행하겠습니다. 


사진과 같이 빨간 네모칸 영역에 있는 텍스트를 복사해주세요 





3. 복사한 태그 내 티스토리에 추가 하기 


복사한 태그를 사진과 같이 



스킨편집 -> html편집 -> <head>태그 바로 밑에다 추가해줍니다. 


저장을 하시고 


네이버 소유확인페이지에서 보안문자를 입력하신후 확인을 누르시면 사이트 소유확인이 완료 됩니다. 



4. RSS 추가 


RSS의 자세한 내용은 지난 구글 검색등록글에서 얘기했었습니다. 


자세한 설명은 지난글을 참고해주시기 바랍니다. 


2019/01/25 - [기타/블로그] - 티스토리 초간단 구글 검색 등록하기






본인블로그주소/rss 를 추가해줍니다. 



5. 사이트맵 제출 


사이트맵 제출도 다른 포스팅에서 다뤘었습니다. 


참고하셔서 등록 해주세요 


2019/01/29 - [기타/블로그] - 티스토리 사이트맵 등록(구글, 네이버)




6. robots.txt 생성 



검증 - robots.txt - robots.txt 간단 생성으로 파일을 하나 생성하고 다운받습니다. 




7. robots.txt 파일 업로드 




robots.txt를 업로드 해줍니다. 



8. robots.txt 검증


간단합니다 업로드 후에 


블로그주소/robots.txt 등록만 해주시면 끝입니다 .





이상으로 네이버 웹마스터에 티스토리 블로그 등록하는법을 알아봤습니다.


더 궁금하신점이 있으시면 댓글 주시면 알려드리겠습니다. 

저작자표시 비영리 변경금지

'기타 > 블로그' 카테고리의 다른 글

티스토리 크롬에서 임시저장 기능 사용하기  (0) 2019.02.02
티스토리 블로그 포스팅에 지도 첨부하기 (다음지도)  (0) 2019.01.31
티스토리 사이트맵 등록(구글, 네이버)  (2) 2019.01.29
티스토리 Square 스킨 Recent posts 고치는법  (6) 2019.01.26
티스토리 초간단 구글 검색 등록하기  (0) 2019.01.25


오늘은 사이트맵 등록방법에 대해 포스팅하겠습니다. 





1. 사이트맵 생성 사이트


http://www.web-site-map.com/


링크 <- 사이트맵을 만들어주는 대표적인 사이트입니다. 



2. 자신의 블로그 주소 입력



본인 블로그 주소를 입력한 후 Get free XML Sitemap 버튼을 누릅니다. 










빨간색 으로 칠해진 옵션을 체크해 줍니다. 


Frequency는 꼭 Always로 바꿔주세요 


Create free XML Sitemap을 누른후 


기다리시면 Status에 COMPLETED! 가뜨고 링크가 생깁니다. 


링크를 클릭하시면 다운로드할수 있는 페이지로 넘어갑니다. 








. 

Sitemap.xml을 다운로드 받으면 완성입니다. 







3. 완성 


기다림 끝에 사이트맵이 제작 완료되면 다운로드를 받습니다. 


그리고 본인 블로그에 비공개로 사이트맵파일을 첨부해서 글을 작성합니다. 





첨부파일 우클릭 링크 주소 복사를 클릭합니다. 


그리고 네이버웹마스터, 구글 서치콘솔 등등..에서 


사이트맵 등록페이지를 들어갑니다. 


그럼 URL을 입력하는 페이지가 나오는데 


복사된 형식은 모두 같습니다. 


http://블로그이름.tistory.com/attachment/~~~~@~~~~~~~~~.xml


이런식으로 복사가 되있을텐데 




이런식으로 형식에 맞춰서 잘 작성후 제출버튼을 누릅니다. 





4. Sitemap 제작하는 이유 


보통 사이트맵을 제작하는 이유를 잘 모르시고 하시는분들이 많으신데 


사이트맵은 뜻 그대로 본인의 사이트의 지도입니다. 


구글,네이버,다음 등 웹마스터 도구에서는 자동적으로 봇들이 사이트자체를 탐색하는데 


처음부터 탐색을 성공하는게 아니라 최초에 사이트맵을 등록해줘야 봇들이 그걸 참고하고 탐색을 합니다. 


보통 구글의 웹크롤러는 아주 강력해서 최초 한번 등록해주면 


아주 잘 탐색한다고 합니다. 하지만 네이버나 타 검색엔진들은 보통의 주기를 갖고 


등록해주는것이 좋을것 같다고 합니다. 

(물론 네이버에서는 최초등록만 하라고 권장합니다. 본인들의 크롤러봇을 아주 신뢰하는듯) 



4. Sitemap 제작 이후


보통 구글로 예를들면 저렇게 사이트맵을 등록한 후 


3일내지 4일 안으로 구글에서 웹사이트 정보를 탐색해 갑니다.


정보를 잘 탐색했는지 보는 방법은 


구글 검색에 site:본인블로그주소 를 검색해보면 알수 있습니다.


그 이후로는 사이트맵을 교체해주지 않아도


새글 등록후 3일정도 안에 구글에서 글을 가져갑니다. 




저작자표시 비영리 변경금지

'기타 > 블로그' 카테고리의 다른 글

티스토리 크롬에서 임시저장 기능 사용하기  (0) 2019.02.02
티스토리 블로그 포스팅에 지도 첨부하기 (다음지도)  (0) 2019.01.31
티스토리 네이버 웹마스터 검색등록(robots.txt)  (3) 2019.01.30
티스토리 Square 스킨 Recent posts 고치는법  (6) 2019.01.26
티스토리 초간단 구글 검색 등록하기  (0) 2019.01.25



이번 포스트는 querySelector(), querySelectorAll() 에 대해 알아보겠습니다 .


일단 크게 동작하는 방식은 같습니다. 


특정 name, id, class등을 이용해서 요소를 타겟으로 잡고 수정하거나 접근해서 정보를 가져올수 있습니다. 


하지만 querySelector()는 타겟의 자식요소 한가지만 가져오고 


querySelectorAll()은 모두 가져오게 됩니다. 


예제를 보며 설명드리겠습니다. 





  • 섹션

  • 섹션




  • 섹션

  • 섹션
    • <li class="section">섹션</li>
    <li class="section">섹션</li>

    const sections = document.querySelector(".section");
    const sections2 = document.querySelectorAll(".section");


    같은 html 태그이고 같은 클래스를 타겟을 잡았지만 



    querySelector()를 사용하면 첫번째 li태그만 수정이 되고 



    querySelectorAll()를 사용하면 모든 li태그가 수정이 됩니다. 



    jQuery에서 .클래스명 으로 타겟을 잡는것과 흡사하지만 



    querySelector()를 사용하면 첫번쨰 자식만 타겟으로잡고 



    querySelectorAll()를 사용하면 타겟을 배열형식으로 받습니다. 



    그럼으로 두번째 버튼에서 css를 수정할때는 for문을 이용해서 css수정을 하였습니다. 



    차이점을 잘 이용해서 다양한 방법으로 타겟을 잡을수 있게 연습하면 될것 같습니다. 



    끝으로 querySelector(), querySelectorAll()는 jQuery와 큰 속도차이가 없다고 합니다. 



    저사양에서는 querySelector(), querySelectorAll()가 약간 우수하다고 합니다. 



    그러나 지난 포스팅에서 다뤘던 getElementById()는 무려 10배이상 빠르다고 합니다. 



    2019/01/23 - [IT/JAVASCRIPT] - 바닐라스크립트에서 이벤트리스너 (addEventListener)



    각자 사양과 상황에 맞춰서 최적의 효율과 최고의 효과를 얻으시길 바랍니다. 



    저작자표시 비영리 변경금지

    'IT > JAVASCRIPT' 카테고리의 다른 글

    ES6 문법 배워보기 (const, let, ``(Template literals))  (0) 2019.02.08
    [javascript] 자바스크립트 전역 객체 (Global Object)  (0) 2019.02.05
    자바스크립트 시계 만들기(현재 시간 가져오기 getDate)  (0) 2019.01.24
    바닐라스크립트에서 이벤트리스너 (addEventListener)  (0) 2019.01.23
    텍스트 에디터 없이 웹개발 가능한 입문 사이트 repl  (1) 2019.01.22

    + Recent posts

    티스토리툴바