워드프레스

워드프레스

워드프레스 애드센스 승인 후 세팅 방법 (Ads.txt, 광고 게재하기)

워드프레스 블로그 테마 세팅과 글쓰기 전략만으로 방문자수 0명, 글 10개, 신청 1회만에 승인을 받았다. 워드프레스 애드센스 승인 신청 후 승인까지 걸린 시간도 4일로 짧은 편이다. 애드고시라는 별명도 있고, 승인을 받아주는 유료 대리승인 서비스도 팔길래 이렇게 쉬울 줄 몰랐다. 워드프레스 블로그 세팅과 애드센스 승인을 위해 어떤 유료 강의도 듣지 않았다. 그만큼 애드고시 패스, 누구나 할 수 있는 쉬운 일인 듯하다. 1. 워드프레스 애드센스 승인 1월 2일 애드센스 승인 신청 후 1월 6일 승인 메일을 받았다. 승인 신청 방법은 이전 글에서 확인할 수 있다. 신청 1회 만에 승인을 받았고, 신청 당시 글수는 10개, 방문자수는 0명이었다. (본인이 테스트 차원에서 로그아웃 후 또는 다른 기기에서 접속해본 횟수가 집계되었는데, 검색에서 고유 방문자가 0이므로 실제 방문자는 0명이 맞을 것이다.) 블로그 가독성 세팅과 글쓰기 전략만으로 승인이 됐다는 건데, 그 방법에 대해서는 차차 다뤄보도록 하고 오늘은 승인 후 필수 세팅인 Ads.txt 설정과 광고 게재 설정을 해보자. 2. 워드프레스 애드센스 Ads.txt 설정 우선 사이트킷 플러그인을 통해 이동하거나, 링크를 통해 애드센스에 접속한다. [사이트] 메뉴에 들어가면 아래와 같이 신청한 사이트의 상태를 확인할 수 있다. 애드센스 게재가 승인되어 승인 상태가 [준비됨]으로 바뀐 모습이다. Ads.txt 상태는 여전히 [찾을 수 없음]으로 확인되는데, 이를 설정하기 위해 사이트 주소를 클릭한다. 위와 같이 Ads.txt 파일 수정에 필요한 코드를 제공하는 창이 나온다. [복사하기]를 클릭하고, Ads.txt 파일에 붙여넣으면 된다. FTP 프로그램(파일질라)을 열어 서버에 접속해 Ads.txt 파일을 찾거나 만들어야 하는데, 당연히 이를 대신해줄 플러그인이 있다. 워드프레스 대시보드에서 [플러그인] > [Add New Plugin] > ‘ads.txt’ 검색하여 위의 Ads.txt Manager 플러그인을 찾아 설치 후 활성화한다. 이제 워드프레스 대시보드에서 [설정] > [Ads.txt]로 들어가면 Ads.txt 파일을 수정할 수 있는 입력란이 나온다. 여기에 애드센스에서 복사한 코드를 붙여넣고 [Save Changes] 버튼을 클릭한다. 다시 코드를 복사했던 애드센스 창으로 돌아와서 [업데이트 확인] 버튼을 클릭하기만 하면 된다. 확인 중이라는 팝업이 잠시 떴다가 닫히고 나면, Ads.txt 상태가 [승인됨]으로 바뀐 것을 확인할 수 있다. 3. 워드프레스 애드센스 광고 게재하기 애드센스 자동광고 게재 방법은 애드센스에서 제공하는 자동광고 코드를 사이트 헤더 태그에 넣는 방식인데, 이는 승인 신청을 위해 이미 진행한 단계이다. (사이트킷으로 연결 시 사이트킷이 대신 진행해준 부분) 따라서 Ads.txt 확인만 되고 나면 자동적으로 내 블로그 군데군데에 광고가 삽입된 모습을 확인할 수 있는데, 만약 확인이 되지 않는다면 아래 방법을 다시 진행해보자. 애드센스 대시보드에서 [광고] > [사이트 기준] > [코드 가져오기] 순으로 애드센스 자동 광고 코드를 불러온다. 제공된 애드센스 코드를 복사한다. 워드프레스 대시보드로 와서 [Code Snippets] > [Header & Footer] 입력 란을 불러오고, 코드를 빈자리에 붙여넣은 다음 [Save Changes] 버튼 클릭하면 끝이다. 이제 내 블로그를 새로고침해보면, 애드센스가 판단한 적절한 위치에 자동적으로 광고가 삽입되어 있는 것을 확인할 수 있다. 그래도 광고가 안 보이는 경우엔 애드센스가 적절한 위치를 찾지 못했다는 뜻이라 수동으로 광고를 위치시키거나 테마 레이아웃을 수정해야 하는데, 어떤 조치가 필요한 상태인지 아래 설정으로 확인해볼 수 있다. 4. 워드프레스 애드센스 광고 위치 설정하기 자동광고라도 어디에 얼마나 노출시킬지 정도를 간단히 설정할 수 있다. 애드센스 대시보드에서 [광고] > [사이트 기준] > 연필 모양 [수정] 아이콘을 클릭하여 설정 패널로 들어간다. 패널이 2단으로 구성되어 있다. 왼쪽엔 내 사이트에 광고가 적용된 모습을 미리볼 수 있는 창이, 오른쪽에 설정 패널이 있다. 우선 자동 광고 버튼을 키고 그 아래 오버레이 형식과 인페이지 형식 메뉴에 각각 들어가서 넣을지 말지, 얼마나 넣을지를 설정하면 되는데, 테스트를 위해 전부 켜고 자세히 살펴보자. 4-1. 오버레이 형식 광고 오버레이 ...

