더 나은 연구, 더 나은 디자인, 더 나은 결과

수년에 걸쳐 우리가 일관되게 보아온 한 가지는 웹 개발 프로젝트의 계획 단계에서 디지털 마케터의 통찰력이 얼마나 적게 사용되는지입니다.

Google Analytics 및 SEMrush 에서 VWO (Visual Website Optimizer) 또는 Hotjar 와 같은 도구에 이르는 데이터는 모두 작성되는 코드의 첫 번째 줄에 앞서 귀중한 통찰력을 제공하는 데 사용할 수 있는 리소스입니다. URL 구조 및 메타데이터와 같은 기본 SEO 요소도 웹 디자인 프로젝트의 의사 결정에 포함되어야 합니다.

이것은 이전에 지적되었으며 많은 SEO 및 콘텐츠 전문가에게 골칫거리입니다. 그러나 이 기사에서는 효과적인 콘텐츠 연구 및 생성인 우리가 선호하는 방법론과 관련된 문제와 모든 단계에서 사용자 의도가 프로세스에 미치는 영향에 초점을 맞출 것입니다.

그런 다음 디자인 프로세스의 각 측면을 살펴보고 그 과정에서 SEO 질문에 대해 이야기하고 워크플로에 대한 자세한 분석으로 끝내고 두 가지를 달성한다고 생각합니다. 멋지게 보이는 웹사이트와 디자인된 완전히 실현된 자산 측정 가능한 목표를 달성하기 위해.

지능형 콘텐츠 연구

웹사이트는 단순히 구축해야 하는 것이 아닙니다. 재료로 채워야 합니다. 이 자료가 디자인되는 방식은 웹사이트의 성공, 즉 그것이 클라이언트의 비즈니스나 조직에 어떤 영향을 미치는지 결정하는 데 큰 역할을 합니다.

이것이 우리가 정상적인 웹 디자인 프로세스가 초기 단계에서 키워드 연구 및 보다 발전된 상대적인 콘텐츠 전략과 같은 것을 놓치는 것을 이상하게 여기는 이유입니다. 프레임은 무엇을 담을 것인지에 대한 충분한 생각 없이 구축되는 경우가 많습니다.

우리의 모든 프로젝트는 일정 수준에서 키워드 연구를 필요로 하며, 이는 항상 사용자 의도에 주의를 기울여야 합니다. SmashingMag 독자로서 이 개념을 가장 잘 이해할 것입니다. 하지만 명확성을 기하기 위해 콘텐츠 전략과 SEO 측면에서 이것을 다시 살펴볼 가치가 있습니다.

사용자 의도가 중요하기 전에 키워드 연구는 검색량 및 "난이도" 수치의 목록을 수집하고 이상적인 사용자가 실제로 사용할 가능성이 있는 쿼리인지 여부에 너무 많은 관심을 기울이지 않고 순위를 매길 수 있는 키워드를 찾는 것과 관련되었습니다. .

아직 이 과정을 거쳐야 하지만 효과적인 연구를 위해서는 찾은 데이터를 보다 지능적으로 사용해야 합니다. 우리는 타겟 키워드를 발견하고 쿼리 이면의 의도를 충족하는 자료를 개발하는 데 집중해야 하며, 그 과정에서 일부 관련 "좋은 기회" 키워드(즉, 대량, 낮은 경쟁)를 계속 찾고 있습니다.

즉, 키워드 연구는 사용자 가 컨텍스트 에서 검색하는 것이 의미하는 바, 답변을 원하는 질문, 사용하는 언어를 이해하는 방법이 되어 웹사이트에 도움이 될 가능성이 가장 높은 콘텐츠를 만드는 목적으로 사용됩니다. 소유자의 목표를 달성합니다.

사용자 의도 및 콘텐츠 생성

사용자의 의도는 키워드 리서치를 알려주며, 이는 시간이 지나면 콘텐츠 전략이 되고 생성이 됩니다. 우리가 만드는 콘텐츠에는 항상 목적이 있으며, 대부분의 경우 사용자 쿼리 이면의 의도를 충족시키는 것입니다.

넓은 예로 "커피"라는 검색어를 살펴보겠습니다. 결과는 다음과 같습니다. 다양한 의도를 충족하기 위한 다양한 유형의 콘텐츠를 확인하세요.

