웹사이트 출시 체크리스트: 10가지 필수 항목

웹사이트는 정기적인 업데이트와 새로운 콘텐츠가 필요하지만, 사이트 개편이 필요할 때가 있습니다. 사이트를 얼마나 자주 재설계해야 하는지에 대한 정답은 없지만 대부분의 마케터는 2년마다 제안합니다(HubSpot의 설문조사에 따르면).

이는 벅차고 비용이 많이 들지만 그렇기 때문에 반복적인 웹사이트 재설계 프로세스인 GDD(Growth-Driven Design Approach)를 사용하는 것이 가장 좋습니다. 여기 Weidert에서 우리는 최근에 기존 웹사이트를 새로 고칠 필요가 있다는 몇 가지 징후를 발견했습니다. 브랜딩을 약간 변경하고 전체 사이트 속도를 업데이트하고 효율성을 위해 백엔드를 정리해야 했지만 처음부터 시작하는 것보다 몇 년 전에 구축한 강력한 기반을 계속 구축할 수 있었습니다. GDD의 전제.

회사에 새로운 브랜드가 생겼거나 서비스가 바뀌었거나 새로운 틈새 시장이나 대상 고객을 찾았을 수 있습니다. 또는 성능을 향상시키기 위해 코드를 업데이트하거나 웹사이트에서 부풀림을 제거해야 할 수도 있습니다.

사용 가능한 CMS 도구와 기술을 사용하여 웹사이트 재설계 프로젝트를 완료하는 것이 그 어느 때보다 쉬워졌지만, 긍정적인 사용자 경험을 보장하기 위해 시작 전후에 이 10단계 웹사이트 체크리스트를 완료하는 것이 매우 중요합니다.

사전 출시 웹사이트 체크리스트

1. 디자인 기준, 서식, 페이지 데이터 검증 및 확인

2. 사이트의 모든 링크와 버튼 확인

3. 브라우저 간 테스트 및 장치 응답성 수행

4. GDPR 및 CCPA에 대한 개인 정보 보호 정책 및 쿠키 준수 확인

출시 후 웹사이트 체크리스트

5. 동적 콘텐츠용 CMS 템플릿 업데이트

6. 오래된 페이지 삭제

7. 301 URL 리디렉션 설정

8. 오류 및 문제에 대한 사이트 크롤링

9. 크롤링을 위해 Google에 XML 사이트맵 제출

10. 오류에 대한 Google 검색 콘솔 모니터링

1. 페이지 디자인 표준, 서식 및 페이지 데이터 증명 및 확인

당연하게 들리겠지만 웹사이트의 모든 페이지 의 디자인과 레이아웃을 주의 깊게 살펴보십시오. 모든 텍스트가 같은 방식으로 서식이 지정되어 있습니까? 2차 및 3차 페이지 헤더가 기본 탐색 및/또는 드롭다운 메뉴에 반영된 것과 일치합니까? 이러한 것들은 재설계 프로세스 전반에 걸쳐 변경되거나 발전할 수 있는 작은 것들입니다.

헤더를 변경하는 것처럼 간단한 작업을 수행하려면 메뉴 탐색/드롭다운, 내부 페이지, 방문 페이지 등을 포함하여 여러 위치에 변경 사항이 반영되어야 합니다. 홈 페이지는 인테리어 페이지와 느낌이 달라야 하지만 모두 응집력 있고 같은 이야기를 전달해야 합니다.

페이지 제목, 메타 설명, 제목 태그, URL 및 이미지 대체 태그와 같은 검색 가능한 모든 데이터 구성 요소가 설정되었는지 다시 확인하십시오. 그리고 귀하의 사이트에는 SSL 인증서가 있습니다. 이러한 단계는 검색 엔진 최적화(SEO)에 도움이 될 뿐만 아니라 사이트 전체에 세련되고 완전한 모습을 제공합니다. 사이트 페이지를 복제한 경우 적어도 복제된 페이지에 고유한 관련 URL을 제공해야 하므로 이 점을 염두에 두는 것이 특히 중요합니다.