워드프레스 애드센스 신청 (2024 ver. 구글 Site Kit 플러그인으로 간단하게)

원래대로라면 워드프레스 애드센스 신청 역시 저번 글의 구글 서치콘솔 연결처럼 구글 애드센스 사이트에 로그인하고 제공된 인증 코드를 html 파일에 붙여넣어 인증하는 방식으로 사이트 연결을 해야 하지만, 2024년엔 달라졌다. 구글에서 Site Kit라는 워드프레스 플러그인을 출시했기 때문이다. 사이트킷 플러그인을 사용하면 구글 애드센스 연결 뿐 아니라, 서치콘솔, 애널리틱스, 페이지스피드 인사이트 등의 구글 서비스에 연결하는 작업을 워드프레스 대시보드에서 간단히 끝낼 수 있다. 1. 워드프레스 애드센스 신청에 필요한 플러그인 기존 방식으로 애드센스에 사이트 연결하기 위해 필요했던 Header and Footer 플러그인을 설치하거나 직접 header.html 파일을 수정할 필요 없이 구글 사이트 키트 플러그인 설치만으로 간단하게 애드센스 계정 생성 및 워드프레스 애드센스 연결이 가능하다. 2. 구글 Site Kit 플러그인 설치하기 [플러그인] > [Add New Plugin] > ‘site-kit’ 검색해서 구글 사이트 키트 플러그인 설치 및 활성화 3. 구글 Site Kit 플러그인 시작하기 워드프레스 대시보드에서 처음 사이트킷 플러그인 대시보드에 들어가면 설정 마법사 화면이 나타난다. 애드센스, 서치콘솔 등의 구글 서비스 계정들을 워드프레스 사이트킷 플러그인에 연동하는 설정을 시작하기 위해 체크박스에 체크하고 구글에 로그인한다. 진행 순서에 따라 각 항목에 로그인 또는 회원가입하여 계정 연결을 하면 된다. 지난 글에서 이미 연결한 서치콘솔처럼 이미 워드프레스에 서비스가 연결되어 있는 경우 아래와 같이 연결된 상태로 확인되며, [Next] 버튼을 클릭하면 다음 항목으로 넘어간다. 계정을 생성한 적이 없는 애널리틱스 서비스의 경우, [Next] 버튼을 클릭하니 아래와 같이 대시보드에서 바로 계정을 생성할 수 있게 진행됐다. 계정 정보를 입력하고 [계정 만들기]를 하면 구글 애널리틱스 계정 생성과 함께 바로 사이드킷 플러그인에 연동된다. ⚠️이 과정에서 기존 애드센스 계정을 연동하거나 계정이 없으면 새로 계정 생성을 하게 되는데, 계정 생성 시 내 사이트 입력 란은 무시하고 ‘아직 사이트가 없습니다.’란에 체크하는 것이 사이트킷 이용 시 쉬운 진행을 돕는다. 모든 서비스의 로그인 연동을 마치면 아래와 같은 화면이 나오고, [Go to my Dashboard] 버튼을 클릭하면 사이드킷 플러그인 대시보드를 시작할 수 있다. 4. 구글 Site Kit 플러그인으로 워드프레스 애드센스 신청하기 워드프레스 대시보드 > [사이트킷] > [설정] > [연결한 서비스] 탭에서 검색 콘솔, 분석(애널리틱스), 페이지스피드 인사이트 서비스에 로그인 연동 및 서비스 연결이 완료된 것을 확인할 수 있다. 애드센스의 경우 로그인 연동은 되었지만 서비스 연결이 되지 않은 상태다. 이제 연결을 진행해보자. [사이트킷] > [알림판] > [수익 창출] 탭은 애드센스 웹사이트로 이동하지 않고도 내 워드프레스 대시보드에서 애드센스 수익 상태를 한눈에 확인할 수 있는 탭이다. 연결되지 않은 상태에서는 아래와 같이 [설정 완료하기] 버튼이 나타난다. 버튼을 클릭해 설정을 완료해보자. ⚠️만약 애드센스 회원가입을 할 때 ‘아직 사이트가 없습니다.’에 체크하지 않고 이미 워드프레스 사이트 주소를 등록한 상태라면, ‘사이트킷 소유권 확인’ 도구가 나타나지 않기 때문에 애드센스에 들어가서 사이트 삭제 후 이 과정을 진행하는 것이 좋다. [애드센스에 사이트 넣기] > [+ 새 사이트] > 사이트 추가 란에 https://www를 제외한 도메인 입력 > [저장] 구글 사이트킷 플러그인을 통해 워드프레스 애드센스 신청을 진행하면, 사이트 등록을 위한 소유권 확인 시 아래와 같이 ‘Site Kit by Google에서 사이트를 애드센스에 연결합니다.’ 메시지가 나온다. 체크박스에 체크하고 [다음] 버튼을 클릭하기만 하면 간단히 소유권 확인이 완료된다. 직접 header.html 파일을 수정해야 했던 과정이 구글 사이트킷 플러그인 덕분에 이렇게 간단해졌다. 마지막으로 [검토 요청]을 클릭만 해주면 아래와 같이 워드프레스 애드센스 신청이 완료되고 곧바로 ‘사이트의 광고 게재 가능 여부 검토’ 상태가 된다. 5. 워드프레스 애드센스 승인 신청 확인하기 구글 애드센스에서 [사이트] 메뉴에 들어가면 새 사이트를 추가하거나 추가된 사이트의 상태를 확인할 수 있는 화면이 나온다. 방금 승인 신청을 완료한 사이트는 ‘승인 상태: ...

