관리 메뉴

SW

웹사이트 만든 후 인터넷에 공개하는 방법 본문

대학교/etc

웹사이트 만든 후 인터넷에 공개하는 방법

SWKo 2020. 2. 5. 10:25

0. 방법

  1. 내 컴퓨터를 서버로 만드는 방법 -> 보안에 취약하고, 365일 24시간 가동해야 하기 때문에 추천하지 않음
  2. 외부 서버를 이용하는 방법 -> 웹호스팅 제공 업체 amazon, netlify 등을 이용

1. netlify 이용방법

 

Netlify: All-in-one platform for automating modern web projects

Deploy modern static websites with Netlify. Get CDN, Continuous deployment, 1-click HTTPS, and all the services you need. Get started for free.

www.netlify.com


2. 네이버 검색엔진 등록하기

  • url이 있다고 해도 많은 사람들이 들어오긴 힘들다. url을 검색해서 들어와야 하기 때문이다.
    1. 검색 엔진에 내 사이트 등록하기
    2. 내 사이트다!! 인증하기
    3. 관련 문서 제출하기
    4. SEO(검색 엔진 최적화하기)(Search Engine Optimization)
  • https://searchadvisor.naver.com/console/wmt/board
 

- 네이버 서치어드바이저

 

searchadvisor.naver.com

  • 태그로 소유 확인하기(간단함)

  • <head>섹션에 추가해준 후 저장하고 변경사항이 적용되도록 다시 netlify사이트에 폴더를 올려줌.


3. 검색엔진이 내 사이트를 어떻게 찾을까?

  • 검색 엔진은 정보를 수집하는 로봇이 존재한다.
  • 이 로봇이 여러 사이트를 돌아다닌다. 이 로봇을 크롤러라고 부른다.
  • robots.txt 파일을 읽고 로봇을 허용하면 읽을 수 있고 허용하지 않으면 읽을 수 없다.
  • sitemap.xml 도 제공하는데 이것을 보고 더욱 정확한 정보를 로봇에게 제공한다.

 

  • 방법

 

  • robot.txt는 항상 최상단에 있어야 한다.
    • Directory > robot.txt (o)
    • Directory > Directory > robots.txt (x)
  • sitemap 생성 후 제출
  • 생성 사이트 : https://www.xml-sitemaps.com/
 

Create your Google Sitemap Online - XML Sitemaps Generator

Installable version We offer a server-side script written in PHP language that you can install on your server and create sitemap for your website. The script doesn't have the limit on number of pages included in sitemap, although server resources required

www.xml-sitemaps.com

  • view sitemap detail -> download -> 폴더에 넣어줌
  • robots.txt에 sitemap을 적어주면 더 빠르게 sitemap을 참조할 수 있다.

  • 다시 netlify 들어가서 폴더를 업로드 해준다.
  • 로봇룰 검증에서 수집을 클릭한다.

  • 검색엔진 최적화(SEO) 까지 검색 결과 순위를 높일 수 있다.

4. 도메인 구입 후 연결

  • 무료 도메인 사이트들 많음
  • 다음 사이트를 이용하였음 : http://coo.kr/
 

무료도메인 COO.KR

무료도메인 COO.KR 홈페이지, 카페, 블로그, 페이스북, 인스타, SNS 등 긴주소를 짧게 줄여주는 고정, 유동형 나만의 도메인! 신청즉시 바로 사용가능! 100% 무료서비스!

coo.kr

  • 도메인 등록 후 netlify 사이트 가서 domain setting을 해준다.

'대학교 > etc' 카테고리의 다른 글

VSCode HTML 태그 자동완성이 안될 때  (32) 2020.02.06
스마트폰 앱 만들기  (0) 2020.02.05
[Git] 버전관리  (0) 2020.02.03
Anaconda [zsh]  (0) 2020.02.02
기술 정리  (0) 2020.02.01
Comments