WordPress 사이트를 재 설계하는 방법 (SEO를 유지하십시오)

웹 사이트 재 설계는 비즈니스에 흥미롭고 어려울 수 있습니다. 재 설계에 대한 소량의 높은 희망은 없지만 이것은 기념비적 인 사업입니다. 재 설계는 사이트를 제거하고 다시 빌드 할 수있는 기회를 제공하여 기존 문제를 해결할 수 있습니다.

많은 WordPress 재건을 한 사람에게서 가져 가십시오 . 그만한 가치가 있지만 확실히 작업이 필요합니다.

웹 사이트를 재 설계하는 이유는 무엇입니까?

사이트가 고정되어있을 때 재 설계가 필요합니다. 이것은 여러 가지 형태로 제공되지만 여기에는 큰 변화를 보장하는 몇 가지가 있습니다.

당신이 이것들 중 어느 것도 고개를 끄덕 이면, 재 설계가 당신의 최선의 이익 일 수 있습니다.

WordPress 사이트를 재 설계하기위한 단계

모든 웹 사이트 재 설계에 대한 프로세스가 완벽합니다. 그러나 놀랍게도 계획으로 시작하는 것이 좋습니다.

1. 재 설계 요구를 계획하십시오

목표 설정은 웹 사이트 재 설계의 중요한 부분입니다. 목표없이 떠 다니기에는 너무 큰 프로젝트입니다. 당신이 현실적으로 달성하고 싶은 것에 대해 생각하십시오.

웹 사이트 재 설계의 일반적인 목표에는 종종 다음과 같은 것들이 포함됩니다.

• 더 나은 핵심 웹 생명력 점수 (모든 사람에게 더 빠른 사이트가 더 좋습니다)
• 전환율 향상 (양식 제출, 제품 구매 또는 사이트의 기타 주요 조치 등)
• 주거 시간 및 바운스 율과 같은 것들로 측정 된 향상된 사용자 참여
• 미래의 컨텐츠 생성을 단순화하는 확장 가능한 디자인 시스템 만들기
• 사용자 경험을 향상시키기 위해 새로운 기능 추가 (고객 리뷰, 더 빠른 체크 아웃, 비디오 표시 방법 또는 쉬운 내비게이션)

핵심 웹 생명력 점수 또는 전환율과 같은 이러한 목표 중 일부는 메트릭을 추적하여 쉽게 측정 할 수 있습니다. 더 나은 디자인 시스템을 만드는 것과 같은 다른 사람들은 특정한 느낌이나 효율성 수준을 달성하는 것일 수 있습니다. 중요한 것은 시작하기 전에 목표가 잘 정의되고 기록되어 있는지 확인하는 것입니다.

2. 스테이징 사이트를 만듭니다

라이브 사이트에서 일하지 마십시오. 대신 스테이징 사이트를 설정하십시오. 호스팅 도구를 사용하여 WordPress 사이트를 복제하십시오. 이 작업을 수행하지 않으면 방문자가 여전히 웹 사이트에 액세스하려고하는 동안 웹 사이트를 깨뜨릴 위험이 있습니다. 또한, 준비 사이트는 현재 웹 사이트를 유지함으로써 압력을 취합니다. 또한 원래 사이트가 네트 라이트가 아닌 경우 라이브 사이트에서 건설 아래 페이지를 사용하지 않는 것이 좋습니다. 재 설계된 사이트가 준비 될 때까지 기다리십시오.

SiteGround는 기존 웹 사이트에서 스테이징 사이트를 만드는 가장 쉬운 방법 중 하나를 제공합니다.

스테이징 사이트는 웹 사이트의 복제품으로 임시 URL에서“살아”입니다. 라이브 사이트와 완전히 분리되어 있으므로 둘 사이에 간섭이 없습니다.

스테이징 사이트에서는 라이브 사이트로 푸시 할 때까지 Google이 알지 못하도록 임시로 인덱스를 제거하려고합니다. 그렇게하려면 "설정> 읽기 "로 이동 한 다음 " 검색 엔진 이이 사이트를 색인화하는 것을 방해하는 상자"라는 상자를 확인하십시오. 라이브 사이트 외에 스테이징 사이트를 색인하게하면 Google이 혼동됩니다.

3. SEO 및 기술 세부 사항을 보존하십시오