워드프레스 구텐베르크 (기본 텍스트편집기) 사용법

구글에서는 검색엔진 최적화(SEO) 기본 가이드를 제공하고 있다. 제공되는 권장사항을 따르는 SEO 친화적 글쓰기로 내 블로그 글이 검색엔진 결과 페이지에서 더 높은 순위를 차지하고 더 많이 노출될 수 있다. 이번 글에서 다루는 워드프레스 구텐베르크 사용법이 SEO 친화적 글쓰기의 첫걸음이다. 클래식 편집기 vs 구텐베르크 블록 편집기 워드프레스 5.0부터 기본 에디터가 구텐베르크로 깔려 있다. 구버전 기본 에디터인 클래식 편집기는 설치해야 사용이 가능한데 (2024년에 글에다 이미지 한 장 추가하는 걸 파일추가 버튼 눌러서 파일탐색기 열어서 저장된 위치 찾아서 파일 선택해서 불러오는 일 안 하려면..) 설치할 필요 없다. 구텐베르크를 쓰면 이미지를 드래그앤드롭으로 첨부할 수 있고 오픈소스 이미지를 바로 검색해서 불러올 수도 있다. 네이버 블로그 에디터 vs 구텐베르크 블록 편집기 구텐베르크에서는 ‘블록 편집기’ 방식을 채택했다. 네이버 블로그 에디터도 블록 편집기이지만 네이버 에디터에 비하면 구텐베르크는 아주 개발자 친화적인 깔끔하고 똑똑한 편집기라고 볼 수 있다. ‘개발자 친화적’이라는 건, 사용자가 에디터로 적은 글이 개발자가 알아보기 쉬운 깔끔한 코드로 작성된다는 말인데, 검색 엔진 역시 화면을 코드로 읽는다는 점을 생각해보자. 코드가 깔끔하면 주요 주제와 하위 주제들 간의 관계 및 콘텐츠의 구조를 검색 엔진이 더 잘 파악하게 되고, 정확한 색인을 생성하게 되어 검색하는 사용자들에게 전달이 많이 될 것이다. 즉, 검색 엔진 최적화 글쓰기에 이 편집기도 역할을 한다는 말이 된다. 작성된 코드로 두 편집기를 비교해보면 위와 같다. 둘 다 에디터 내에서 텍스트 작성과 엔터만 쳤을 뿐인 결과물이다. 이렇듯 구태여 구식인 클래식편집기를 쓸 이유도, 무거운 편집기 플러그인을 설치할 이유도 없게 해주는 구텐베르크의 깔끔하고 알찬 기능들을 살펴보자. 1. 워드프레스 구텐베르크 사용법 워드프레스 대시보드에서 [글] > [새 글 추가]로 들어가거나, 상단바에서 [+ 새로 추가] > [글]로 들어가면 새 글을 쓸 수 있는 편집기가 아래와 같이 불러와진다. 2. 워드프레스 구텐베르크 블록 사용법 SEO친화적 글쓰기를 위해서는 HTML의 구조적인 요소를 잘 활용하는 것이 중요한데, 제일 먼저 알아야 할 기본 개념인 h태그와 p태그에 대한 이해가 먼저 필요한 상태라면, 아래 글을 읽고 오면 좋다. 제목 입력 란에는 글의 제목을 입력하면 되는데, 이 제목은 <h1>태그로써, 페이지를 대표하는 제목(entry-title)이 된다. SEO를 위해 <h1>태그는 반드시 페이지 당 한 개만 존재하도록 한다. 따라서 본문의 소제목은 <h2>부터 시작하면 된다. 블록 입력 란이 바로 본문이 되는 부분이다. 블록을 선택하지 않고 바로 텍스트를 작성하게 되면 기본 문단(<p>)으로 작성된다. 문단 작성 후 엔터를 치면 문단이 닫히고(</p>) 다음 블록이 생성된다. 문단 내에서 줄바꿈을 하려면 Shift+Enter를 치면 된다. 문단 상태에서 우선적으로 내용 작성을 한 다음, 제목이나 다른 블록으로 교체해줄 수도 있다. 3. 워드프레스 구텐베르크 블록 종류와 사용법 상단 메뉴바에서 블록 모두보기(+)를 클릭하거나 블록 추가 버튼에서 모두 찾아보기를 클릭하면 사용할 수 있는 모든 블록 종류가 나온다. 좌측이 블록 모두 보기 창이고, 우측이 웬만큼 자주 사용할 블록들을 다 사용해서 써본 예제글이다. 헤딩, 불릿, 인용, 들여쓰기, 표, 구분선, 코드 스니펫 등 웬만한 타 에디터들에 있는 기능들 다 있다. 심지어 토글, 버튼, 위젯 추가 가능하고 이미지, 이미지 슬라이드, 미디어와 텍스트 레이아웃, 문단을 2단~3단 컬럼으로 레이아웃, 오디오와 비디오 플레이어 추가까지 가능하다. 비주얼 편집기인 현재 상태에서 코드 편집기로 전환해볼 수도 있고, 클래식편집기의 어떤 기능이 익숙하다면 클래식편집기 블록을 추가해 작성한 다음 블록으로 변환할 수도 있다. 4. 워드프레스 구텐베르그의 꿀기능 블록 모두보기 패널을 연 상태에서 [블록] 탭 옆에 있는 [패턴] 탭에서는, 블록 요소들을 활용한 디자인 템플릿들을 불러와서 사용할 수 있다. [미디어] 탭에서는 오픈 소스 이미지를 검색해서 바로 불러와 바로 사용할 수 있다. 워드프레스에서는 글 작성 뿐 아니라 페이지 작성도 ...