결과는 대상으로 하는 청중에 따라 크게 다릅니다. 일부는 근처에서 커피를 마실 곳을 찾고자 하는 사람들을 대상으로 하고, 다른 일부는 조를 온라인으로 주문할 수 있는 사이트입니다. 커피의 역사와 영양 정보를 볼 수 있는 자료도 있습니다.

우리가 종종 그렇게 광범위한 용어를 다룰 필요는 없지만, 이 모든 것은 웹사이트의 목적에 따라 생각하고 선택하지 않고 계획해야 합니다. 즉, 콘텐츠 연구는 사용자에 초점을 맞출 때 사이트 아키텍처 및 미학, 즉 모든 디자인 프로세스에서 가장 먼저 해결해야 하는 측면에서 명백하고 엄청난 의미를 갖습니다.

콘텐츠가 고려되지 않을 때

기존 사이트와 신규 사이트 모두에서 볼 수 있는 가장 일반적인 문제 중 하나는 일반적인 의도는 물론 정확한 구문 측면에서 사용자 쿼리를 완전히 처리하도록 설계되지 않은 콘텐츠입니다. 경우에 따라 이는 쉽게 수정할 수 있습니다. 예를 들어 페이지의 메타데이터 및 사본을 약간 수정하면 쿼리 및 사용자 타겟팅이 거의 즉시 명확해질 수 있습니다.

그러나 다른 많은 경우에는 문제가 훨씬 더 심각하며 완전히 새로운 콘텐츠 전략의 일부로 수정된 아키텍처 또는 탐색이 필요합니다. 이는 올바른 전문가와 계속 상의했다면 피할 수 있었던 값비싼 프로세스입니다.

다음은 우리가 너무 많이 접한 사이트 콘텐츠와 관련된 몇 가지 시나리오입니다.

시나리오 1: 빛나는 새 웹사이트, 둔한 새 콘텐츠

고객(그를 John이라고 합시다)이 참조할 이전 콘텐츠 없이 완전히 새로운 사이트를 시작합니다.

그러나 John이 훨씬 나중에(일반적으로 백엔드 개발 단계 이후)까지 복사, 콘텐츠 또는 SEO에 대해 생각하라는 메시지를 받지 않으면 잘못된 결정을 내릴 수 있으며 일부를 잃을 위험도 있습니다. 프로젝트에 대한 그의 동기, 에너지 및 인내심.

완성된 것을 서두른다는 것은 콘텐츠가 장기적으로 효과적일 만큼 충분히 연구되거나 실행되지 않는다는 것을 의미합니다. 결국 길고 비용이 많이 드는 2단계 SEO 및 콘텐츠 제작 캠페인에서 다시 검토해야 합니다 .

시나리오 2: 동일한 콘텐츠, 동일한 문제

기존 사이트를 재구축한다는 것은 보고 참조할 기존 콘텐츠가 있다는 것을 의미합니다. 때때로 John은 너무 서두르거나 이 단계에서 비용을 줄이려는 데 너무 열중하여 콘텐츠를 전혀 고려하지 않습니다.

새 사이트에서와 동일한 콘텐츠가 이전 사이트에서 사용되며 John은 자신의 사이트가 모든 상위 키워드에 대해 즉시 1위를 차지하지 않는 이유를 궁금해합니다. 결국 길고 비용이 많이 드는 2단계 SEO 및 콘텐츠 제작 캠페인에서 다시 검토해야 합니다 .

새로운 콘텐츠 아니면!

예를 들어 브랜드 변경의 일환으로 가치 있고 신뢰할 수 있는 사이트가 재건되는 경우가 있습니다. 존은 모든 것이 새롭다고 주장합니다. 예를 들어 분석 데이터(아래에서 더 자세히 설명)와 같이 이를 설명하는 적절한 조사가 없으면 John은 자신이 이미 가지고 있는 자산을 인식하지 못합니다. 그는 검색 엔진이 가치 있다고 생각한 오래된 콘텐츠를 제거하고(또는 새 도메인으로 전환하는 것과 같은 더 나쁜 짓을 합니다.) 순위는 신비하게 낮아집니다. 결국 길고 비용이 많이 드는 2단계 SEO 및 콘텐츠 제작 캠페인에서 다시 검토해야 합니다 .

사실 이후에 SEO가 호출될 때의 워크플로 문제