재 설계는 SEO에 영향을 줄 수 있습니다. 검색 엔진은 기존 사이트 구조에 따라 인덱스를 만듭니다. 너무 많이 변경하면 Google이 인덱스에서 페이지를 떨어 뜨리고 프로세스를 다시 시작하게됩니다. 그렇기 때문에 기존 사이트에 대한 전체 감사를 수행하는 것이 좋습니다. Google 검색 콘솔을 사용하여 고성능 페이지, 크롤링 오류 및 키워드 순위를 식별하십시오. 이 데이터를 내보내면 재 설계된 사이트를 비교하고 웹 사이트의 기본 사항을 너무 많이 변경하지 않도록 벤치 마크를 설정하는 데 도움이됩니다.

모든 재 설계에 대해이 각각을 수행하십시오.

1. 기존 URL을 보존하십시오. CMS 건설 페이지를 포함하여 모든 페이지를 추적하고 웹 사이트에 게시하십시오 (분류 및 상점 페이지를 생각해보십시오). 나는이 모든 것에 대한 스프레드 시트를 좋아합니다. 사이트 페이지의 95%에 대한 사이트 맵을 볼 수 있습니다.
2. URL 변경이있는 모든 페이지에 대해 301 개의 리디렉션을 설정하십시오 (매우 중요합니다. 플러그인이 자동으로이를 수행합니다).
3. 301 초에 대해서는 이전 리디렉션을 그대로 유지하십시오. 필요한 301S를 정리할 수도 있습니다 (404는 나쁘지 않지만 페이지가 이동하는 경우 301을 사용하십시오).
4. 제목 태그와 메타 설명을 마이그레이션하십시오. 당신은 그것들을 바꿀 수 있지만, 당신이하지 않으면 분명히 잃고 싶지는 않습니다.
5. 페이지에 사용 된 추가 스키마를 보관하십시오 (SEO 플러그인에서 기본적으로 생성 된 것 이상). 스키마를 저장하는 것을 잊어 버릴 때 스키마를 재현하는 것은 고통스러운 일입니다 (스프레드 시트도 사용하십시오).
6. 검색 엔진이 컨텍스트에 사용하기 때문에 제목 구조를 그대로 유지하십시오. 콘텐츠를 변경할 수는 있지만 이전 SEO에 영향을 줄 수 있다는 것을 알고 있습니다.

SEO는 종종 재 설계로 나중에 생각합니다. SEO는 새로운 웹 사이트를 최적화하는 마지막 것 중 하나 일 수 있지만 (이유 내에서) 재 설계 에서 가장 먼저 생각하는 것 중 하나 여야합니다. 기존 웹 사이트가 현재 트래픽을받는 경우 단계를 거슬러 올라가고 싶지 않습니다.

4. WordPress 재 설계에 Divi를 사용하십시오

테마를 변경하면 웹 사이트를 크게 변경할 수 있지만 좋은 소식은 모든 미디어와 CPT가 그대로 유지된다는 것입니다. 업로드 된 이미지 및 비디오는 구축 한 모든 사용자 정의 게시물 유형과 동일한 URL 경로를 갖습니다 (쿼리 루프 및 온 페이지 요소는 재건되어야하며 페이지 매김이 변경 될 수 있음). 이것은 당신이 0부터 시작하지 않기 때문에 재 설계에 대한 자신감을 줄 것입니다.

이제 WordPress 재 설계에 대한 테마를 선택할 때 수백 가지 옵션이 있습니다. 그러나 실제로 Divi보다 웹 사이트를 디자인하는 데 더 좋은 것은 없습니다. WordPress의 페이지 빌더가 사용자에게 많은 디자인 옵션을 제공하는 것을 보지 못했습니다 (초보자이든 아니든 CSS에 매우 능숙한 사람이든).

Divi는 디자인 머신이며, 실제로 재 설계 에 전념하고 있다면 또 다른 디자인 병목 현상 을 안내하는 도구를 선택하지 않는 것이 좋습니다. 무엇보다도 Divi는 디자인 도구입니다. 즉, 새 웹 사이트를 재건하는 데 필요한 모든 기능과 기능이 있음을 의미합니다.