그리고 인바운드 모든 것에 대한 사랑을 위해 가는 빗으로 웹사이트 콘텐츠를 증명하십시오. 경쟁 우위의 철자를 잘못 입력한 제대로 검증되지 않은 웹사이트만큼 잠재 고객의 마음을 끄는 것은 없습니다.

2. 사이트의 모든 링크와 버튼 확인

이것은 충분히 간단한 작업처럼 보일 수 있지만 일부 링크를 간과하기 쉽습니다. 메뉴 탐색의 링크와 사이트 전체의 본문 사본을 테스트하지 마십시오. 사이트의 모든 링크가 제대로 작동하는지 확인하십시오. 바닥글에 있는 링크와 이전 블로그 게시물에 포함된 링크 또는 클릭 유도문안을 확인하는 것을 잊지 마십시오. 적절한 경우 상대 링크입니까? 필요한 경우 새 창에서 열리나요?

페이지에 있는 링크를 확인하는 도구는 많이 있지만 링크가 잘못된 것인지 여부는 확인하지 않고 404 오류 페이지인지 여부만 확인한다는 점에 유의해야 합니다. 제대로 리디렉션되고 도구는 의도한 페이지로 연결되는지 여부를 알 수 없으며 더 이상 존재하지 않는 페이지만 알 수 있습니다. 연결은 사용자 경험의 핵심이므로 모든 것을 의도적으로 수행했는지 확인하십시오.

3. 브라우저 간 테스트 및 장치 응답성 수행

BrowserStack, HubSpot 도구 또는 Chrome Inspector 도구와 같은 서비스를 사용하여 다양한 브라우저 유형에서 웹사이트가 어떻게 보이는지 확인할 수 있습니다. Chrome에서 보기에 맞다고 해서 Firefox, Edge, Safari 등에서 잘 번역되는 것은 아닙니다.

또한 사용자 경험(UX)과 SERP를 극대화하기 위해 모바일(휴대용 및 태블릿 모두)에 맞게 사이트를 최적화하는 것이 중요합니다. 전 세계 인터넷 사용자의 약 절반이 모바일 장치를 사용하며 그 숫자는 계속 증가하고 있으므로 모바일 우선 접근 방식을 취하십시오. 모바일용으로 페이지 크기가 조정되는 방식은 헤더 또는 배너 이미지의 크기에 영향을 미칠 수 있습니다. 또한 버튼이나 메뉴와 같은 글꼴 크기 및 터치 요소가 서로 너무 가까이 있는 것을 고려하십시오.

전문가 팁: 특정 브라우저에서 웹사이트를 본 적이 있더라도 동일한 브라우저의 이전(또는 최신) 버전에서 웹사이트가 어떻게 보이는지 확인하고 싶을 것입니다.

4. GDPR 및 CCPA에 대한 개인정보 보호정책 및 쿠키 준수 확인

웹사이트를 다시 만든 지 얼마나 되었는지에 따라 GDPR 및 CCPA 규정이 완전히 최신 상태가 아닐 수도 있습니다. 이러한 규칙에는 개인정보 보호정책과 웹사이트에서 쿠키를 사용하는 방법이 포함됩니다. 기업은 홈페이지에 개인 정보 보호 정책에 대한 "명확하고 눈에 잘 띄는" 정보가 있어야 합니다. 개인 정보 보호 정책 페이지가 있고 쿠키 및 양식 설정을 업데이트하여 규정을 준수하는지 확인하십시오.

5. 동적 콘텐츠용 CMS 템플릿 업데이트

동적으로 생성된 콘텐츠는 출시 이후까지 변경할 수 없습니다. 예를 들어 기존 고객이나 자격을 갖춘 리드가 제한된 콘텐츠에 액세스할 때 다른 경험을 하도록 하려면 양식 작성을 생략하도록 할 수 있습니다. 또는 누군가가 이미 귀하의 블로그를 구독하고 있는 경우 구독 CTA를 계속 표시할 필요가 없습니다.

구독 팝업, 블로그 및 오류 페이지는 동적 콘텐츠의 몇 가지 예일 뿐입니다. HubSpot에서 이러한 템플릿은 새 템플릿 디자인을 가리키도록 HubSpot CMS Hub 설정에서 구체적으로 선택되어야 합니다. 이것은 매우 자주 간과됩니다.

6. 오래된 페이지 삭제

오래된 페이지를 제거하는 것은 새 웹사이트를 시작할 때 가장 흔히 놓치는 단계 중 하나입니다. 현재 웹사이트에 /contact 확장자가 있는 연락처 페이지 URL이 있다고 가정해 보겠습니다. 그러나 /contact-us의 확장자를 갖도록 새 웹사이트를 업데이트했습니다. 이전 페이지는 단순히 사라지는 것이 아니라 이전 모양과 스타일로 여전히 존재하며 잠재 고객이 Google에서 찾을 수 있습니다. 따라서 해당 항목을 끌어내고 URL을 새 항목으로 리디렉션하는 것이 중요합니다.

우리를 이끄는 것은...

7. 301 URL 리디렉션 설정

새 웹 사이트에 대한 적절한 리디렉션이 설정되어 있는지 확인하여 깨진 링크를 방지하십시오. 기존 페이지 URL이 변경되면 아무리 사소한 것이라도 방문자를 새 URL로 리디렉션하기 위해 301 리디렉션이 있어야 합니다. HubSpot 사용자인 경우 301 URL 리디렉션이 HubSpot에 직접 구축됩니다. Apex 도메인을 전달하기 위해 EasyRedir 또는 HubSpot(베타 기능)과 같은 서비스를 사용할 수도 있습니다.

8. 오류 및 문제에 대한 사이트 크롤링

웹 사이트는 서버에 라이브로 전환된 후에 스테이징에서 다르게 작동할 수 있으며 감지되지 않을 수 있는 결함이나 오류가 있을 수 있습니다. SEMrush 또는 Screaming Frog와 같은 도구를 사용하면 404 오류, 누락된 메타 설명, 중복된 제목, 리디렉션, 깨진 링크 등을 확인할 수 있습니다.

9. 크롤링을 위해 Google에 XML 사이트맵 제출

새 URL이 검색 엔진의 결과에 표시되도록 하려면 Google에서 Google Search Console을 사용하여 새 사이트를 크롤링하도록 해야 합니다. 이는 Google이 이전 웹사이트 페이지 대신 검색 엔진 결과 페이지에서 새 웹사이트를 탐색하고 색인을 생성하도록 초대하기 때문에 실행 후 이전 단계를 수행한 직후에 수행해야 합니다.

10. 오류에 대한 Google 검색 콘솔 모니터링

Google Search Console을 사용하면 Google 검색 결과에서 사이트의 존재를 모니터링, 유지 관리 및 문제를 해결할 수 있습니다. 색인 오류, 스팸 또는 기타 문제에 대해 Google에서 자동으로 이메일을 보내드립니다. 이러한 경고는 출시 후 파악하지 못한 중요한 문제를 드러낼 수 있으므로 주의하십시오. 이 서비스에는 활용할 수 있는 몇 가지 다른 기능이 있으므로 이 무료 도구를 활용하십시오.

귀하의 웹사이트는 강력한 마케팅 도구입니다. 새로운 웹사이트 디자인을 더 빨리 구현하기 위해 일부 모서리를 잘라내고 싶을 수도 있지만 시간을 내어 위에 나열된 각 측면을 확인하면 방문자가 방문할 때 찾고 있는 긍정적인 경험을 제공하는 데 도움이 됩니다. 당신의 웹사이트.

단일 기사에서 다룰 수 있는 것보다 고려해야 할 사항이 많으므로 보다 심층적인 리소스인 인바운드 웹사이트 체크리스트의 요소에 액세스하여 귀하의 웹사이트를 계획하고 구축할 때 수행해야 할 추가 단계를 강조합니다. 회사 성장.