웹사이트 검색

정적 HTML 웹사이트를 WordPress로 이동하는 방법

WordPress가 점점 더 인기를 끌면서 더 많은 사람들이 이 시류에 동참할 것이 분명해졌습니다. WordPress를 채택하는 것은 훌륭한 움직임이지만 HTML 웹사이트와 작별해야 한다는 뜻인가요? WordPress로 전환하면 정말 처음부터 다시 시작해야 합니까? 음 ... 아니. 콘텐츠, 디자인, 심지어 SEO 순위도 유지하면서 HTML 웹사이트를 WordPress로 쉽게 마이그레이션할 수 있습니다. 좋은 것 같아요.

이를 시작하기 전에 한 가지 사항을 옹호하고 싶습니다. 웹사이트를 다시 플랫폼화해야 할 강력한 이유(예: 블로그 추가 등)가 없다면 그대로 두라는 것입니다. 그렇지 않은 경우 자유롭게 WordPress를 채택하고 플랫폼이 가장 잘 알려진 모든 훌륭한 기능을 활용하세요. 그건 그렇고, 오늘 게시물에서는 HTML 웹사이트를 WordPress로 마이그레이션하는 방법에 대한 주제를 다룰 것입니다. 귀하의 사이트를 WordPress로 마이그레이션하는 계획을 세우고 실제로 검토해 보겠습니다.

웹사이트를 WordPress로 이전하기: 계획

경험을 통해 나는 인생에서 한 가지 귀중한 교훈을 배웠습니다. 확고한 계획 없이는 아무것도 성공할 수 없다는 것입니다. 따라서 HTML 웹사이트를 WordPress로 마이그레이션하려면 훌륭한 계획이 필요합니다. 다음은 계획을 세울 때 염두에 두어야 할 몇 가지 사항입니다.

  • 기존 도메인 이름을 유지하시겠습니까, 아니면 별도의 도메인 이름을 만드시겠습니까? 팁: 또한 하위 디렉터리(예: yourdomain.com/wordpress/ )에 WordPress를 설치할 수도 있습니다. 나중에 도메인을 디렉터리로 지정
  • 현재 URL 구조가 변경되나요? 이런 일은 항상 발생하므로 이전 후 이전 URL을 리디렉션할 준비를 하세요.
  • 새 사이트로 이동할 콘텐츠(페이지, 게시물, 이미지, JavaScript 파일 등)는 얼마나 됩니까? 적은 양의 콘텐츠를 수동으로 이동할 수 있지만 대량의 콘텐츠를 이동하려면 특정 도구가 필요합니다.
  • 현재 HTML 웹사이트가 외부 서비스를 활용하고 있습니까? 이러한 서비스에 대한 WordPress 플러그인이 있습니까? 마이그레이션 후 타사 서비스를 어떻게 통합할 예정인가요?
  • 기존 관리 도구를 이전해야 합니까, 아니면 WordPress에 이에 상응하는 도구가 있습니까?
  • 웹 호스트를 변경할 예정인가요? 웹사이트 소유자가 WordPress로 마이그레이션할 때 웹 호스트를 변경하는 것이 일반적입니다. 웹 호스트가 귀하의 WordPress 요구 사항을 수용하는지 확인하세요. 우리는 WPEngine Managed WordPress 호스팅을 사용하고 사랑하며 추천합니다.

결국 귀하의 선교 계획은 다음을 수행하는 방법을 자세히 설명해야 합니다.

  1. 테스트 도메인 또는 하위 디렉터리 만들기
  2. 워드프레스 설치
  3. 기존 HTML 사이트에서 콘텐츠 가져오기
  4. 새로운 WordPress 사이트 디자인(WordPress 테마를 선택하거나 처음부터 다시 디자인하는 것도 사용 가능한 옵션 중 일부임)
  5. 필요한 WordPress 플러그인 설치
  6. 사이트 백업(HTML 및 WordPress 모두)
  7. 끊어진 링크 처리
  8. 생중계

시작하기 전에 (예방 차원에서) HTML 사이트를 백업하는 것을 잊지 마세요. 현재 수행 중인 작업이 마음에 들지 않으면 라이브 HTML 사이트를 만지작거리지 않는 것이 좋습니다. 또한 이 튜토리얼의 이점을 극대화하려면 WordPress에 어느 정도 익숙해져야 합니다. 영구 리디렉션, CMS, .htaccess 등과 같은 단어와 문구에 겁을 주어서는 안 됩니다. 필요한 경우 조사를 수행해 보세요 ? . 이제 종이나 Evernote에 어디서나 계획을 세우고 다음 부분을 준비하세요.