조금 더 도움이 필요하면 Divi에는 전문 웹 디자이너 팀이 설계 한 스타터 사이트가 있습니다. 당신은 또한 우리의 시도하고 진실한 AI 웹 사이트 빌더를 사용하여보다 맞춤형을 사용할 수 있습니다. 두 옵션의 가장 중요한 부분은 모든 디자인이 Divi를 준수한다는 것입니다. 즉, Divi의 편집자 내에서 모든 것이 편집 가능하다는 것입니다.

예산이 빡빡합니까? Divi는 실제로 시장에서 가장 저렴한 웹 디자인 도구 중 하나입니다. 본격적인 디자인 도구, 클라우드 스토리지, AI 보조, VIP 지원 (그리고이 문장에 기꺼이 할 수있는 것 이상)을 한 달에 $ 7.42를 얻을 수 있습니다.

재 설계를 위해 Divi를 얻으십시오

5. 페이지와 템플릿을 디자인하십시오

글로벌 색상과 글꼴을 설정하여 시작하십시오. Divi 테마 옵션 또는 WordPress 테마 커스터마이저 내에서 기본 색상 팔레트 및 글꼴 페어링을 설정할 수 있습니다.

다음으로 Divi의 사전 설정 시스템 으로 작업하십시오. 사전 설정은 모든 일반적인 웹 사이트 요소에 대해 재사용 가능한 디자인 스타일을 만듭니다. 버튼, 제목, 다양한 텍스트 스타일, 형태 필드 등과 같은 것에 대해 생각하십시오. 사전 설정은 사이트 전체에서 설계 일관성을 보장하는 데 중요합니다. 나는 사이트 전체에서 사용할 수있는 요소가있는 페이지로 시작합니다.

그런 다음 Divi의 테마 빌더를 사용하여 헤더 및 바닥 글 템플릿 에서 작업하십시오. 전체 웹 사이트에 적용될 글로벌 헤더 및 바닥 글 템플릿 (또는 필요한 경우 특정 섹션)에 적용됩니다. 또한 필요한 동적 페이지 템플릿을 만듭니다. 동적 페이지 템플릿은 블로그 게시물, 카테고리 아카이브 페이지 및 제품 페이지와 같은 템플릿에 자동으로 적용되는 컨텐츠에 사용됩니다.

그 후 핵심 정적 페이지를 설계하여 완료하는 것이 가장 좋습니다. 홈페이지, 페이지, 연락처 페이지, 서비스 페이지 등과 같은 가장 중요한 정적 페이지로 시작하십시오.이 페이지를 디자인 할 때 전역 스타일을 적용하고 사전 설정을 적용하여 시각적 일관성을 유지하십시오. 각 페이지에서 효과적인 통화 유도 요소로 명확한 레이아웃을 만드는 데 중점을 둡니다.

6. 성능을 위해 사이트를 최적화하십시오

Google 페이지 속도 점수 개선 및 속도 최적화에 사용해야 할 플러그인에 대해 심도있게 읽을 수 있으므로이 점을 읽지 않을 것입니다. 그러나 여기에 내 자신의 완성 된 재 설계에 대해 내가 가진 것들이 다음과 같습니다.

디비

페이지로드 시간을 4 배로 줄인 Divi 5 알파의 이전 버전

우리는 이미 Divi가 디자인의 자유와 통제에 제한이없는 환상적인 주제 인 방법을 이미 다루었습니다. 그러나 시장에서 가장 빠르고 가장 성능이 좋은 WordPress 테마 중 하나입니다. 이 재 설계 중에 처음으로 Divi를 설치하는 경우 Divi 5를 살펴 보는 것이 좋습니다. . WooCommerce 상점을 재 설계하는 경우 이전 버전이 현재 가장 좋은 방법이지만 대부분의 경우 Divi 5가 사용하고 싶은 것이 될 것입니다.

재 설계를 위해 Divi를 얻으십시오

Cloudflare CDN

CloudFlare는 전 세계 서버에 웹 사이트의 정적 자산을 저장하고 서비스하는 콘텐츠 전달 네트워크 (CDN)로, 거리 데이터가 사용자에게 이동하는 거리를 줄입니다 (빠르게). 나는 종종 작은 웹 사이트에 무료 버전을 사용했습니다. 그러나 다음 도구는 비즈니스 소득에 의존 한 웹 사이트에 사용하는 것입니다.

CloudFlare를 얻으십시오