워드프레스 검색엔진 등록 (구글 서치 콘솔, 네이버 서치 어드바이저)

검색 엔진은 웹을 크롤링하면서 페이지에서 페이지로 링크를 따라가고, 찾은 콘텐츠의 색인을 생성한다. 내 워드프레스 블로그를 검색 엔진에 등록하는 것은 검색 엔진 최적화(SEO)의 가장 기본 세팅이다. 워드프레스 검색엔진 등록으로 우선은 검색이 가능하게 해두어야, 검색 랭크 개선 작업도 할 수 있을 것이다. 1. 워드프레스 검색엔진 등록에 필요한 플러그인 내 워드프레스 블로그를 구글, 네이버 등 검색엔진에 등록해보자. 구글 서치 콘솔과 네이버 서치 어드바이저에 등록해볼 건데, 소유권 확인과 로봇 접근 허용을 서버에 접근하지 않고 워드프레스 대시보드에서 간단히 설정하기 위해서 아래 두 플러그인을 설치해 진행보려고 한다. 앞으로 계속 유용하게 쓰일 플러그인이라 꼭 설치하기를 추천한다. 1-1. Rank Math 플러그인 설치하기 1-2. Code Snippets 플러그인 설치하기 3. 워드프레스 구글 서치 콘솔에 등록하기 구글 서치 콘솔(https://search.google.com/search-console)에 접속해 갖고 있는 구글 아이디로 로그인한다. 처음 사이트를 등록하게 되면 아래와 같은 화면이 뜬다. 오른쪽 [URL접두어]를 선택하고 ‘https://내 도메인’을 입력 후 [계속] 버튼을 클릭한다. 도메인을 검색 엔진에 등록할 권한이 있는지 확인하기 위해 [소유권 확인] 창이 뜬다. HTML 파일 업로드보다 쉬운 방법으로 진행하기 위해 위에서 플러그인을 설치했으니, [다른 확인 방법] 드롭다운을 열어 HTML 태그를 복사한다. *구글 서치 콘솔에서 제공한 HTML 인증코드를 내 사이트의 <head>섹션에 붙여넣는 방식의 인증으로, 사이트 외관에 영향은 없다. 이 작업은 코드스니펫으로도 할 수 있고 랭크매쓰로도 할 수 있는데, 구글 서치 콘솔은 랭크매쓰를 이용해 진행해보도록 하자. 워드프레스 대시보드에서 [Rank Math] > [일반 설정] > [웹 마스터 도구]로 들어가 Google 검색 콘솔 입력 란에 복사한 주소를 입력하고 [변경사항 저장] 버튼을 클릭한다. 구글 서치 콘솔로 돌아와 [완료] 버튼을 클릭하면 소유권 확인이 완료된다. 4. 구글 서치 콘솔에 사이트맵 제출하기 소유권 확인 완료 후에는 사이트맵 제출을 해줘야 ~~가 되는데 내 워드프레스 블로그의 사이트맵 주소 역시 Rank Math 플러그인을 통해 간단히 확인 가능하다. 내 워드프레스 사이트맵 주소는 워드프레스 대시보드의 [Rank Math] > [사이트맵 설정] > [일반] 탭에 아래와 같이 나와있다. sitemap_index.xml로 만들어져 있는 게 보인다. 구글 서치 콘솔 Sitemaps 메뉴 주소 입력 란에 sitemap_index.xml 입력한 후 제출 버튼을 클릭한다. 이제 URL 검사를 해보면 모든 항목이 정상임을 확인할 수 있다. 한 가지 확인해야 할 것이 있는데, 워드프레스 대시보드의 [Rank Math] > [제목 및 메타] > [글로벌 메타] > 로봇 메타 항목에서 ‘인덱스 없음’에 체크되어 있다면 해제하고 ‘색인’에 체크해두도록 해야 한다. 검색 결과에 게시물을 노출되게 하는 기본 세팅이다. 5. 워드프레스 네이버 서치 어드바이저에 등록하기 구글만큼 네이버 검색도 블로그 유입에 중요한 역할을 하므로, 네이버 검색 엔진에도 내 워드프레스 블로그를 등록해보자. 네이버 서치 어드바이저 웹마스터 도구(https://searchadvisor.naver.com/console/board)로 접속해 갖고 있는 네이버 아이디로 로그인한다. 처음 사이트를 등록하게 되면 아래와 같은 화면이 뜬다. [사이트 관리] > [사이트 등록] 화면에서 주소 입력 란에 ‘https://내 도메인’을 입력 후 오른쪽 버튼을 클릭한다. 구글과 똑같이 도메인을 검색 엔진에 등록할 권한이 있는지 확인하기 위해 아래와 같은 [사이트 소유확인] 창이 뜬다. 이번에도 HTML 태그 인증으로 진행할 텐데, 아쉽게도 Rank Math 플러그인에서 네이버 웹마스터 도구는 제공하지 않는다. 코드 스니펫(WPCodes)플러그인을 사용해보도록 하자. 네이버에서 제공한 메타 태그를 복사한다. 워드프레스 대시보드의 [Code Snippets] > [Header & Footer ] 탭에 들어가면 코드 입력 란이 있다. 아래와 같이 태그 전체를 붙여넣고 [Save Changes] 버튼을 클릭한다. 네이버 서치어드바이저로 돌아가 [소유확인] 버튼을 클릭하면 완료된다. 6. 네이버 서치 어드바이저 robot.txt 설정하기 서치어드바이저 소유권 확인 완료 후 [간단체크] 탭으로 들어가 내 도메인을 검사해본다. 상태를 확인해 느낌표가 뜬 항목은 조치를 취해야 제대로 검색 엔진에 노출될 수 있다. 아래와 같이 robot.txt가 ...

워드프레스 파일질라로 http https 리다이렉트 설정

이전 글에서 진행한 SSL 인증서 설치로 인해, https://도메인으로 접속하면 ‘인증서가 유효한 안전한 연결’이라고 표시되는 보안 상태를 확인할 수 있었다. 하지만 http://도메인으로 연결할 시 안전하지 않은 연결이라고 표시되는데, 이에 http https 리다이렉트 설정이 필요함을 언급했었다. 1. http https 리다이렉트 설정이 필요한 이유 HTTP를 HTTPS로 리다이렉트하는 주된 이유는 보안과 개인 정보 보호에 관련되어 있다. HTTPS는 데이터를 암호화하여 전송하는 프로토콜로써, 중간에 있는 공격자가 데이터를 가로채거나 변조하는 것을 방지한다. 민감한 정보를 전송하는 웹 사이트에서는 HTTPS를 통한 통신이 필수적이다. 웹 브라우저들은 HTTPS 사이트를 표시할 때 “안전함”이라고 표시하거나 URL 앞에 자물쇠 아이콘을 표시하며, 이는 사용자에게 해당 사이트가 안전하다는 신호를 준다. 반면에 HTTP는 보안이 적용되지 않았다는 경고를 브라우저에서 보여줄 수 있어 사용자의 신뢰를 얻기 어렵다. 검색 엔진 역시 이런 신뢰성를 이유로 HTTPS를 사용하는 사이트를 더 선호하며, HTTPS를 사용하는 것이 검색 순위에 긍정적인 영향을 미칠 수 있기 때문에 필수 설정이라고 하는 것이다. Google과 같은 주요 검색 엔진은 HTTPS를 통한 보안 연결을 강력히 권장하고 있다. 2. http https 리다이렉트 설정 방법 HTTP를 HTTPS로 리다이렉트시키도록 하는 설정은 보안을 강화하고 사용자의 데이터를 안전하게 전송하기 위한 중요한 단계 중 하나인데, 간단하게 워드프레스의 서버 설정 파일을 확인하고 수정하는 것으로 해결할 수 있다. 방법을 그대로 따라하면 되기 때문에 아주 쉽다. 다만 FTP클라이언트 다운로드가 필요하다. FTP클라이언트는 서버에 있는 파일을 내 컴퓨터에 다운 받아 수정 후 다시 서버에 업로드하는 일을 처리해주는 프로그램이다. 이 블로그에서는 카페24 매니지드 워드프레스 호스팅서비스 덕에 워드프레스 수동설치를 생략했지만, 다른 호스팅서비스를 이용해 워드프레스를 수동설치했다면 이미 FTP클라이언트를 다운받아 사용해봤을 것이다. 3. FTP클라이언트 파일질라 다운로드 웹 서버에 접근하기 위한 FTP 클라이언트 소프트웨어가 필요하다. 그 중 가장 널리 사용되는 무료 소프트웨어인 FileZilla를 사용할 것이며, FileZilla 공식 웹사이트에서 다운로드 할 수 있다. 왼쪽 [Download FileZilla Client] 버튼을 클릭해 다운로드하고 실행한다. 4. 워드프레스 파일질라 서버 접속 방법 FileZilla를 실행한 후 ‘호스트’, ‘사용자명’, ‘비밀번호’ 필드에 해당 정보를 입력하고, ‘빠른 연결’ 버튼을 클릭하여 FTP 연결을 시작한다. 호스트 https://를 제외한 주소 입력 사용자명 호스팅 관리 ID와 동일 비밀번호 호스팅 관리 비밀번호와 동일 포트트 비워둠 연결 중 안전하지 않은 FTP 연결이라는 팝업이 뜨면 그냥 확인을 클릭하고 넘어가도 된다. 연결이 성공적으로 완료되면, 제목 표시줄은 ‘FileZilla’에서 ‘사용자명@주소 – FileZilla’로 변경된다. 이후, 화면의 왼쪽 부분은 사용자의 PC에 있는 파일들을 보여주는 로컬 윈도우로, 오른쪽 부분은 서버에 있는 파일들을 보여주는 리모트 윈도우로 나타나게 된다. 5. 워드프레스 파일질라 서버 설정 방법 서버 설정을 위해, 먼저 www 폴더 내에 위치한 .htaccess 파일을 수정할 것이다. 원본 파일의 안전을 위해, 로컬 윈도우에서 바탕화면 등 원하는 위치를 선택하고, 리모트 윈도우의 .htaccess 파일을 우클릭하여 다운로드 해둔다. 다운로드가 완료되면, 다시 리모트 윈도우의 .htaccess 파일을 우클릭하여 ‘보기/편집’을 선택하고, 기본 텍스트 편집기로 열어준다. 윈도우에서는 일반적으로 메모장이 기본 텍스트 편집기로 설정되어 있다. 이 코드를 복사해서 .htaccess 파일에 붙여넣기만 하면 된다. 원본 내용은 그대로 유지하면서, 파일의 맨 위에 필요한 코드를 붙여넣은 후, ‘파일 > 저장’을 선택하여 변경사항을 저장하고 편집기를 닫는다. ‘파일이 변경됨, 이 파일을 서버로 다시 업로드하시겠습니까?’ 팝업이 뜨면 ‘예’를 클릭하고 넘어간다. 6. http https 리다이렉트 설정 완료 이제 웹사이트에 HTTP 주소로 접근하면, ‘안전하지 않음’이라는 경고 메시지 없이 자동으로 HTTPS 주소로 리다이렉션되어, 보안이 강화된 접속이 가능해진다. 웹 서버에 대해 안전하게 접근하기 위해 HTTPS 리다이렉션 설정은 반드시 알아야 할 필수적인 과정이다. 이 과정에는 FileZilla와 같은 FTP 클라이언트 소프트웨어를 다운로드하고, .htaccess 파일을 편집하여 리다이렉션을 구현하는 단계가 포함되어 있다. 처음에는 이런 ...

워드프레스 도메인 세팅(2) (도메인 연결, 네임서버 변경)

이전 글에서 호스팅케이알을 통해 용이하게 원하는 도메인을 구입해 최상위 도메인 소유자로서의 지위를 갖게 되었다. 소유한 도메인을 워드프레스와 연결하려면 몇 가지 중요한 단계를 수행해야 한다. 워드프레스 도메인 연결하기를 단계별 도메인 설정 방법을 통해 진행해보며, 필수로 설정해야 하는 워드프레스 도메인 세팅을 알아보도록 하자. 1. 도메인 설정 네임서버 변경하기 네임서버는 도메인 이름과 IP 주소를 연결하여 웹 브라우저가 도메인을 입력했을 때 올바른 서버로 이동할 수 있도록 도와주는 역할을 한다. 웹 브라우저에서 도메인을 입력하면 네임서버를 통해 호스팅 업체의 서버 IP 주소로 이동하여 웹 페이지를 로드하는 원리이다. 첫번째 단계로, 호스팅케이알의 ‘나의 서비스‘에서 네임서버 변경을 진행하게 된다. 구입한 도메인의 네임서버를 호스팅 사의 네임서버로 변경하는 작업에 대해, 호스팅케이알에서 아주 간편한 툴을 제공하고 있다. 번거로운 작업 없이 클릭 몇 번으로 호스팅케이알에서 구입한 도메인의 네임서버를 카페24 등 여러 호스팅 사의 네임서버로 전환할 수 있다. 나의 서비스 → 도메인 → 나의 도메인 → 네임서버 변경할 도메인 맨 오른쪽 점 세개 클릭 → 네임서버 변경 도메인 이름 아래에 드롭다운 메뉴를 클릭하면 변경할 수 있는 네임서버 종류가 나오고, 호스팅 사 ‘카페24’를 선택하는 것만으로 간단하게 네임서버 변경이 완료된다. 2. 호스팅 사에 도메인 연결하기 이제 호스팅 사인 카페24 호스팅센터 나의 서비스 관리로 접속해서 네임서버 설정한 도메인을 연결해준다. [나의 서비스 관리] → [호스팅관리] → [도메인 연결관리] → [도메인 직접 입력하기] → 구입한 도메인 입력 → [연결하기] 그러면 이렇게 대표 도메인 아래에 ‘추가 설정된 도메인’으로 연결된다. SSL 인증서는 ‘매니지먼트 워드프레스’ 호스팅 서비스에서 무료제공되므로 바로 발급 완료로 뜰 수도 있고 발급 대기 상태라면 30분 이상 기다려보면 자동으로 발급 및 설치된다. (매니지먼트 워드프레스 호스팅을 이용하는 한 새 도메인을 구매해 변경해도 이렇게 연결만 하면 SSL은 무료로 자동 발급된다.) [대표도메인으로 변경]까지 하면 호스팅케이알과 카페24에서의 설정은 모두 마쳤고, 워드프레스에서의 설정만 남았다. 3. 워드프레스에 도메인 연결하기 아직 임시도메인으로 설정되어 있는 워드프레스 어드민 패널(https://id.mycafe24.com/wp-admin)로 접속해서 [설정] → [일반]으로 이동, ‘워드프레스 주소’와 ‘사이트 주소’ 필드에 새로운 도메인을 정확히 입력하고 [변경사항 저장] 버튼을 클릭하면, 워드프레스에 도메인 연결하기는 마무리된다. 이 과정을 통해 구입한 새 도메인으로의 워드프레스 블로그 주소 변경이 성공적으로 완료되었고, 동시에 워드프레스 어드민 패널 역시 https://새 주소/wp-admin의 경로로 업데이트되었다. 이로써 주소 변경은 완료되었으나, 워드프레스를 보다 더 안전하게 운영하기 위한 필수 설정이 한 가지 남았다. 4. 도메인 설정 http를 https로 리다이렉트시키기 SSL 인증서 설치로 인해, 웹 브라우저에서 https://도메인으로 접속하면 ‘인증서가 유효한 안전한 연결’이라고 표시되는 보안 상태를 확인할 수 있다. 하지만 http://도메인으로 연결할 시 안전하지 않은 연결이라고 표시되는데, 이에 리다이렉션 설정이 필요하다. HTTP를 HTTPS로 리다이렉트시키도록 하는 설정은 보안을 강화하고 사용자의 데이터를 안전하게 전송하기 위한 중요한 단계 중 하나인데, 워드프레스의 웹 서버 설정에 리다이렉션을 수행하는 데 필요한 구성이 부족한듯 하다. 간단하게 서버 설정 파일을 확인하고 수정하는 것으로 해결할 수 있다. 방법을 그대로 따라하면 되기 때문에 아주 쉽다. 다만 FTP클라이언트 다운로드가 필요하다. FTP클라이언트는 서버에 있는 파일을 내 컴퓨터에 다운 받아 수정 후 다시 서버에 업로드하는 일을 처리해주는 프로그램이다. 포스트가 길어져 다음 글에서 진행해보도록 하겠다.

© 2024 PixelNomad
Privacy Policy