[5분 내로] 자신의 웹사이트 SEO 체크, 개선 방법 예시

안녕하세요. 팀드모네입니다.

오늘은 자신의 웹사이트 SEO 체크, 개선하는 방법을 공유드립니다.

 

1. SEO 체크 방법?

자신이 만든 홈페이지의 SEO를 체크하는 방법은 아래와 같습니다.

구글에서 운영 중인 PageSeed insights라는 SEO 체크 홈페이지에서 접속합니다.

https://pagespeed.web.dev/

 

2. SEO를 체크하려는 사이트 입력

웹페이지 URL 입력이라는 칸이 존재하는데 거기에 검사하려는 사이트를 입력합니다.

 

 

3. 검사 결과 확인

그러면, 해당 웹사이트에 대해 개선할 점들이 쭈우우욱 나오게 됩니다. ㅠ - ㅠ

지적받은 사안 중 접근성 부분에서 "버튼에 접근 가능한 이름이 없습니다." 라는 이슈를 해결해보겠습니다.

 

4. "버튼에 접근 가능한 이름이 없습니다." 라는 SEO 지적사항 해결 방법

구글은 의외로 스크린 리더를 매우 존중하는 모양입니다. 요약하자면, 해당 버튼이 뭔지 스크린 리더에게 말해달라는 내용입니다.

참고로 [자세히 알아보기]를 클릭하면, 해당 지적사항을 해결하는 방법에 대한 흰트를 얻을 수 있습니다. 결론적으로, 스크린 리더에 이 버튼이 뭔지 알려달라는 의미입니다. 이 케이스는 button에 aria-label="회원가입" 코드를 붙이면 됩니다.

 

ex) 

<button class="btn"></button>

<button class="btn" aria-label="회원가입"></button>

 

PageSpeed Insights는 구글이 운영하는 사이트입니다. 해당 사이트에서 지적하는 사항을 해결할 수록 자신의 웹사이트가 상위 노출된다고 알려져 있습니다. 그리고 근본적으로 웹사이트 동작 속도가 빨라지므로, 유저에게 좋은 사용 경험을 줄 것으로 기대됩니다.