웹사이트를 WordPress로 이동하는 방법

기본 계획을 손에 쥐고 이제 편리한 부분을 수행할 시간입니다. 손가락을 움직여 WordPress 설정부터 시작해 보세요.

WordPress 설정

이것은 WordPress를 로컬로 설치하든 호스팅 제공업체를 통해 설치하든 가장 쉬운 부분입니다. WordPress를 로컬로 설치하려면 앞의 설명에 링크된 가이드를 따르세요. 웹 호스트를 사용하여 WordPress를 설치하는 것은 간단하고 간단합니다. 어떤 문제도 발생할 것이라고 예상하지 않습니다. 대부분의 호스트에는 간편한 원클릭 설치 옵션이 있으며, 관리형 WordPress 호스팅의 경우 WordPress가 이미 설치되어 있습니다. 문제가 발생하면 주저하지 말고 웹 호스트에 문의하세요.

별도의 도메인이나 자체 디렉터리에 WordPress를 설치하도록 선택할 수 있습니다. 선택은 귀하의 몫입니다. WordPress 관리 화면에서 설정 –> 읽기로 이동하여 검색 엔진 공개 섹션에서 검색 엔진이 이 사이트를 색인화하지 못하도록 합니다를 선택(체크)합니다. . 아직 개발 중인 WordPress 사이트를 검색 엔진(및 클라이언트)이 찾는 것을 원하지 않습니다. WordPress가 실행되면(즉, 브라우저에서 새 WordPress 사이트를 볼 수 있음) 다음 단계인 콘텐츠 가져오기를 수행할 준비가 된 것입니다.

콘텐츠 가져오기

이것은 약간 까다롭지만 여전히 가능합니다. 기존 콘텐츠를 새 WordPress 플랫폼으로 성공적으로 가져오는 것은 여러 가지 요인에 따라 달라집니다.

  • 귀하의 현재 HTML 사이트는 CMS(콘텐츠 관리 시스템)에서 실행됩니까?
  • 귀하와 귀하의 특정 상황에 사용할 수 있는 가져오기 도구(또는 스크립트)가 있습니까? 아니면 콘텐츠를 수동으로 가져오시겠습니까?
  • 대량의 콘텐츠를 가져오시겠습니까? 많은 양의 콘텐츠를 수동으로 가져오면 사람이 실수할 여지가 충분히 생길 수 있습니다.

우리가 가지고 있는 옵션을 살펴보겠습니다. HTML 사이트가 상용 CMS에서 실행되는 경우 가져오기 도구를 마음대로 사용할 수 있습니다. 여러분이 해야 할 일은 도구를 찾아 여기 저기 버튼 몇 개를 클릭하는 것뿐입니다. 그러면 작업이 완료됩니다! 특정 CMS에서 콘텐츠 가져오기에 대한 자세한 내용은 WordPress Codex의 콘텐츠 가져오기 게시물을 확인하세요.

질문: 내 HTML 사이트에 CMS가 있지만 사용 가능한 가져오기 도구가 없습니다. 무엇을 해야 하나요?
A: 어떻게 해야 할지 모르겠다면 백엔드 개발자에게 연락하여 콘텐츠를 이동하세요.

질문: 내 HTML 사이트가 CMS에서 실행되지 않습니다. 내 모험이 여기서 끝난다는 뜻인가요?
A: 아니요. 이는 단지 콘텐츠를 수동으로 가져와야 한다는 의미입니다. 여기서는 전통적인 복사및붙여넣기가 유용합니다.

질문: 내 HTML 사이트가 CMS에서 실행되지 않고 콘텐츠 양이 많습니다. 어떻게 해야 하나요?
A: 소매를 걷어붙이고 일을 시작하세요. 한동안 복사하고 붙여넣을 예정이니 커피도 큰 잔으로 준비하세요. 아니면 과감히 프리랜서를 고용하여 작업을 수행하세요. 요즘에는 프리랜서 노동력이 많이 돌고 있으므로 이와 관련하여 다루어야 합니다. 경계하십시오 – 여기서는 귀하의 웹사이트, 귀하의 수입원에 대해 이야기하고 있습니다.