우리는 물론 우리가 얻은 것과 관련이 있지만 문제가 설정된 후에도 SEO가 프로젝트를 잘 수행하는 것은 실망스럽고 결국에는 상대적으로 새로운 사이트에 문제가 있는 경우 분리해야 한다고 제안해야 합니다. 그 가치를 실현할 수 있기를 바랍니다.

처음부터 SEO가 고려되지 않은 경우 페이지 레이아웃 및 시맨틱 마크업은 발췌문, H-태그, 메타데이터 또는 CMS가 장기적으로 SEO를 지원할 수 있는 방법을 고려하지 않습니다. 그러면 많은 클라이언트가 Yoast와 같은 Wordpress 플러그인과 같은 빠른 수정으로 전환합니다. 이것들이 비효율적이거나 잘못 사용되어 당면한 문제를 영속화할 가능성이 높습니다.

그래서, 무엇을 추측? 사이트가 시작된 후 SEO 전문가가 투입됩니다.

이제 고객은 기존 대행사에 만족하지 못하고 SEO 개선을 ​​매우 중요하게 생각합니다. 결과적으로, SEO 전문가는 웹 에이전시를 훼손하지 않으려고 어려운 작업을 수행하지만 여전히 구조적 및 페이지 조정을 권장해야 합니다.

그들은 또한 고객의 기대치에 문제에 직면하게 될 것입니다. 고객은 당연히 배신감을 느끼고 새로운 반짝이는 웹사이트에 더 많은 돈을 쓰는 것을 꺼릴 것입니다.

이 모든 것이 친숙하게 들립니까? 우리 주장의 핵심은 처음부터 의도 중심의 키워드 연구와 같은 인라인 프로세스를 도입함으로써 이러한 상황을 피할 수 있고 모두가 함께할 수 있다는 것입니다.

동시에 통합 접근 방식은 강력한 SEO 성능과 함께 더 나은 UX 및 전환을 의미합니다. 관련성은 Google의 Adword 계산의 일부이기 때문에 더 집중된 콘텐츠는 낮은 PPC 비용을 의미할 수도 있습니다.

값비싼 디자인 단계에 이어 두 번째로 값비싼 SEO 작업을 수행하는 대신 전체 프로세스를 간소화하여 시간과 비용을 절감하고 고객을 더 행복하게 만들고 결과적으로 더 나은 최종 제품을 생산할 수 있습니다.

새로운 디자인 프로세스

이 모든 것이 훌륭하고 좋은데 어떻게 실천할 수 있습니까? 다양한 정도의 복잡성으로 인해 업계의 많은 사람들에게 디자인 프로세스는 다음과 같습니다.

일반적인 워크플로

훌륭한 개발자는 자신의 워크플로에서 사용자 경험과 방문자 여정에 중점을 둡니다. 대신 일반적인 프로젝트는 다음 단계를 거칠 수 있습니다.

다른 접근 방식

지난 1년 동안 우리는 고객에게 가능한 최고의 가치를 제공한다고 믿는 방식으로 이 프로세스를 개선하기 위해 많은 노력을 기울였습니다. 여기있어:

프로젝트 기획

항상 그렇듯이 이것은 앞으로 작업의 범위를 정의하므로 첫 번째 단계가 되어야 합니다. 현실적이어야 하며 오류가 발생할 여지를 고려하고 비용을 지불한 만큼 얻을 수 있다는 사실을 잘 알고 있어야 합니다. 예산이 부족하면 디자인, 기능 및 콘텐츠와 같은 핵심 영역이 부족할 위험이 있습니다. 동시에 프로젝트의 모든 예산이 설계 및 개발에 소모되면 마케팅 전략을 지원하거나 지속적인 업데이트 및 개선을 위한 여지가 없습니다.

마찬가지로 처음부터 목표가 명확해야 합니다. 이메일 주소를 획득하거나 제품을 판매하는 데 집중하고 있습니까? 방문자가 무엇보다 했으면 하는 한 가지는 무엇입니까? 이것을 명확하게 이해하지 않으면 귀하의 사이트가 목표에 미치지 못할 가능성이 있습니다.

이것이 결정되면 더 넓은 목표를 설정할 수 있습니다. 여기에는 SMART 목표(또는 특정, 측정 가능, 달성 가능, 관련성 및 시간 제한)와 같은 여러 방법이 있습니다. 이것들은 성공적인 프로젝트가 완료되었을 때 어떻게 보일지를 정의할 것입니다. 현실적입니다. 현재 사이트에 한 달에 수백 명이 방문하는 경우 진지한 노력과 투자 없이는 몇 달 안에 방문자 수가 10,000에 도달할 것으로 기대하지 마십시오.

