도메인 연결 & og태그

3843 단어 domainogtagdomain

저번 포스트에서 배포했던 서버에 도메인 연결과 og태그까지 설정해보겠습니다!

도메인

도메인을 구매한다는 것은, 네임서버를 운영해주는 업체에, IP와 도메인 매칭 유지비를 내는 것입니다. 한국 또는 글로벌 업체 어디든 상관 없지만, 저는 한국의 '가비아'라는 회사에서 구입해보겠습니다.


필요한 도메인 이름을 검색해 사용이 가능한지 확인한 후 도메인 구입을 진행합니다. 저는 이벤트 도메인인 .shop을 구입했습니다.


구입 후 DNS관리툴에 들어갑니다.

여기서 설정을 누르고

호스트 이름에 @, IP주소에 IP주소를 입력합니다.

이후에 10분정도 기다립니다.
(네임서버에 내 도메인-IP가 매칭되는 시간이 필요합니다.)

시간이 지나면 http://내도메인/ 으로도 접속이 되는 것을 확인할 수 있습니다! (http://jisoolee11.shop/)

og태그

og태그는 내 프로젝트도 카톡/페이스북/슬랙에 공유했을 때 예쁘게 나오도록 해줍니다.

static 원하는 이미지 파일을 넣고, 프로젝트 HTML의 ~ 사이에 아래 내용을 작성하면 og 태그를 개인 프로젝트에 사용할 수 있습니다.

<head>
    <meta property="og:title" content="원페이지 쇼핑몰" />
    <meta property="og:description" content="오리 인형을 팔아요" />
    <meta property="og:image" content="{{ url_for('static', filename='ogimage.jpg') }}" />
</head>

참고! 이미지를 바꿨는데 이전 ogimage가 그대로 나온다면 페이스북/카카오톡 등에서 처음 설정한 이미지를 한동안 저장해놓기 때문입니다.
이때는 아래 링크로 들어가서 og태그 초기화를 해주시고 이미지를 바꿔주세요!

211017_TIL
백준 1094번: 막대기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage