웹 디자인 프로세스에서 SEO는 어디에 속합니까?
게시 됨: 2022-03-10우리 모두는 웹사이트 구축에서 해야 할 역할이 있습니다. 디자이너는 아름답고 인터랙티브한 인터페이스를 만듭니다. 카피라이터는 방문자가 주의를 기울이고 조치를 취하도록 하는 메시지를 만듭니다. 개발자는 이 모든 것을 코드와 함께 제공합니다.
하지만 한 사람에게만 양보할 수 없는 퍼즐 조각이 있습니다. 그리고 그것이 SEO입니다.
고객을 위한 웹사이트를 구축하고 고객이 결국 인상적인 결과(즉, 높은 전환율)를 기대하는 경우 SEO 는 프로세스의 일부여야 합니다. 작가나 전담 SEO에게 맡기고 그것으로 충분하다고 가정할 수는 없습니다.
Google은 까다로운 대군주이며 우리 웹사이트가 검색 상단에 오르게 하려면 이를 달래야 합니다. 이것이 의미하는 바는 웹사이트 디자인 및 개발 프로세스의 수명 주기 전반에 걸쳐 SEO에 대한 균형 잡힌 접근 방식을 취하는 것입니다.
아직 이에 대해 설명하지 않았거나 현재 하는 일의 모든 기반을 다뤘는지 확인하고 싶다면 이 게시물이 적합합니다. SEO가 워크플로에 그림을 입력해야 하는 시기와 방법을 살펴보겠습니다. 또한 이 게시물 하단에 귀하와 귀하의 팀이 워크플로에 적응할 수 있는 SEO 체크리스트를 포함했습니다.
웹 디자인 프로세스에서 SEO는 어디에 속합니까?
SEO는 잠재고객 발굴 단계부터 출시일까지 항상 생각하고 계획해야 하는 것입니다.
제안 단계의 SEO
당신이 잠재 고객에게 당신의 도움이 필요한 것에 대해 이야기할 때 그들은 웹사이트 자체에 집중할 것입니다.
"나는 내 제품을 온라인으로 판매하고/내 존재를 키우고/새로운 고객을 확보하기 위해 웹사이트가 필요합니다."
그러나 그것은 그들이 요구하는 것이 아닙니다. 그들이 원하는 것은 Google에서 비즈니스를 찾고 방문자를 전환하는 데 도움이 되는 웹사이트입니다. 이를 위해서는 단순히 일부 사본과 디자인을 결합하는 것보다 더 복잡한 것이 필요합니다.
웹사이트가 클라이언트가 필요로 하는 작업을 수행하려면 웹사이트가 검색에 최적화되어야 한다는 것을 알고 있습니다. 이 때문에 비용, 일정 및 프로세스 흐름과 같은 사항에 영향을 미칩니다. 이러한 모든 세부 사항은 제안서를 준비할 때 최종적으로 매핑되어야 합니다.
고객에게 실제로 무엇을 말합니까? 여기서 일이 까다로워집니다.
1) 올바른 기대치를 설정하고 2) 범위와 비용 측면에서 제안하려는 내용을 정당화하기 위해 잠재 고객과 SEO를 어떻게든 해결해야 합니다. 유일한 문제는 일부 클라이언트가 "SEO"라는 용어를 알고 있을 수 있지만 그것이 수반하는 것을 실제로 이해하지 못한다는 것입니다.
대화는 다음과 같이 빠르게 진행될 수 있습니다.
당신 : [당신은 디자인 제안의 세부 사항을 설명하고 SEO가 그것의 일부라고 언급합니다.]
클라이언트 : “오, 좋아요. 모든 페이지에 포함하고 싶은 20개의 키워드 목록이 있습니다.”
당신 : “글쎄요, 검색 엔진 최적화는 그게 아닙니다. 웹사이트의 성능을 높이려면 캐싱, 보안 및 모바일 우선 설계와 같은 사항에 주의를 기울여야 합니다.”
클라이언트 : "무슨 소리야? 현금화? 그게 또 뭐야? 나는 당신이 SEO를 한다고 말한 줄 알았는데. 이 20개의 키워드에 대해 순위를 매기고 싶습니다.”
고객에게 필요한 결과를 얻는 것이 당신의 일이지 당신이 하는 방법에 대한 기술을 설명하려고 하는 것이 아닙니다. 그것이 그들이 당신에게 돈을 지불하는 이유입니다. 따라서 귀하의 제안 및 고객과의 초기 토론을 위해 다음과 같이 권장합니다.
먼저, UPQODE가 하는 것처럼 웹사이트에서 SEO에 대한 모든 이야기를 하도록 하세요.
이렇게 하면 귀하가 제공하는 SEO의 종류를 명확하게 설명할 수 있습니다(이는 SEO에 관심이 있는 고객이 처음에 귀하를 찾는 데 도움이 될 것입니다). 일반 용어로 각각이 무엇인지 간략하게 설명하기만 하면 여기에 기술 용어를 포함해도 됩니다.
이 접근 방식이 마음에 드는 점은 클라이언트가 실제로 이해하는 빛으로 프레임을 구성하면서 "X, Y, Z를 수행할 것입니다."라고 말할 수 있다는 것입니다. 이 경우 실제로 "저희가 모든 기술적인 일을 처리하므로 검색에서 사이트의 가시성이 증가하고 결과적으로 더 많은 트래픽을 얻을 수 있습니다."라고 말하게 될 것입니다.
이것이 잠재 고객과 대화하고 제안서 및 계약서에 SEO 관련 세부 정보를 배치하는 방법입니다.
다시 말해서, SEO 작업에 너무 많이 몰두하지 마십시오. 대신 이점을 설명하십시오. 예를 들어:
- 모든 장치에서 멋지게 보이는 반응형 웹 디자인.
- 최적의 방문자 경험을 위해 3초 이내에 로드되는 웹 페이지.
- 모든 비즈니스 데이터와 방문자 데이터를 비공개로 유지하기 위해 보안을 강화했습니다.
- 사람이 읽기 쉽고 Google 봇이 더 쉽게 이해할 수 있는 콘텐츠입니다.
- 방문자를 즉시 고객으로 전환하는 맞춤형 사용자 경로.
목표는 검색에 최적화된 웹 디자인 서비스와 향후 지속적인 유지 관리 및 지원을 통해 고객을 확보하는 것입니다. 그렇게 하려면 SEO의 기술적인 부분에 얽매이지 않고 이점을 명확하게 전달해야 합니다.
설정 및 계획 단계의 SEO
승인된 프로젝트의 초기 단계에서 SEO는 당신의 마음에서 멀리 떨어져 있지 않아야 합니다. 아직 최적화 작업을 활발히 하고 있지 않을 수도 있지만 작업 중인 기준선이 앞으로 더 많은 작업을 일으키지 않도록 하는 것이 좋습니다.
다음은 염두에 두어야 할 사항입니다.
클라이언트의 디자인 자산 검토
프로젝트가 진행되기 전에 고객에게 자산, 로그인 및 사본을 제공하도록 요청할 수 있습니다. 이것은 주로 범위 크리프로부터 자신을 보호하기 위한 것이지만 SEO에도 유용할 수 있습니다.
고객이 품질이 정말 낮거나 너무 오래되어 보이는 로고 및 기타 이미지 자산을 양도한다고 가정해 보겠습니다. 이러한 자산을 일찍 확보할수록 사람들이 웹사이트를 진지하게 받아들이기를 원한다면 자산을 교체해야 한다는 사실을 더 빨리 알릴 수 있습니다.
방문자가 웹 사이트의 모양이 마음에 들지 않으면 틀림없이 사이트를 포기할 것이고 높은 이탈률은 사이트의 순위를 죽일 것입니다. 따라서 고객이 달성하도록 도우려는 결과를 방해하지 않도록 하십시오.
카피라이터와 협력
전문 카피라이터가 웹사이트의 콘텐츠를 제작한다고 해도 처음부터 긴밀하게 협력하지 않으면 문제가 발생할 수 있습니다.
웹 디자인 에이전시는 종종 콘텐츠 우선 웹 사이트 개발과 디자인 우선의 장점에 대해 논쟁합니다. 진실은, 그것들이 함께 만들어져야 한다는 것입니다. 그렇지 않으면 전체 프로젝트를 위험에 빠뜨릴 수 있습니다.
우선, 작가와 디자이너가 따로 작업을 하다 보면 스타일과 레이아웃을 처리하는 다양한 방법을 고안해야 합니다. 그러나 처음부터 가이드라인을 설정하면(와이어프레임으로 쉽게 수행할 수 있음) 사본과 디자인이 생성되는 방식에 있어 혼란을 피할 수 있습니다.
어쨌든 구축한 모든 웹 사이트를 와이어프레임으로 만들 것이므로 처음부터 같은 페이지에 있을 수 있도록 작성자에게 사본을 제공하지 않으시겠습니까? 더 좋은 점은 작가와 콜라보를 해보는 건 어떨까요? 그들은 디자인 기술이나 모범 사례를 알지 못할 수도 있지만 최적의 텍스트 길이, 특정 판매 또는 마케팅 메시지의 우선 순위 등과 같은 것에 대한 통찰력을 확실히 제공할 수 있습니다.
그런 다음 검색을 위해 사본을 최적화하는 문제가 있습니다. 이상적으로는 다음을 수행할 수 있는 카피라이터와 함께 일하고 싶을 것입니다.
- 실행 가능한 메시지 및 CTA 생성,
- 타겟 키워드를 카피에 자연스럽게 엮어서,
- 사용자 의도를 위해 작성,
- HTML로 작성,
- 읽을 수 있고 스캔할 수 있는 사본을 만듭니다.
- 페이지에서 페이지로 내부 링크 시스템을 구축하고,
- 메타 태그를 만들고 검색을 위해 URL을 최적화합니다.
- 이미지에 대한 alt 태그를 작성합니다.
처음부터 사본에 이 내용이 더 많이 추가될수록 나중에 다시 해야 하는 번거로움이 줄어듭니다. 또한 이 문제를 스스로 해결해야 하는 수고를 덜어줄 것입니다(시도해서는 안 됨).
판매 유입경로를 위한 디자인
사이트에서 전환을 늘리려면 판매 유입경로를 디자인해야 합니다. 그러나 판매 유입경로는 웹사이트 방문자를 위해 설정한 일련의 단계가 아닙니다.
모든 것은 사이트 외부의 사용자 의도를 이해하는 것으로 시작됩니다. 검색 엔진과 소셜 미디어에서 방문자를 사이트로 끌어들이는 요소를 알고 있다면 해당 의도에 맞게 메타데이터 와 랜딩 페이지를 디자인할 수 있습니다.
다시 말하지만, SEO를 염두에 두고 사전에 조사하고 계획하면 나중에 해야 할 정리 작업이 줄어듭니다.
디자인 및 개발 중 SEO
이것은 분명히 당신에게 가장 중요하고 노동 집약적인 단계입니다. 디자인과 코딩에 몰두하기 쉽지만 여기에서 SEO를 놓치지 않는 것이 중요합니다.
내가 추천하는 것은 프로젝트마다 사용할 수 있는 보편적인 SEO 체크리스트를 만드는 것입니다. 지금 가능한 모든 최적화를 고려한다면 SEO에서 추측을 배제할 수 있습니다. 또한 체크리스트를 통해 수행해야 하는 모든 작업에 대해 더 잘 알 수 있으므로 프로세스에 검색 최적화를 구축하는 보다 효율적인 방법을 찾을 수 있습니다.
도움을 드리기 위해 다음 SEO 체크리스트를 만들었습니다. 자신의 필요에 따라 자유롭게 복사하여 사용하십시오.
- 기술 SEO
- 99.9% 이상의 가동 시간을 제공하는 웹 호스팅
- 깨끗한 웹 기록이 있는 도메인
- SSL 인증서 설치됨
- 방화벽 구현
- 캐싱 활성화됨(페이지, 브라우저, 개체 등)
- 이미지 압축 및 크기 조정(사내 시스템 또는 자동화)
- 자동 백업
- Google 애널리틱스 계정 연결됨
- Google Analytics 목표 추적, 전자 상거래 추적 및 기타 특수 추적 활성화됨
- Google Search Console 계정 연결됨
- XML 사이트맵 설정 및 Google에 제출
- 이미지 및 동영상에 대해 별도의 사이트맵 제출
- Robots.txt 설정
- Schema.org 마크업(관련된 경우) 작성
- 디자인 SEO
- 정보 아키텍처 매핑
- 반응형 웹디자인
- 모바일 우선 웹 디자인
- 페이지당 1개의 명확한 CTA
- 사용자 정의 404 페이지 설정
- 모든 링크, 버튼 및 양식 테스트 및 작동
- 온페이지 SEO
- 페이지당 1개의 고유한 포커스 키워드
- 1-3% 사이의 키워드 밀도에 집중
- 포커스 키워드를 포함한 50-60자 메타 제목
- 포커스 키워드를 포함한 150-160자 메타 설명
- focus 키워드를 포함하는 짧지만 설명적인 슬러그
- 오류 없는 콘텐츠
- 페이지당 최소 1개의 관련 내부 링크
- 각 페이지의 추천 이미지
- 각 이미지에 대한 설명 대체 텍스트
- 사용된 헤더 태그(최소 1개에 포커스 키워드 포함)
- 헤더는 약 300단어마다 나타납니다.
- 문장은 두 줄 이하로 늘어납니다.
- 단락은 5줄 이하로 늘어납니다.
- 중복 콘텐츠 분석
- 표절 확인
- 지역 SEO
- Google 마이 비즈니스 페이지 설정
- 지역별 키워드 포함
- 생성된 위치별 페이지(관련된 경우)
- 제공된 연락처 정보(예: 전화번호, 주소 등)
- 지속적인 SEO 지원
- 웹 서버 가동 시간, 속도 및 보안 분석
- 페이지 속도 테스트
- 보안 모니터링
- 구글 블랙리스트 모니터링
- 키워드 순위 모니터링
- 깨진 링크 확인
- 소프트웨어 업데이트
몇 가지 메모
- 당신이 제공하는 클라이언트의 종류나 당신이 제공하는 서비스의 종류와 관련이 없는 것은 무엇이든 그 행을 삭제하십시오.
- 내가 놓치고 있는 것이 있으면 자유롭게 추가하십시오(예: 전자 상거래 디자인을 전문으로 하고 Google 쇼핑 결과에 표시될 제품 페이지를 준비하려는 경우).
- 페이지의 SEO 항목을 확인하는 것이 불편하다면 교정자나 편집자(카피라이팅을 하지 않은 사람)에게 맡기십시오.
돈을 벌 수 있는 추가 기회를 찾고 있는 사람들을 위해 이 SEO 체크리스트를 사용하여 기존 웹사이트를 분석하고 잠재 고객에게 웹사이트 재설계 또는 최적화 계획을 제시할 수도 있습니다.
마무리
키워드 최적화 및 링크 구축은 SEO 퍼즐의 일부일 뿐입니다. 웹 디자이너 또는 개발자로서 여기에서도 큰 기여를 하고 있습니다. 백엔드에 작성된 코드 품질, 이미지 최적화 방식 또는 사이트 보안 수준 등 어떤 작성자나 SEO도 처리하지 않거나 처리하지 않아야 하는 관리를 담당하는 작업의 종류입니다. 그리고 이러한 최적화가 없으면 Google과 방문자는 귀하가 그들을 위해 열심히 만든 사이트를 알아차리지 못할 것입니다.