동시에 우리는 Google, LinkedIn 등이 사용하는 OKR(목표 및 핵심 결과) 접근 방식의 열렬한 팬입니다. 이 기술은 웹 프로젝트와 일반 비즈니스 전략에 매우 적합합니다.

다음은 OKR 시스템에 대한 배경 지식을 제공하는 훌륭한 비디오입니다.

효과적인 OKR을 작성하는 것은 그 자체로 약간의 예술이지만 여기에 몇 가지 좋은 예가 있습니다. 그러나 기억해야 할 주요 사항은 목표가 사이트의 아키텍처를 어느 정도 정의한다는 것입니다.

가장 간단한 수준에서 연락처 양식이 없으면 사람들이 귀하에게 연락할 수 없습니다. 마찬가지로, 제품이나 서비스의 기능을 설명하는 데 도움이 되는 많은 FAQ 또는 블로그 게시물을 제거하면 연락할 가능성이 줄어듭니다. 이것은 우리를 다음 단계로 안내합니다.

이미 실적이 좋은 페이지가 있을 수 있습니다. 이 경우 새 구조에 구성되어 있는지 확인할 수 있도록 해당 항목을 식별해야 합니다. 유입경로의 어느 지점에서든 트래픽을 유도하는 페이지를 흘리면 리드 또는 판매 손실이 발생할 수 있습니다. URL 변경과 함께 마이그레이션 또는 중요한 사이트 업데이트 후 트래픽 감소의 주요 원인 중 하나가 될 수 있습니다. 당연한 것처럼 보일지 모르지만 우리가 몇 번이고 반복해서 보아온 문제입니다.

이를 방지하는 첫 번째 단계는 Google Analytics 또는 사용하는 분석 플랫폼을 살펴보는 것입니다. 우선 자연 방문을 유도하는 페이지를 찾으십시오. 이는 URL을 변경하지 않고 탐색 구조에서 눈에 띄는 위치를 유지하지 않고 우선 순위로 새 계획에 포함되어야 합니다.

여기에서 또 다른 훌륭한 도구는 Keyword Hero입니다. 이것은 비교적 새롭지만 Google Analytics에 연결하고 몇 년 전에 유기적 키워드에 적용된 <not provided> 태그를 제거합니다.

이것은 몇 가지 영리한 기계 학습을 사용하며 사이트의 특정 페이지로 트래픽을 유도하는 키워드를 확인할 수 있음을 의미합니다. 이것은 유지하거나 제거할 페이지를 계획할 때 매우 유용합니다.

물론 유기적 트래픽 측면에서 모든 페이지가 중요한 것은 아닙니다. 언급했듯이 FAQ 페이지와 같은 일부는 중요한 사전 전환 또는 판매가 될 수 있지만 사이트에 대한 인바운드 방문 가능성은 거의 없습니다. 여기에서 페이지 보기와 사용자 흐름을 살펴보고 누락된 항목이 없는지 확인하세요.

동시에 데이터가 완벽하지 않을 수 있다는 점을 염두에 두는 것이 좋습니다. Google 웹로그 분석 데이터의 유효성을 확인하는 것은 그 자체로 매우 큰 주제이지만 가장 간단한 단계 중 하나는 추적 코드가 올바르게 구현되었는지 확인하는 것입니다.

다시 말하지만 여기서 우리는 안팎으로 들어가지 않을 것입니다. 그러나 콘텐츠 마이그레이션을 수행할 때 권장하는 트릭이 하나 있습니다. 웹 크롤러 Screaming Frog에는 모든 페이지에서 Analytics 코드를 확인할 수 있는 멋진 기능이 있습니다. 한 번 이상 추적되지 않고 재설계에서 손실되었을 귀중한 페이지를 발견했습니다.

다음으로 어떤 키워드에 대해 표시되는지 확인해야 합니다. 여기에서 사용하는 몇 가지 도구가 있지만 가장 유용한 도구는 SEMrush입니다. 이것은 수십억 개의 키워드를 모니터링하고 해당 키워드에 대한 순위를 매기는 사이트를 추적합니다. 데이터베이스를 쿼리하면 추적기에 수동으로 입력하지 않고도 귀하의 사이트가 Google 결과에 나타나는 키워드를 볼 수 있습니다. 절대 완벽하지 않으므로 놓쳤을 수 있다고 생각되는 용어의 위치를 ​​수동으로 확인해야 합니다.