콘텐츠를 수동으로 가져올 때는 일반 텍스트로 붙여넣기 버튼을 사용하여 콘텐츠를 WordPress에 복사하거나 각 게시물의 '텍스트' 쪽에 붙여넣어 실수로 콘텐츠가 전송되지 않도록 하세요. 오래된 서식. 또한 재포맷 작업을 수행할 준비를 하십시오. 필요한 경우 이 기회를 통해 콘텐츠를 추가하거나 뺄 수 있습니다. 오래된 콘텐츠를 합리화, 통합 또는 용도 변경하는 것을 알고 계실 것입니다. 또한 콘텐츠를 수동으로 가져오려면 먼저 WordPress에서 해당 페이지(홈페이지, 블로그 등)를 만들어야 한다는 점에 유의하세요. 또한 컴퓨터에서 모든 이미지와 기타 관련 파일을 업로드해야 합니다.

참고: 기존 URL과 새 URL을 모두 추적하세요. SEO 순위를 유지하고 새 WordPress 사이트에서 404 오류 없는 환경을 제공하려면 이전 URL을 리디렉션(또는 편집)해야 합니다. 간단한 스프레드시트 문서를 사용하여 모든 URL을 추적할 수 있습니다.

콘텐츠를 마이그레이션한 후 모양 –> 메뉴에서 사용할 수 있는 WordPress 메뉴 기능을 사용하여 탐색 메뉴를 만듭니다. 쉽고 재미있어야 합니다. 나는 귀하의 웹사이트가 몇 페이지로 구성된 작은 웹사이트이므로 콘텐츠의 양이 적다고 가정합니다. 따라서 콘텐츠를 가져오는 데 며칠이 아니라 몇 초밖에 걸리지 않습니다. 다음 부분에는 새로운 WordPress 사이트를 시각적으로 디자인하는 작업이 포함됩니다.

WordPress 사이트 디자인하기

새로운 WordPress 플랫폼의 콘텐츠를 사용하여 웹사이트를 멋지게 꾸밀 차례입니다. 디자인을 바꾸고 싶다면 지금이 바로 그 때입니다. 다음과 같은 몇 가지 방법이 열려 있습니다.

  • 처음부터 WordPress 테마를 개발할 수 있습니다
  • WordPress, Themeforest 또는 자체 무료 테마 섹션에서 테마를 다운로드할 수 있습니다.
  • 무료 테마를 사용하여 포크할 수 있습니다.
  • WordPress 테마 프레임워크를 사용할 수 있습니다.
  • 기존 HTML 템플릿을 WordPress 테마로 변환할 수 있습니다.
  • 다목적이며 반응성이 뛰어난 Total WordPress 테마를 구매할 수 있습니다 ?

지금까지 가장 쉬운 방법은 마음에 드는 테마를 찾아서 설치하는 것입니다. WordPress를 처음 사용하는 경우 자신만의 사용자 정의 테마를 개발하는 것이 최선의 선택이 아닐 수도 있습니다. 디자인이 준비되어 작동한다고 가정하면 이제 모든 기능을 복원해야 할 때입니다. 여기가 WordPress 플러그인이 필요한 곳입니다.

필요한 WordPress 플러그인 설치

WordPress에는 모든 웹사이트를 강화할 수 있는 다양한 옵션과 기능을 제공하는 훌륭한 플러그인 시스템이 함께 제공됩니다. WordPress 플러그인을 사용하면 HTML 웹사이트의 모든 기능을 쉽게 복제할 수 있습니다. 무료와 프리미엄 모두 플러그인(플러그인)이 너무 많지만, 원하는 것을 정확하게 얻을 수 없다면 플러그인을 만들어 전 세계와 공유하세요. 판매하든, 무료로 제공하든 상관없습니다. 웹사이트와 개인 선호도에 따라 요구 사항이 다를 수 있지만, 다음은 귀하를 시작하고 실행하는 데 도움이 되는 100개 이상의 WordPress 플러그인입니다.

  • 25개 이상의 최고의 소셜 미디어 플러그인
  • 20가지 훌륭한 관리자 WordPress 플러그인
  • 최고의 WordPress 멤버십 플러그인
  • 반드시 보유해야 할 10가지 BuddyPress 플러그인(안녕하세요. 기존 HTML 사이트가 소셜 네트워크인가요?)
  • WordPress의 욕설 필터 및 스팸 차단 플러그인 상위 10개