니트로 팩

NitroPack은 웹 사이트를 매우 빠르고 빠르게 만들기위한 올인원 플랫폼입니다. WordPress 웹 사이트 스마트 캐싱, 자체 CDN을 통해 최적화 된 리소스 제공 및 인상적인 이미지 최적화를 제공합니다. 또한 게으른로드 및 이미지 변환을 Webp로 처리합니다. WordPress를 사용하면 종종 일련의 플러그인과 타사 도구를 함께 패치하고 있지만 NitroPack은 진정으로 원 스톱 상점입니다. 이 놀라운 통합 도구 제품군에 자신을 대하십시오. 나중에 감사 드리겠습니다.

니트로 팩을 얻으십시오

7. 사전 출시 점검표를 따르십시오

실수로 무언가를 놓치지 않도록 사전 실행 체크리스트가 있습니다. 문자 그대로 확인할 수있는 수백 가지가 있지만 여기에는 6 가지 주요 범주가 있습니다.

• 모든 콘텐츠를 교정하십시오 : 오타, 문법 오류 및 세밀한 눈이 잡히기 위해 필요한 모든 것을 확인하십시오 (특정 물건을 잡기 위해 AI를 사용하는 것을 좋아합니다).
• 이미지 및 미디어 검토 : 모든 이미지와 비디오가 올바르게 표시되고 최적화되도록합니다.
• 모바일 테스트 : 모바일 장치 및 태블릿의 모든 페이지를 테스트하여 응답 디자인이 예상대로 작동하는지 확인하십시오. 우리는 21 세기에 잘 살고 있으므로 초대형 디스플레이도 테스트해야합니다.
• 크로스 브라우저 테스트 : 다양한 브라우저 (Chrome, Firefox, Safari, Edge)에서 사이트를 테스트하여 호환성을 보장합니다.
• 사이트 크롤링 수행 : 가능하면 무료 버전의 ScreamingFrog를 사용하여 사이트를 크롤링하고 명백한 오류를 사전 출시로 해결 해야하는지 확인하십시오.
• 분석 설치 : 출시 직전에 분석을 설정하기에 좋은시기입니다. 재 설계된 사이트가 어떻게 작동하는지 실제로 확인할 수 있도록 전환 이벤트를 설정하십시오.

8. 라이브로

진실의 순간이 도착했습니다! 스테이징 환경에서 재 설계된 웹 사이트를 엄격하게 테스트하고 안정성과 성능에 확신을 갖고 나면 이제 실시간으로 갈 시간입니다. 이 시점에서, 당신은 잘 기능하고 최종 사용자를 만족 시키며 비즈니스 목표를 충족시키는 것을 구축했습니다.

Siteground를 사용하는 경우 사이트 도구를 사용하여 준비 사이트를 실시간으로 만들 수 있습니다. SiteGroun

그것이 일어나려면 잠시 시간이 걸립니다. 전체 사이트 전체의 스테이징 URL을 사용자 정의 도메인으로 변경하는 방법이 마음에 듭니다. 이것은 예전에는 고통 이었지만 지금은 정말로 손이 닿지 않습니다.

WordPress 재 설계가 올바르게 완료되었습니다

우리는 종종 사용자가 자신이 몇 년 전에 Divi 몇 년 전에 전환되기를 원한다고 말하는 것을 들었습니다. 특히 일반적인 WordPress 테마가 제공하는 것보다 더 큰 디자인 제어를 원하는 사람들. Divi는 WordPress를 즐거움으로 만듭니다. 드래그 앤 드롭 빌더 , 글로벌 디자인 설정 및 고급 스타일 옵션을 사용하면 브랜드와 목표를 반영하도록 웹 사이트를 재 설계 할 수 있습니다. 모서리를 자르지 말고 몇 년 안에 교체 할 WordPress 테마를 얻으십시오.

Divi를 시도하십시오

올바른 테마가 있으면 웹 사이트에 새로운 기능을 추가하고 SEO를 유지하고 개선하고 처음부터 속도와 응답 성을 구축하는 데 집중하십시오.

가십시오

재 설계는 많은 작업이지만 이러한 도구를 사용하는 방식은 훨씬 쉽게 만듭니다. 귀하의 사이트의 호스팅, 설계 및 최적화를 위해서는 아래 도구를 권장합니다.