이 정보가 있으면 스프레드시트에서 함께 그리기 시작할 수 있습니다. 다음은 샘플 문서이며 첫 번째 탭에서 초기 결과를 볼 수 있습니다.

UX와 SEO 모두에서 누구와 대화하는지 이해하는 것이 중요합니다. 사용자가 알게 될 언어나 구의 유형과 어조에 대해 생각해 보십시오. 이미지나 복사, 세부 사항 또는 글머리 기호, 화려한 디자인 또는 더 많은 기술 페이지에 응답합니까?

키워드 리서치는 용어를 정의하고 정확한 어휘를 보여주기 때문에 여기에서도 정말 유용합니다. 키워드 리서치가 결국 어떻게 필터링되고 거의 모든 단계에서 중요한지를 보여주는 또 다른 예입니다.

이제 우리가 누구와 이야기하고 있는지 알았으니 어떻게 하면 가장 잘 할 수 있습니까? 우리는 이 문서의 앞부분에서 사용자 의도에 초점을 맞춘 키워드 연구의 개념을 설명했지만 여기에 우리가 직접 수행하는 방법에 대한 몇 가지 통찰력이 있습니다. 이것은 그 자체로 하나의 기능일 수 있으므로 간략하게 하기 위해 여기서는 개요에만 초점을 맞추고 있습니다.

툴킷 측면에서 SEMrush와 Moz의 조합을 사용하는 경향이 있습니다. 애드워즈의 키워드 플래너와 함께 사용할 수 있는 다른 도구를 모두 사용하는 것이 데이터를 수집하는 가장 좋은 방법이라고 생각합니다. 각 도구에는 고유한 장점이 있고 종종 롱테일 키워드에 대한 데이터는 한 도구에서는 사용할 수 있지만 다른 도구에서는 사용할 수 없습니다.

다음은 첫 번째 단계입니다.

• 볼륨이 가장 중요한 데이터와 함께 찾을 수 있는 모든 관련 키워드를 나열합니다.
• 우리는 또한 그들이 얼마나 경쟁력이 있는지에 대한 측정값과 현재 순위가 이미 순위에 있는지 여부에 대한 표시도 포함할 것입니다. 여기서는 일반적으로 이 키에 해당하는 Moz 데이터를 사용합니다.

열쇠

• 가능한 한 많이 여기에서 수집하여 고객이 스스로 연구를 볼 수 있고 모든 것을 한 번에 볼 수 있습니다. 물론 대부분은 사용되지 않지만 긴 목록은 몇 가지 간단한 것보다 더 철저해 보입니다. , 잘 조사된 제안이라면.

사용자의 의도가 검색 엔진 알고리즘에 그다지 중요하지 않거나 이해되지 않았던 5년 전보다 연구를 차별화하고 훨씬 더 가치 있게 만드는 것은 수집한 데이터로 수행하는 작업입니다.

키워드 연구 데이터에서 사이트 구조와 페이지 목록이 나타나야 하며 가능한 한 지능적으로 생각해야 합니다. 이를 위해:

• 우리는 우리가 찾은 모든 것을 살펴보고 볼륨, 경쟁을 기반으로 키워드를 선택하지만 가장 중요한 것은 사이트가 쿼리 이면의 사용자 의도를 효과적으로 충족할 수 있는지 여부입니다. 때때로 숫자는 함께 클릭되지만 대부분은 사용자 의도가 항상 가장 중요한 고려 사항인 타협해야 합니다.

• 그런 다음 우리는 연구를 심화하고 잠재적으로 가치 있는 콘텐츠에 대한 통찰력을 높이기 위해 우리가 선택한 가장 일반적이거나 짧은 키워드를 사용하고 의도 또는 주제 "노드"로 생각합니다.

랜딩 페이지에 초점을 맞춘 키워드를 살펴보는 것뿐만 아니라 필요와 원하는 키워드와 정확한 구문(예: 단어 그대로의 검색어이기도 한 질문)도 중요합니다. AnswerThePublic은 귀하가 선택한 주제/키워드에 대해 사용자가 궁금해 하는 내용을 확인하고 확장할 수 있는 훌륭한 도구입니다.

