검색 엔진 최적화(SEO)를 위한 방법

검색 엔진 최적화 (SEO) 전술을 평가할 때 , 검색 엔진을 도구로 사용하는 사람들에 대한 공감 및 이해와 검색 엔진의 작동 방식을 이해하는 기술적 측면의 균형을 맞추는 것이 중요합니다. 좋든 나쁘든 웹 사이트 최적화를 생각할 때 일반적으로 페이지 콘텐츠와 페이지 내 메타 데이터가 사이트 성능에 영향을 미칠 수있는 방식을 언급합니다 .그러나 웹 사이트의 SEO 성능 성공의 또 다른 핵심 요소는 웹 사이트로드 시간 또는 페이지 속도입니다.

사이트 로딩 속도가 웹 사이트의 사용자 경험에 미치는 영향

검색 순위를 결정할 때 검색 엔진이 사이트 속도에 가중치를 부여하는 방법 사이트 속도 최적화 모범 사례 및 SEO를 위해 웹 사이트 속도를 테스트, 모니터링 및 최적화하는 데 도움이되는 몇 가지 무료 도구 사이트 페이지 속도의 SEO 영향

우리는 특히 웹에서, 그리고 우리가 찾고있는 것을 찾을 때 더욱 그렇습니다. 지금 빠른 인터넷 연결을 증가 다운로드 속도가 표준이며, 사용자는 그 부하 빠른 웹 페이지에 익숙해있다. 페이지가로드 될 때까지 몇 초 이상 기다려야했던 마지막 시간을 생각해보십시오. 점점 더 사용자는 기다리지 않습니다 . 그들은 이동합니다.

Google 및 기타 검색 엔진은 속도가 인터넷 검색 자 에게 중요한 품질 임을 인식합니다 . 따라서 검색 엔진 크롤러가 페이지로드 속도로 인해 웹 사이트의 콘텐츠를 분석하지 못하게되면 검색에서 페이지의 전체 순위에 대해 작동합니다. 검색 엔진의 목표는 검색 자에게 가장 관련성이 높은 콘텐츠를 신속하게 제공하는 것입니다. 페이지 로드 속도는 검색자가 빠른 속도를 기대하기 때문에 사이트의 관련성에 기여합니다 .

올바른 이미지 파일 형식 사용

이미지 크기를 최적화하는 것 외에도 다양한 웹 사용에 적합한 파일 형식 을 사용하는 것이 중요 합니다. JPEG : 대부분의 이미지에서 JPEG (모든 브라우저에서 지원하는 압축 가능한 형식)가 올바른 파일 형식입니다. 사진과 그래픽 은 JPEG 이미지 파일이어야합니다.

PNG : 클릭 유도 문안 (CTA) 버튼과 같은 간단한 그래픽이나 투명도 가 필요한 영역의 경우 PNG 형식을 사용합니다. 하지만 PNG 파일에주의하십시오. 잘못 사용하면 상당히 커질 수 있습니다. JPEG와 크기가 같은 PNG는 파일 크기가 10 배 더 클 수 있습니다.SVG : 회사 및 제품 로고와 아이콘에 SVG 파일을 사용합니다 . SVG는 매우 작은 파일이며 벡터로 정의되므로 무한히 확장됩니다. 단점은 상대적으로 단순한 이미지로 제한된다는 것입니다. WEBP : 이것은 새로운 파일 형식입니다. WebP는 PNG와 JPEG를 모두 대체 할 수 있습니다. 그러나 최신 웹 브라우저 에서만 지원됩니다. 따라서 WebP 이미지를 사용하기로 결정한 경우 기존 브라우저를위한 대체 JPEG 또는 PNG를 제공하는 것이 중요합니다.

사이트 페이지 속도 모범 예시

페이지 속도의 중요성을 이해하면 페이지 속도를 개선 할 수있는 몇 가지 쉬운 방법이 있는지 궁금 할 것입니다. 글쎄, SEO와 관련된 대부분의 주제와 마찬가지로 상황은 매우 빠르게 복잡해질 수 있습니다. 그러나 최고의 프로그래밍 언어와 코딩 트릭에 대한 기술적 인 괴짜 연설을 제쳐두고 나머지 우리 (좋아, 나머지 여러분 )가 쉽게 구현하여 사이트 속도를 개선 할 수 있는 6 가지 신뢰할 수있는 모범 사례 를 소개합니다 .

웹 사이트에 대한 Google 페이지 속도 통계

의심 할 여지없이 페이지 속도는 검색 엔진 결과에서 더 높은 순위 를 차지 하기 위해 웹 사이트를 최적화 할 때 균형을 잡는 여러 요소 중 하나입니다 . 그러나 느린 사이트 로딩은 다른 측정 항목을 끌어내어 전환율을 제한하고 웹 사이트 콘텐츠의 전반적인 성능을 저하시킬 수 있습니다. 반면에 페이지로드 시간이 빠르면 전환율 이 높아질 수 있습니다. 더 많은 자격을 갖춘 리드를 생성하는 웹 사이트는 더 많은 조직 수준에서 더 나은 지원을받을 수있는 사이트입니다. SEO 서바이벌 가이드 를 통해 SEO 큰 그림을 파악할 수 있습니다.

이미지 크기 최적화

