그래픽 디자이너로 일한다면 사용자 경험이 점점 더 중요해지고 있다는 것을 알게 될 것입니다.. 그리고 그 안에서 귀하의 웹 사이트 디자인이 핵심 웹 바이탈에 어떤 영향을 미치는지 알고 계셨습니까?
이는 디자인에만 영향을 미치는 것이 아니라 SEO, 포지셔닝에도 영향을 미칩니다. 그런데 왜 그럴까요? 아래에서는 귀하가 고객에게 최고의 서비스를 제공할 수 있도록 이에 대해 설명합니다.
핵심 웹 바이탈이란 무엇입니까?
웹 사이트 디자인을 핵심 웹 바이탈과 연관시켜야 하는 이유를 완전히 설명하기 전에 우리가 언급하는 내용을 알아야 합니다.
이 용어는 다름 아닌 Google에서 설정한 일련의 측정항목을 포함하는 용어로, 사용자가 웹사이트에서 어떤 사용자 경험을 갖게 될지 알려줄 수 있을 정도로 중요합니다. 다시 말해서, 이는 웹사이트를 분석하고 사용자 경험이 좋은지 여부를 알아내는 도구입니다.
예를 들어 웹사이트가 있다고 가정해 보겠습니다. 이제 새로운 디자인을 만들고 시작하기 전에 Core Web Vitals를 사용하는 사용자 경험을 검토할 차례입니다.
지금, 디자인이 끝나면 다시 분석합니다. 그리고, 그 일이 잘 이루어졌다면, 처음에 얻었던 것보다 상당히 높은 수치를 얻게 될 것입니다.
Métricas 교장
앞서 말했듯이 핵심 웹 바이탈은 일련의 측정항목입니다. 사실은 꽤 많지만 전문가들은 보통 그 중 XNUMX~XNUMX개만 살펴보는데, 가장 중요한 것으로 간주됩니다.
LCP, 콘텐츠가 포함된 최대 페인트 또는 기본 콘텐츠 로딩 시간
이러한 이름은 로딩 속도를 측정하는 것이 목표인 측정항목을 나타냅니다. 즉, 웹페이지가 컴퓨터에 로드되어 완전히 표시되는 데 오랜 시간이 걸리거나 약간 걸리는 경우입니다.
Google에 따르면 로딩 시간은 2,5초 미만이어야 합니다. 따라서 해당 시간보다 더 많은 시간이 소요되는 모든 작업은 이 측정항목으로 인해 실패하게 되며 포지셔닝 및 SEO에 영향을 미칠 수 있습니다.
FID, 첫 번째 입력 지연 또는 상호 작용
사용자가 웹페이지에 들어가면 그 페이지를 탐색해야 합니다. 그렇죠? 즉, 한 페이지에서 다른 페이지로 이동해야 합니다.
그리고 각 측정값이 이전 측정항목으로 측정될 것이라고 생각할 수도 있지만 사실은 그렇지 않습니다.
이것이 바로 페이지 속도를 평가하는 다른 측정항목이 있는 이유입니다. 사용자가 링크를 클릭하는 순간 페이지를 표시합니다.
더 쉽게 이해할 수 있도록 웹사이트에 들어가서 내 소개로 이동하고 싶다고 상상해 보세요. 버튼을 클릭한 후 새 페이지가 표시될 때까지 경과되는 시간은 좋을 수도 있고 나쁠 수도 있습니다.
Google에 가장 적합한 금액은 얼마입니까? 0,1초 이하로 놔두세요. 때로는 쉽지 않습니다.
하지만 웹사이트 디자인에서도 이를 고려해야 합니다.
CLS, 누적 레이아웃 이동 또는 시각적 안정성
마지막으로 가장 중요한 측정항목의 XNUMX분의 XNUMX이 있습니다. 이는 웹사이트 디자인에 영향을 미칩니다. 시각적 안정성은 페이지를 로드할 때 페이지에서 발생하는 변경 사항으로 이해될 수 있으며, 이로 인해 가고 싶지 않은 영역을 클릭하게 됩니다.
더 쉽게 만들려면: 웹 페이지를 연다고 상상해 보세요. 입력하면 로드되지만 어디로 가야할지 알기 때문에 버튼이 나타나자마자 클릭하게 됩니다. 그런데 갑자기 움직이면서 가고 싶지 않은 다른 지역을 클릭하게 됩니다.
Google의 경우 좋은 CLS는 항상 0,1 미만이어야 합니다.
웹사이트 디자인이 핵심 웹 바이탈에 영향을 미치는 이유
웹 사이트를 구축할 때 이미지, 플러그인을 넣고, 좋은 호스팅을 찾고, 그래픽과 비디오가 포함된 페이지를 프로그래밍합니다... 그리고 그 결과 모든 것이 로드됩니다.
디자인이 너무 무거워지면 사용자 경험이 매우 나빠집니다. 또는 Core Web Vitals 지표의 결과가 매우 나쁘다는 것도 마찬가지입니다.
다행스럽게도 이를 개선하기 위해 할 수 있는 일이 항상 있습니다(항상 염두에 두어야 할 사항).
업로드하는 모든 이미지를 최적화하세요
이는 150KB를 초과하지 않도록 만들어야 함을 의미합니다. 그리고 가능하다면 페이지에 어떻게 표시할 것인지 정확한 치수를 가지고 있어야 합니다. 더 작지도 크지도 않습니다.
플러그인을 너무 많이 사용하지 마세요
믿거나 말거나, 플러그인이 많으면 페이지에 영향을 주어 속도가 훨씬 느려집니다.
그래서, 페이지의 올바른 기능에 필요한 것만 포함하는 것이 좋습니다. (그리고 우리는 이미 그 수가 많지 않다고 말합니다).
사실, 가지고 있지만 활성화되지 않은 경우에도 소모됩니다. 따라서 가장 좋은 점은 해당 항목을 사용하지 않으면 페이지에서 영원히 삭제하는 것입니다. 다시 설치할 시간이 있습니다.
품질 호스팅
또 다른 일반적인 문제는 품질이 낮은 호스팅을 사용하는 것입니다. 싼 것은 비싸다, 잊지 마세요. 그리고 호스팅의 경우 웹사이트 속도를 빠르게 할 수 있는 적합한 호스팅을 선택하지 않는다면, 좋은 사용자 경험을 얻을 가능성이 줄어듭니다.
일반적으로 무료 호스팅은 최악입니다. 그리고 유료 중에서는 스페인에서 시도해 볼 필요가 있을 것입니다. 가장 높이 평가되는 세 개의 호스팅 회사가 있습니다: Siteground, Webempresa 및 Raiola. 그들 중 누구라도 귀하의 웹사이트 로딩 속도를 높이는 데 도움이 될 수 있습니다.
보시다시피, 그래픽 디자이너가 된다는 것은 고객을 위해 좋은 프로젝트를 수행하는 방법을 알고 있다는 것을 의미할 뿐만 아니라 귀하의 웹 사이트 디자인은 핵심 웹 바이탈에 영향을 미치므로 클라이언트는 SEO 및 포지셔닝 수준에서 귀하의 작업으로부터 최대의 이익을 얻습니다. 더 나은 전문가가 되기 위해 이러한 지식을 갖는 것이 얼마나 중요한지 생각해 본 적이 있습니까?