• 분기를 하면 새로운 의도를 가진 새로운 사용자를 발견하고 이를 충족할 새로운 콘텐츠를 생각합니다. 사이트는 결과적으로 더 많은 사용자를 수용하기 위해 구축되었으며 더 많은 쿼리에 대한 순위를 매기고 더 많은 트래픽을 얻고 권한이 커지고 선순환으로 끝납니다. 이전의 악순환과 반대입니다.

잘 조사된 콘텐츠가 출시될 때 제공되므로 사이트는 첫날부터 가치를 실현할 수 있으므로 고객은 더 많은 전환과 더 많은 수익을 얻게 됩니다. 이렇게 하면 사이트 구축 중에 발생하는 추가 비용을 상쇄할 수 있습니다.

이 모든 정보를 가지고 사이트 계획을 시작할 때입니다. 어떤 페이지에 어떤 내용이 표시되는지 정의합니다. 콘텐츠가 웹사이트에서 어디로 가고 있는지 그리고 왜 그런지 이해하십시오. 확장 가능 - 비즈니스 목표가 빠르게 바뀔 수 있으므로 콘텐츠 추가 또는 제거가 쉬워야 합니다.

이 단계에서는 모든 것이 이해가 되어야 합니다. 의미상 의미가 있기 때문에 페이지를 연결해야 합니다. 사용자와 검색 엔진 모두에게 중요한 것은 탐색에서 높은 위치에 있어야 합니다.

전자 상거래 사이트는 종종 이를 잘 수행합니다. 아래 예를 들어 보세요. 카테고리 및 하위 카테고리 구조는 페이지에 대해 명확한 키워드를 사용해야 함을 의미합니다.

반면에 탐색이 기회를 낭비하는 사이트의 예는 다음과 같습니다.

키워드 그룹을 대상으로 할 수 있는 서비스 페이지가 없으며 주요 카테고리의 하위 페이지도 없습니다. "미니화"는 훌륭한 개념일 수 있지만 사용자가 검색하는 것은 아닙니다. 물론 이 경우에는 이것이 우선순위가 아닐 수도 있지만 우리는 이런 종류의 레이아웃을 몇 번이고 다시 보게 됩니다.

전반적으로 여기의 위험은 이 단계에서 SEO에 대한 인식 없이 클라이언트가 첫 번째 예와 같은 탐색에서 두 번째 예와 같은 탐색으로 전환하기를 원할 수 있다는 것입니다. 이 경우 트래픽 및 수익에 막대한 위험이 있으므로 웹 전문가로서 이를 명확하게 설명하는 것이 우리의 의무입니다.

콘텐츠 제작은 일반적으로 프로젝트가 끝날 때 이루어지지만 (lorem ipsum보다) 실제 콘텐츠를 중심으로 디자인하는 것이 프로젝트 완료 후 디자인 수정의 필요성을 크게 줄여주기 때문에 비용과 시간 효율성이 더 높다고 생각합니다.

여기에는 자리 표시자 텍스트가 콘텐츠가 디자인에 부차적이며 프로젝트 계층 구조에서 하위 항목이라는 생각을 반복하는 정말 강력한 경우가 있습니다. 이것은 Kyle Fiedler가 다시 훌륭하게 다룬 아이디어이므로 우리가 같은 땅을 밟을 필요가 없습니다.

동시에 이 시점에서 귀하의 연구는 귀하의 작가를 위한 놀라운 요약을 작성하는 데 필요한 모든 정보를 제공할 것입니다. 우리를 믿으십시오. 그들은 그것을 높이 평가할 것입니다!

설계

모든 것을 하나로 모으기 시작할 때입니다. 초기 와이어프레임은 콘텐츠 개발에 의해 정의된 기본 상자와 제목이어야 하며 웹사이트의 주요 섹션을 설명하는 여기까지 생성된 사본이어야 합니다. 다시 말하지만 가능한 한 실제 콘텐츠로 와이어프레임합니다. Balsamiq 및 wireframe.cc와 같은 도구는 이를 위해 정말 유용합니다.