알림: WordPress 페이지 로드 시간을 줄이는 데 도움이 되도록 평판이 좋은 소스에서 다운로드한 플러그인만 설치하세요. 잘못 코딩된 플러그인은 사이트 속도를 저하시킬 수 있으며 이는 정말 실망스러운 일입니다.

새로운 WordPress 웹사이트를 시작할 준비가 거의 완료되었습니다. 이제 몇 단계만 더 진행하면 됩니다. 계속 진행하기 전에 모든 링크가 작동하는지 확인하겠습니다. 우리는 잠재 고객이 404 오류 페이지에 도달하거나 귀중한 Google 순위를 잃는 것을 원하지 않습니다.

WordPress에서 링크 리디렉션

WordPress의 콘텐츠, 기능이 복원되고 새 WordPress 사이트가 보기 좋게 표시되면 또 다른 문제인 링크 깨짐에 직면할 수 있습니다. 깨진 링크는 마이그레이션 프로세스의 모든 즐거움을 앗아가고 나중에 잠재 고객을 멀리 보낼 수 있으므로 매우 조심해야 합니다. 리디렉션 플러그인을 사용하는 것이 좋습니다. 이렇게 하면 프로세스가 실질적으로 고통스럽지 않게 됩니다. 좋은 옵션으로는 Simple 301 Redirect 또는 Redirection 플러그인이 있습니다. 모든 링크를 리디렉션한 후에는 링크가 작동하는지 확인해야 합니다. 어떻게? Broken Link Checker WordPress 플러그인을 사용하세요. 깨진 링크를 영원히 제거하는 방법을 보여주는 이 플러그인 사용에 대한 훌륭한 가이드가 있습니다.

새 사이트를 정말로 자세히 살펴보고 싶다면 .htaccess 파일을 편집하여 링크를 수동으로 리디렉션할 수 있습니다(그러나 이는 특히 페이지가 많은 경우 번거로울 수 있습니다). 그러나 정말로 .htaccess 방식을 사용하고 싶다면 .htaccess 파일에 추가할 리디렉션 코드는 다음과 같습니다.

Redirect 301 /about.html http://yourdomain.com/about/

Redirect 301 /contact.html http://yourdomain.com/contact/

Redirect 301 /example.html http://yourdomain.com/example/

소스 URL은 페이지 파일 이름이어야 하고 대상 URL은 http://가 포함된 전체 URL이어야 합니다. 하위 디렉토리에 페이지가 있는 경우 하위 디렉토리 이름을 포함하는 것을 잊지 마세요. 예를 들어:

Redirect 301 /folder/page.html http://yourdomain.com/page/

도메인을 새로운 WordPress 사이트로 가리키기

아무도 사이트를 볼 수 없다면 사이트를 마이그레이션하는 데 몇 시간을 소비해야 합니까? 귀하의 도메인을 새 사이트로 지정해 보겠습니다. WordPress Codex에는 기존 하위 디렉터리 설치 사용에 대한 훌륭한 기사가 있으므로 자세한 내용은 다루지 않겠습니다. 하위 디렉터리에 WordPress를 설치한 경우 이 가이드를 사용하세요.

별도의 도메인에 WordPress를 설치했거나 호스트를 변경한 경우 도메인의 이름 서버를 업데이트해야 합니다. Cloudfare와 같은 타사 CDN을 사용하는 경우 DNS 레코드를 업데이트해야 합니다. 여기에는 일반적으로 ABC처럼 쉬운 프로세스인 A 레코드 편집이 포함됩니다.

최종 스윕…

새로운 WordPress 기반 사이트를 전 세계에 공개하기 전에 깨진 링크가 있는지 다시 확인하세요. 기본 페이지를 검토하여 형식이 올바른지 확인하고 모든 기능(예: 상점, 포럼 등)이 복원되었는지 확인하세요. 고유 링크(설정 –> 고유 링크로 이동), 분석을 설정하고 사이트가 검색 엔진에 표시되도록 하고 이전 HTML 사이트를 백업하세요. 이 게시물은 기존 HTML 웹사이트를 WordPress로 마이그레이션하기 위한 일반 가이드입니다. 이 게시물은 매우 큰 웹사이트를 위한 것이 아닙니다. 질문이 있거나 기여하고 싶다면 아래 댓글 섹션을 이용해 주시기 바랍니다!

대신 HTML 템플릿을 WordPress 테마로 변환하고 싶으신가요? HTML에서 WordPress 테마를 만드는 방법에 대한 튜토리얼 시리즈를 확인하세요.