Pedro Dias와 함께 UX가 SEO와 겹치는 5가지 방법
게시 됨: 2022-08-31UX는 디지털 세계로 확장되는 넓은 우산입니다. 하지만 SEO와 어떻게 겹치나요?
그것이 바로 현재 SEO에서 일하는 몇 안 되는 전 Google 검색 품질 팀 구성원 중 한 명과 오늘 논의할 내용입니다. 그는 Google 검색에 대한 깊은 지식을 보유하고 있습니다. 그는 남미와 유럽 전역의 검색 산업에서 탄탄한 경험을 가지고 있습니다. Google에 있는 동안 그는 5개 이상의 언어에서 스팸을 퇴치하는 일뿐 아니라 도구 개발, 검색 순위 문제 디버깅 및 웹마스터 지원 활동에도 참여했습니다. Autovia, Pedro Dias의 유기적 성장 책임자인 In Search SEO 팟캐스트에 오신 것을 환영합니다.
이 에피소드에서 Pedro는 다음을 포함하여 UX가 SEO와 겹치는 5가지 방법을 공유합니다.
- 웹사이트 아키텍처 및 내부 연결
- 친숙한 URL
- 대체 텍스트
- 내부 연결 및 이동 경로 구성
- PageSpeed 및 핵심 Web Vitals
페드로: 만나줘서 고마워, 데이빗. 이곳에 오게 되어 기쁩니다.
D: Pedro를 찾아주셔서 정말 감사합니다. pedrodias.net에서 Pedro를 찾을 수 있습니다. 그렇다면 Pedro, UX와 SEO 중 무엇이 더 중요할까요?
P: 어려운 질문입니다. SEO가 대부분 UX에 속한다고 생각한다면. SEO는 UX의 많은 분야와 함께 존재하지 않을 것입니다. UX는 SEO의 초석이기 때문에 더 중요하다고 말하고 싶습니다. 하지만 요즘은 사람과 로봇에 대해 다시 생각해야 하므로 SEO의 중요성도 버릴 수 없습니다. 그래서 우리는 이 분기점에 놓이게 됩니다.
D: 그럼 UX는 아버지이고 SEO는 아들인가요?
P: 다소간. SEO는 UX나 이와 유사한 것보다 개선된 것과 같습니다.
D: 그래서 오늘 UX가 SEO와 겹치는 5가지 방법을 공유하려고 합니다. 첫 번째, 웹사이트 아키텍처 및 내부 연결부터 시작합니다.
1. 웹사이트 구조 및 내부 링크
P: 그럼 컨텍스트를 제공하기 위한 UX에 대해 조금 이야기해 보겠습니다. UX는 사용자 경험을 의미합니다. 그리고 그것은 디지털 세계를 훨씬 뛰어넘습니다. 사람들이 브랜드나 물건 등을 어떻게 경험하는지에 관한 것입니다. 구매자의 여정은 UX의 일부입니다. 그러나 이 측면에서 우리는 사용자가 웹사이트를 사용하는 동안 경험하는 웹사이트에 대해 이야기하고 있습니다. 그런 측면에서 UX는 하위 분야 중 하나인 정보 아키텍처를 활용합니다. 70, 80년대에 시작된 지역입니다. 정보 아키텍처는 인간을 살펴보고 우리가 사물을 구성하는 방법과 생태계 내에서 사물을 찾는 방법을 결정합니다. 그리고 웹사이트 아키텍처도 다르지 않습니다. 우리는 정보를 소비하는 특정 방법을 보는 데 익숙합니다. 우리는 왼쪽에서 오른쪽으로, 위에서 아래로 읽습니다. 그리고 우리는 다른 언어나 문화를 제외하고는 이에 대응할 수 없습니다. 정보 아키텍처는 사람들이 정보를 구성하는 방식을 살펴본 다음 이를 기반으로 새로운 시스템을 구축하여 이전에 본 것과 완전히 다르게 보이지 않도록 하는 방법을 살펴봅니다. 시스템을 사용할 때 어느 정도 직관력이 있습니다.
따라서 정보 아키텍처와 웹 사이트 아키텍처는 함께 가야 합니다. 홈페이지가 있고 하위 범주가 있고 제품 또는 하위 범주가 있습니다. 검색 필드와 메뉴가 있습니다. 이것은 모두 정보 아키텍처가 모든 것을 결합하는 방법의 일부입니다. 그리고 그러한 것들을 결정하는 방법에 대한 원칙과 경험적 방법이 있습니다. 이 모든 것은 정보 아키텍처에서 비롯됩니다. 예, 검색 엔진을 달래기 위해 몇 가지를 조정했습니다. 즉, 검색 엔진이 정보를 보고 추출하기 쉽도록 했습니다. 그러나 그것이 바로 여기에서 비롯된 것입니다.
D: 70년대에 시작되었다는 사실이 놀랍습니다. 현대 검색과 검색을 생각할 때 웹과 하이퍼링크의 출현과 함께 90년대 초반을 떠올리기 때문입니다. 하지만 그 전에도 일이 진행되고 있었다는 것이 이제 분명해졌습니다. 그리고 두 번째는 친숙한 URL입니다. 웹 이후로 존재했던 것입니까?
2. 친숙한 URL
P: 그렇지 않습니다. 그러나 다시 말하지만, 그것은 사용성과 관련된 것입니다. 예를 들어 사용성의 선구자 중 한 명인 Jakob Nielsen이 90년대에 URL이 UI, 즉 URL이 사용자 인터페이스라는 기사를 작성한 것 같습니다. 즉, URL이 경로, 디렉터리 또는 하위 폴더에서 어떻게 손상되는지 이해하면 URL이 암호화 매개변수로 가득 찬 매우 암호화된 URL이 아닌 경우 어떤 컨텍스트에 도달하게 되는지 이해하게 됩니다.
예전에는 텍스트로 URL을 보낼 때 모든 시스템이 메타데이터를 추출하지 않고 WhatsApp 또는 기타 최신 채팅 메시지 앱에서와 같이 콘텐츠의 일부를 가져오지 않았습니다. 따라서 원시 URL을 얻고 일부 사람들은 URL을 읽기만 하면 도착할 위치를 즉시 알 수 있습니다. 나는 내가 이 도자기 가게의 도자기 코너에 착륙하고 있다는 것을 알 수 있다. URL이 컨텍스트를 제공하기 때문에 어디로 가는지 즉시 알 수 있습니다. 사용자 인터페이스의 일부입니다. 그것이 바로 여기에서 왔으며 유용성은 이것을 처리하기 위한 것입니다. 따라서 URL이 친숙하다고 결정할 때 검색 엔진이 URL에서 이 정보를 추출할 수 있는 것은 물론이고 사람을 위한 것이기도 합니다. 우리는 때때로 URL만 보고 뉴스를 읽고 어디로 가야 하는지 알 수 있습니다.
D: URL에 대한 두 가지 간단한 질문이 있습니다. 하나는 당신이 말하는 것과 관련이 있습니다. 많은 사람들이 URL을 보고 URL을 기반으로 웹 페이지를 방문할지 여부를 판단할 수 있다고 합니다. 나는 SEO와 기술적인 사람들만이 그것을 보고 방문하기 전에 그것에 따라 페이지를 판단할 수 있다고 생각했을 것입니다. 기술적인 사람이 아닌 사람들의 상당수도 그렇게 할 것이라는 말씀이신가요? 둘째, URL에 대한 폴더 구조를 포함하여 이상적인 형식이 있습니까?
P: 많은 사람들이 그것을 본다는 말은 아닙니다. 하지만 그렇게 하는 사람들은 아마 유용할 것입니다. 우리는 기술적으로 익숙하지 않고 SEO에 관심이 없는 사람들도 쉽게 만들 수 있습니다. 사람이 읽을 수 있는 모든 요소가 있고 사람들이 소비할 수 있는 계층 구조에 정보를 넣고 있기 때문입니다. 따라서 누군가가 기술에 정통하든 SEO이든 아니든 어떤 식으로든 도움이 됩니다.
최고의 명명법 또는 제작 방법은 항상 웹사이트의 맥락에 있습니다. 당신은 많은 것을 팔지 않는 아주 틈새 웹사이트에 있습니까? 예를 들어, 당신은 풍선만 파는 풍선 가게입니다. 판매하는 제품의 종류가 다양하지 않습니다. 그렇게 복잡한 제품 분류는 필요하지 않을 것입니다. 두 개 또는 세 개의 하위 폴더가 있는 URL은 필요하지 않습니다. URL을 포함할 카테고리가 필요하기 때문입니다. 반면에 모든 것을 판매하는 상점이라면 더 복잡한 분류 시스템이 필요할 것입니다. 귀하의 URL은 말하자면 좀 더 복잡해질 것입니다. 따라서 URL을 분류하거나 URL이 표시되는 방식을 결정하는 가장 좋은 방법은 비즈니스의 범위와 판매하려는 제품 범위, 그리고 광범위한 웹사이트 전체의 URL 여부.
D: 그리고 UX가 SEO와 겹치는 세 번째 방법은 대체 텍스트입니다.
3. 대체 텍스트
P: 대체 텍스트는 오래된 것입니다. 대체 텍스트는 웹 접근성의 영역에서 비롯되며 Google의 사명 선언문에 있는 모든 사람이 보편적으로 정보에 액세스할 수 있도록 하는 데 관심이 있는 영역입니다. 모든 사람이 정보에 액세스할 수 있도록 합니다. 웹 접근성이란 한 가지 이상으로 소비할 수 없는 요소가 있다면… 우리는 오감(시각, 청각, 후각, 미각, 촉각)이 있다고 말합니다. 그리고 정보에 접근할 수 있도록 하는 면에서 좁을수록 더 나쁩니다. 따라서 이러한 측면에서 대체 텍스트는 웹 접근성의 요소로, 이미지를 볼 수 없는 사람들이 이미지를 볼 수 있도록 합니다. 시력 문제가 있는 많은 사람들이 있고 이러한 모든 웹 접근성 기능은 사람들이 인생에서 가질 수 있는 결점을 충족시키려고 노력하기 때문입니다.
그리고 검색 엔진은 이미지 안의 내용을 볼 수 없기 때문에 시각 장애인과 같습니다. 오늘날에는 논쟁의 여지가 있지만 인공 지능을 사용하면 이미지를 렌더링하고 그 안에 있는 내용을 볼 수 있지만 옛날에는 검은 사각형만 볼 수 있었습니다. 그리고 그들은 이미지에 부여할 파일 이름이나 이미지를 설명하는 HTML에 넣을 대체 텍스트만 탭할 수 있습니다. 따라서 검색 엔진은 렌더링할 수 없거나 정보에 액세스할 수 없는 웹의 개체에서 정보를 추출하는 데 도움이 되기 때문에 이러한 접근성 기능을 사용하기 시작했습니다. 따라서 대체 텍스트는 사용자 경험의 일부인 웹 접근성에서 비롯되었습니다.
D: 이 팟캐스트 시리즈의 모든 좋은 대화와 마찬가지로 저는 더 깊이 파고들어 각 개별 주제에 대해 더 질문하고 싶습니다. 하지만 저는 4번으로 계속해서 내부 연결과 이동 경로를 구성할 것입니다.
4. 내부 연결 및 이동 경로 구성
P: 다시 말하지만, 이것은 SEO가 이러한 영역 중 하나에서 연속적으로 당겨지는 것이 아니라 스스로 손을 잡기 시작한 곳입니다. 그래서 우리는 정보 아키텍처에서 조직적 및 계층적 요소를 취하고 정보를 사용 가능하게 만드는 부분을 취했습니다. 사용자를 안내하는 것입니다. 그리고 우리는 사용성 및 정보 아키텍처라는 두 가지를 결합했습니다. 그리고 당신은 "당신이 웹사이트를 방문할 때 항상 존재하는 이러한 주제별 링크가 있다면, 그것은 실제로 당신이 페이지를 살펴보는 데 도움이 됩니다."라고 말합니다. 또는 웹사이트에 이동 경로가 있는 경우, 사용자가 검색 엔진에서 왔다가 갑자기 웹사이트 중간에 방문하는 경우 Google 또는 검색 엔진에서 색인을 생성할 때 모든 사용자가 웹사이트의 홈페이지에 들어가는 것은 아니기 때문에 사용자는 웹사이트에 있을 때 즉시 현지화하거나 자신을 볼 수 있습니다. 이 두 영역은 SEO가 탭하여 "좋아, 이것은 사용자와 검색 엔진에 도움이 되는 방식으로 작업을 수행할 수 있는 것입니다."라고 말했습니다. 그래서 이것은 이 두 영역에서 나온 것입니다.
D: 더 작은 화면 크기를 감안할 때 웹 사이트의 모바일 버전에 이동 경로를 갖는 것이 여전히 중요합니까?
P: 특히 모바일에서는 화면 크기가 줄어들었기 때문에 그렇습니다. 사용자가 있는 위치의 전체 경로/위치를 필요로 하지 않고 이동 경로를 갖는 우아한 방법이 있습니다. 화면이 작을수록 화면에 표시되는 모든 정보에 압도당하게 됩니다. 당신은 당신이 빠져들었고 당신이 가고 싶지 않은 곳에서 길을 찾거나 탈출하는 데 도움이 되는 방법을 설정해야 합니다. 또는 기사에 도착하여 해당 웹사이트의 더 넓은 범주로 빠르게 이동하여 더 많은 것을 보고 싶을 때가 있습니다. 이동 경로는 사용자가 이를 수행하는 데 도움이 되는 쉬운 방법입니다. 그리고 작은 화면의 모바일 장치에서는 이것이 훨씬 더 중요합니다. 그래서 네, 우리는 정보로 화면을 과도하게 채우지 않도록 더 조심해야 합니다.
D: 다섯 번째, PageSpeed 및 Core Web Vitals입니다.
5. PageSpeed 및 핵심 Web Vitals
P: PageSpeed는 더 오래된 것입니다. Google이 PageSpeed 도구를 출시했을 때 많은 SEO가 주목하기 시작한 지표입니다. 그것은 웹사이트가 인터넷에서 돈을 벌고 싶어하기 시작했기 때문에 시작되었습니다. 그리고 이것은 다른 웹사이트에서 물건을 홍보하는 데서 비롯됩니다. 따라서 다른 웹사이트로 연결되는 위젯을 웹사이트에 넣거나 사이트에 배너나 광고를 넣습니다. 그리고 이 모든 것은 로드할 내용이 더 많기 때문에 페이지를 더 무거워지게 합니다. 그리고 특히 모바일에서의 인터넷 속도는 느린 것으로 유명했습니다. 그래서 구글은 로딩 속도를 조심하기 시작했습니다. 다시 말하지만 정보가 로드되지 않으면 액세스할 수 없습니다. 또한 다시 웹 접근성의 문제입니다. 그러나 그것은 단지 기술적인 것이었고 서버가 정말 빨리 응답하고 페이지가 정말 빨리 로드되도록 할 수 있다고 해도 좋은 경험을 한다는 의미는 아닙니다. 페이지는 빠르게 로드될 수 있기 때문에 페이지를 방문하는 동안 페이지의 모든 항목이 이동합니다.
그래서 Google은 Core Web Vitals라는 또 다른 측정항목을 제시하여 두 가지 성능, 즉 보기 필드에서 요소를 가져오는 즉시성(항목이 로드될 수 있지만 볼 수 없기 때문에)을 모두 처리하려고 합니다. 요소가 로드되는 동안. 이 모든 것이 함께하는 것은 이러한 모든 기술적 요소를 변환하고 사용자에게 더 나은 경험을 제공하기 위해 함께 작동하도록 하려는 Google의 시도입니다. 이 모든 것은 웹 접근성에서 비롯된 것입니다. 하지만 이를 진정시키고 더 나은 사용자 경험을 제공하기 위해 노력합니다.
파레토 피클 - 모든 SEO 기본 사항을 올바르게 얻으십시오
D: 파레토 피클로 끝내자. 파레토는 노력의 20%에서 결과의 80%를 얻을 수 있다고 말합니다. 중간 수준의 노력으로 놀라운 결과를 제공하는 SEO 활동은 무엇입니까?
P: 그것은 까다로운 일입니다. 그것은 당신이 가장 필요로하는 것에 달려 있습니다. 웹 사이트 아키텍처에서 좋은 일을 하거나 페이지 제목을 개선했지만 다른 모든 것은 부족할 수 있습니다. 일반적으로 사람들은 모든 SEO 기본 사항을 테이블에 남겨둡니다. Core Web Vitals를 즉시 조사하거나 최상의 내부 연결을 찾기 위해 복잡한 수학 공식을 수행할 수 있지만 나머지 기본 사항은 잊어버립니다. 제가 어떤 회사에서 일을 시작할 때 가장 먼저 고려하는 시나리오는 기본, 아키텍처, 페이지 내 요소, 계층적 요소 및 이 모든 것을 함께 살펴보는 것입니다. 좋은 상태입니까? 그렇지 않다면 좀 더 발전된 분야로 들어가기 전에 그 작업을 위해 시간을 할애할 것입니다. 홈페이지, 내부 링크, 페이지 제목, 보기 쉬운 항목 등 기본 사항을 제대로 숙지하면 다음 작업을 위한 강력한 기반이 됩니다.
D: 대단한 상식적인 생각. 글쎄요, 저는 당신의 호스트였습니다, David Bain. pedrodias.net에서 Pedro를 찾을 수 있습니다. Pedro, In Search SEO 팟캐스트에 참여해주셔서 감사합니다.
P: 만나줘서 고마워, David. 그것은 기쁨이었다.
D: 그리고 들어주셔서 감사합니다.