웹사이트의 성능과 SEO 개선하기 위한 도구가 필요하신가요? SEO 는 사용자 경험과 검색 순위에 큰 영향을 미칩니다. 따라서 웹사이트를 운영하는 분이라면 웹사이트의 성능과 SEO 를 개선하기 위한 노력이 필요합니다. Google PageSpeed Insights 는 웹사이트의 성능과 SEO 를 측정하고 개선할 수 있는 무료 도구로 웹사이트의 페이지 로딩 속도, 이미지 크기, 캐시 사용 여부 등 다양한 요소를 점검하고 개선할 수 있는 권장 사항을 확인할 수 있습니다.
웹사이트 성능과 SEO 개선 도구, Google PageSpeed Insights
웹 사이트 분석 및 최적화를 지원하는 도구는 많이 있습니다만, 특히 Google PageSpeed Insights 를 많이 사용합니다. 이것은 구글의 무료 도구로서, 웹 사이트, 블로그의 페이지 로딩 속도, SEO 등을 측정하여 점수로 평가를 해주고, 어떤 부분을 수정하여야 하는지를 알려주는 유용한 도구입니다. 실제 여러분의 웹 사이트, 블로그를 테스트 하려면 아래의 링크를 클릭하세요.
Google PageSpeed Insights 사용법은 매우 간단합니다. 단지 웹사이트의 주소를 입력하면 됩니다. 결과는 휴대전화, 데스크탑 2가지로 확인이 가능합니다. 표시되는 결과의 아래에는 성능, 접근성, 검색엔진 최적화(SEO) 개선이 필요한 제안사항을 확인할 수 있습니다.
카페24 워드프레스 블로그 Google PageSpeed Insights 결과
이 블로그는 카페24 워드프레스 블로그 상품을 사용하고 있으며, 아래와 같은 결과가 나왔습니다. 실제로는 휴대전화, 데스크탑이 각각 표시되지만, 하나의 이미지로 보이도록 편집을 하였습니다. 점수는 0에서 100까지 부여하며, 권장사항 점수를 표시하고, 성능, 접근성, 검색엔진 최적화(SEO) 를 평가한 결과를 보여줍니다.
티스토리 Google PageSpeed Insights 결과
이번에는 티스토리 블로그에 대하여, 웹 사이트 분석 및 최적화 점수를 확인해보니, 아래와 같은 결과가 나왔습니다. 휴대전화로 접근할 때의 성능, 접근성과 데스크탑으로 접근할 때의 성능, 접근성이 매우 낮은 점수로 평가가 되었습니다. 하지만 티스토리는 무료이기 때문에 성능 문제가 있는 것은 이미 알고 있고, 조치에도 한계가 있습니다.
Google PageSpeed Insights 관련 사이트
Google PageSpeed Insights 구글 도움말
Google PageSpeed Insights 측정 사이트
카페24 워드프레스 블로그 Google PageSpeed Insights 성능 개선 제안
카페24 워드프레스 블로그에 대해서 Google PageSpeed Insights 에서 제공된 결과는 웹사이트의 성능, 사용자 경험, 검색엔진 최적화(SEO) 을 개선하기 위한 유용한 제안을 합니다. 아래의 이미지에서 보이는 항목의 오른쪽 끝을 클릭하면, 세부 사항을 확인할 수 있습니다. 아래의 경우에는 HTML 링크를 설정할 때, 설명 텍스트를 작성하지 않았기 때문입니다.
< 콘텐츠 권장사항 >
링크에 설명 텍스트가 없음 링크 5개 찾음
설명적인 링크 텍스트는 검색엔진에서 콘텐츠를 이해하는 데 도움을 줍니다. 링크 접근성을 높이는 방법 알아보기
/%ec%95%a0%eb%93%9c%ec%84%bc%ec%8a%a4-%ec%a0%84%eb%a9%b4%ea%b4%…(www.agptedu.com)
이 링크에 설명 텍스트가 없음이란 문제는 아래와 같이 해결을 할 수 있습니다.
티스토리 Google PageSpeed Insights 성능 개선 제안
티스토리 블로그에 대해서 Google PageSpeed Insights 에서 제공된 결과는 웹사이트의 성능 및 사용자 경험을 개선하기 위한 유용한 힌트를 제공합니다. 각 항목은 오른쪽 끝을 클릭하면, 세부적인 사항을 확인할 수 있습니다.
티스토리 성능 개선 진단 항목 (일부)
- 대규모 레이아웃 변경 피하기 요소 5개 발견됨
- 콘텐츠가 포함된 최대 페인트 요소 12,080 밀리초
- 렌더링 차단 리소스 제거하기 절감 가능치: 3,470 밀리초
- 자바스크립트 실행 시간 단축 1.7 초
- 기본 스레드 작업 최소화하기 4.0 초
모바일 접근성이 59점인데, 아래와 같은 접근성 개선을 위한 힌트를 제공하기도 합니다. 다만 이 경우는 티스토리에서 만든 코드이므로 블로거가 조치를 하는 것은 전문가가 아니라면 좋지 못한 선택입니다.
[user-scalable=”no”]이(가) <meta name=”viewport”> 요소에서 사용되거나 [maximum-scale] 속성이 5보다 작음
확대/축소를 사용 중지하면 저시력으로 인해 웹페이지의 콘텐츠를 제대로 확인하기 위해 화면 확대를 사용하는 사용자에게 문제가 될 수 있습니다.
< 통과하지 못한 요소 >
<meta name=”viewport” content=”width=device-width, height=device-height, initial-scale=1, minimum-scale=1…”>
일반적인 접근성 권장사항을 강조표시합니다.
결론
웹사이트 성능 및 SEO 최적화는 웹사이트 운영자에게 중요한 과제입니다. Google PageSpeed Insights 를 활용하면 웹사이트의 각종 성능 지표와 SEO 상태를 간편히 확인할 수 있습니다. 특히, 카페24 워드프레스 블로그와 티스토리 블로그의 결과를 통해 구체적인 개선 사항을 확인할 수 있었습니다. 성능 최적화를 위해서는 레이아웃 변경 최소화, 리소스 최적화, 자바스크립트 효율화 등 다양한 조치가 필요합니다. 또한, 접근성 향상을 위해 사용자 경험에 중점을 두는 것이 중요합니다. 웹사이트 운영자는 이러한 개선 사항을 고려하여 사용자에게 높은 품질의 경험을 제공할 수 있도록 노력해야 합니다.
카페24 워드프레스 관련 글
카페24 워드프레스 블로그, 모든 링크가 새로운 탭이나 창으로 열릴 때, a href tag