와이어프레임이 생성되면 설계가 더 현실화되기 시작할 수 있습니다. 색상 팔레트, 실제 클라이언트 로고, 기업 타이포그래피 및 글꼴과 같은 브랜드 아이덴티티를 추가합니다. 이 시점에서 웹사이트가 어떻게 보일지 정확히 보기 시작해야 합니다. 이 단계에서 변경해야 합니다. 코드를 변경하는 것보다 Photoshop 파일을 편집하는 것이 훨씬 쉽습니다.

개발

이 단계에서 실제 개발 단계는 간단해야 합니다. 기본 디자인을 위한 HTML 및 CSS 코드를 작성한 다음 대화형 요소에 중점을 둡니다. SEO의 관점에서 Javascript는 꽤 뜨거운 주제입니다. Google은 JS를 완벽하게 처리하지 못하므로 탐색 또는 주요 콘텐츠의 표시를 제어하는 ​​스크립트를 매우 신중하게 구현해야 합니다. 이 주제에 대한 자세한 내용은 여기에서 찾을 수 있습니다.

우리의 경험에 따르면 이것은 종종 모든 프로젝트에서 가장 느린 부분입니다. 그러나 모든 콘텐츠 생성이 프로세스 초기에 완료되었으므로 이 작업은 CMS에 복사하여 붙여넣기만 하면 되므로 상당한 시간, 스트레스 및 지연을 절약할 수 있습니다.

평소와 같이 테스트하고 테스트하고 다시 테스트하십시오. 사이트를 크롤링하고, 모든 추적 코드를 추가하고, Search Console에 추가하고, 색인이 생성되었는지 확인하세요. 모두 제대로 작동합니다!

우리가 옳았습니까? 목표가 성공했습니까? 웹사이트는 결코 완성되지 않습니다 . 프로젝트 시작 시 설정한 목표를 항상 기억하고 추적하고 보고하십시오.

많은 것처럼 보일 수 있지만 전체 프로세스에 몇 가지 추가 단계만 추가되었습니다. 프로젝트 시작 시 키워드 연구 및 콘텐츠 전략에 중점을 두어 사이트의 목표를 보다 명확하게 정의하고 전체 구조를 매핑하고 이해하며 모든 것을 올바른 위치에 배치합니다. 비용이 많이 들고 복잡한 두 가지 프로젝트인 SEO/콘텐츠 캠페인과 웹 디자인이 하나가 되어 훨씬 더 관리하기 쉽고 효율적이며 궁극적으로 더 나은 결과를 산출합니다.

이것은 일종의 이상적인 시나리오입니다. 대부분의 작업은 SEO를 염두에 두지 않고 구축된 사이트에서 작업하는 것과 관련이 있으며 나중에 도움을 주기 위해 옵니다. 더 많은 사람들이 SEO, 개발자 및 디자이너가 순차적이 아닌 프로젝트에서 함께 작업하여 진행 중인 서로의 노력을 약화시키는 논리를 깨닫게 되면서 우리의 역할이 바뀌는 것을 봅니다.

추가 읽기

• “SEO & 웹사이트 디자인: 당신이 알아야 할 모든 것”, Search Engine Land
• "콘텐츠 전략: 성공을 위한 노력 최적화", Allie Gray Freeland, Smashing Magazine
• “콘텐츠 전략과 스토리텔링,”
• "텍스트", 스매싱 매거진
• "음성 경험 디자인", Lyndon Cerejo, Smashing Magazine
• "키워드 연구", SEO 학습 센터, Moz.com
• "사용자 의도를 아는 것의 중요성", Jordan Julien, UXmatters
• "John은 클라이언트 밀도가 높습니까? 아니면 실패하고 있습니까?", Paul Boag, Smashing Magazine
• "PPC 캠페인에서 CPC 비용을 낮추는 5가지 방법", Alex Chris, DigitalMarketingPro.net
• "웹 디자이너에게 SMART 목표가 필요한 이유와 이를 작성하는 방법", James George, Design Crawl
• "영웅은 어떻게 합니까?", 인포그래픽, 키워드 영웅
• "모든 페이지에서 Google 애널리틱스 코드를 확인하는 방법", SiteVisibility
• "Lorem Ipsum이 당신의 디자인을 죽이고 있습니다", Kyle Fiedler, Smashing Magazine
• "SEO는 웹 디자인 프로세스의 일부입니까?", Carla Dawson, TemplateMonster
• "웹사이트를 디자인하기 위해 마케팅 회사와 협력해야 하는 이유" Xander Marketing