이미지는 페이지 로딩 속도를 늦추는 최악의 원인입니다. 큰 고해상도 이미지는 인쇄에 이상적이지만 웹에는 적합하지 않습니다 . 따라서 아름다운 새 사진을 웹 사이트에 업로드하기 전에 먼저 웹 사용을 위해 최적화해야합니다. 컴퓨터의 기본 편집기 또는 squoosh.app 과 같은 무료 도구를 사용하여 이미지의 압축률과 픽셀 크기 를 사이트에 필요한 대략적인 크기로 변경합니다. HTML 편집기를 사용하여 이미지 너비를 1,000 픽셀에서 300 픽셀로 조정하면 화면의 모양 만 변경된다는 점을 이해하는 것이 중요합니다. 페이지가로드 될 때 브라우저는 여전히 전체 이미지의 데이터를로드해야합니다. 이는 표시되는 크기의 3 배입니다.

콘텐츠 관리 시스템 (CMS)을 사용 하는 경우 반응 형 디자인 템플릿을 사용할 가능성이 높으며 이는 좋은 일입니다. 사용자는 한 장치에서 다른 장치로 이동할 때 원활한 데스크톱 및 모바일 경험을 원하지 않습니다. 그들은 그것을 기대 하고 그보다 적은 것은 실망입니다.

플러그인과 스크립트를 남용하지 마십시오

사이트 플러그인은 특히 무료 일 때 사이트에 기능을 추가하는 데 유용합니다. 그러나 한 페이지 (예 : 블로그)에 너무 많이 있으면 페이지로드 속도 가 크게 저하 될 수 있습니다 .

사이트 속도를 모니터링하고 최적화하는 무료 도구

다행히 무료 도구에 액세스하여 자체 페이지로드 속도 테스트를 실행하고 개선 할 수있는 영역을 찾을 수 있습니다. 확인할 수있는 몇 가지 도구는 다음과 같습니다. Google PageSpeed ​​Insights : 포괄적이고 사용하기 쉬우 며 필요한 유일한 도구 일 수 있습니다. 또한 Chrome 브라우저에 Lighthouse 로 내장되어 있습니다. Google Analytics 는 어떤 경우에도 유용합니다. 설정을 마치면 시간 경과에 따른 사이트 속도 성능을 빠르게 확인할 수 있습니다.SEOquake 브라우저 플러그인 : 페이지별로 사이트를 크롤링 할 때 브라우저 도구 모음에서 사이트 속도를 측정하는 것 외에도이 편리한 도구 모음은 다른 많은 SEO 메트릭도 제공합니다.

텍스트를 그래픽으로 사용하지 않기

드물지만 특정 스타일의 텍스트를 표시하기 위해 사용자 정의 그래픽을 사용해야 할 수도 있습니다. 그러나 CSS를 활용하여 특정 글꼴을 표시할수록 웹 페이지가 더 빨리로드됩니다. 텍스트 그래픽은 페이지의 실제 텍스트보다 SEO 용어의 가치가 낮습니다. 따라서 텍스트에 그래픽을 반드시 사용해야하는 경우 SEO에 대체 텍스트 를 포함하는 것을 잊지 마십시오 .

스크롤없이 볼 수있는 부분 이미지 지연로드

지연로드 이미지를 사용하면 모든 이미지로드가 완료되기 전에 나머지 페이지 요소를로드 할 수 있습니다. 이렇게하면 사이트 방문자가 콘텐츠를 더 빨리 읽을 수 있습니다 . 이것은 훌륭한 옵션이지만 스크롤없이 볼 수있는 이미지 만 이러한 방식으로로드하기를 원한다는 것을 기억하십시오. 그렇지 않으면 사용자가 읽는 동안 페이지 헤더와 같은 요소가 튀어 나와 페이지의 콘텐츠를 이동하고 참여를 방해하고 열악한 사용자 경험을 만들 수 있습니다 .

자바 스크립트와 CSS 축소 많은 사이트 구축 플랫폼, 허브 스팟 (HubSpot)처럼 , 자동으로 작게를 자신의 크기를 줄이기 위해 자바 스크립트와 CSS 파일을.

특정 소셜 공유 사이트 플러그인은 페이지의로드 속도도 늦출 수 있기 때문에 웹 사이트 관리자에게 골칫거리가 될 수 있습니다. 동시에 이러한 유형의 플러그인을 피하면 콘텐츠가 소셜 미디어에서 얼마나 쉽게 공유 될 수 있는지 제한됩니다. 그리고 이는 SEO에 긍정적 인 영향을 미치는 귀중한 소셜 신호 로부터 혜택을받을 수있는 능력을 제한합니다. 대부분의 콘텐츠 관리 시스템 (CMS)에는 플랫폼에 소셜 공유 기능이 내장되어 있지만 직접 추가해야하는 경우 로드 속도 피드백에 대한 리뷰 를 읽고 다른 사람의 경험을 활용하십시오.

마케터와 최고 경영진은 데이터를 좋아하고 응답하는 경향이 있으므로 다음 을 추적하고 측정하는 도구를 포함하여 다양한 추적기를 사용하여 웹 사이트의 모든 구석에서 가능한 한 많은 정보를 수집하려고 할 수 있습니다.안타깝게도 각 스크립트에는 추가 트래픽과 처리 가 필요합니다 . 따라서 매력적으로는 먼저 각 스크립트의 이점을 고려한 다음 실행 가능하고 가치있는 데이터를 제공 할 스크립트 만 추가하십시오.