구글 웹페이지 속도 측정 사이트 'Google PageSpeed Insights'는 웹페이지의 콘텐츠를 분석하여 페이지의 속도를 개선할 수 있는 방법을 제시해 주는 분석 서비스로, 워드프레스(WordPress)에서는 사이트 키트(Site Kit) 플러그인을 설치하여 연동하여 사용할 수 있습니다. 워드프레스(WordPress)는 자유-오픈 소스 소프트웨어(FOSS, FOSS: Free and open-source software) 저작물 관리 시스템으로, 설치형 블로그 및 전체 콘텐트 관리 시스템(CMS, Content Managment System)으로 독립된 형태로 운영되어, 구글 검색 엔진에서 색인하기 위해서는 구글 서치 콘솔(Google Search Console)에 등록하고, 데이터를 분석을 위해 구글 애널리틱스(Google Analytics)와 연동하여 사용해야 합니다.
1. How to connect Page Speed Insight with WordPress Site Kit Plug-in
워드프레스 플러그인 사이트 키트(Site kit)로 구글 페이지스피드 인사이트 연결하는 방법은 먼저, WordPress 대시 보드의 좌측 '플러그인 - 새로 추가'를 클릭하여 '플러그인 추가' 검색 란 '키워드 ∨' 선택 상태에서 'Site kit'를 입력하고 검색 결과에 '구글 사이트 키트 - 분석, 검색 콘솔, 애드센스, 스피드' 결과가 나타나면 우측 상단의 '지금 설치' 버튼을 클릭합니다.
구글 사이트 키트 - 분석, 검색 콘솔, 애드센스, 스피드' 워드프레스 플러그인의 '지금 설치' 버튼을 누르면, 버튼에 '⟳ 설치 중..' 메시지가 활성화 되었다가 잠시 후 설치가 완료 됩니다.
워드프레스 플러그인 사이트 키트 설치가 완료 되면, '활성화' 버튼을 클릭하여 설치 된 사이트 키트 플러그인을 사용할 수 있는 상태로 전환 합니다. 참고로, 사이트 시작 초기에 추가하는 Plug-in에 대한 설치 과정을 자세하게 기록하기 위해 단계별로 캡처하여 포스팅 하는 것으로, 추후 포스팅에서는 반복되는 과정은 생략할 계획 입니다.
2. How to set up the WordPress plug-in Site Kit
워드 프레스에 구글 사이트 키트 플러그인을 설치하면, 'G Site Kit : 축하합니다. 사이트킷 플러그인을 이제 사용할 수 있습니다.' 메시지가 나타나면 하단의 '설정 시작하기' 버튼을 클릭합니다.
사이트킷 설정하기 '워드프레스 알림판에서 사람들이 사이트를 찾는 방법과 사이트 콘텐츠를 개설하고 수익을 창출하는 방법'의 '☑ 설정의 일부로 구글 애널리틱스를 연결합니다. 구글 애널리틱스를 활성화 하여 얼마나 많은 트래픽이 발생하고 사람들이 귀하의 사이트를 어떻게 탐색하는지 추적하십시오.' 항목을 체크하고, '구글에 로그인하기' 버튼을 클릭합니다.
사이트킷 설정하기 '워드프레스 알림판에서 사람들이 사이트를 찾는 방법과 사이트 콘텐츠를 개설하고 수익을 창출하는 방법'의 '☑ 설정의 일부로 구글 애널리틱스를 연결합니다. 구글 애널리틱스를 활성화 하여 얼마나 많은 트래픽이 발생하고 사람들이 귀하의 사이트를 어떻게 탐색하는지 추적하십시오.' 항목을 체크하고, '□ 익명의 사용 데이터를 공유하여 사이트킷을 개선할 수 있도록 도와주세요. 수입된 모든 데이터는 구길 개인정보 보호정책에 따라 처리됩니다.'는 사용 환경에 따라 '☑' 체크 또는 '□' 체크 해제하고 '구글에 로그인하기' 버튼을 클릭합니다.
3. WordPress 플러그인 Site Kit에서 Google PageSpeed Insights 연결 확인
Site Kit에서 Google 계정에 대한 액세스를 요청합니다.에서 필요한 항목 '제어하는 사이트와 도메인의 목록을 관리합니다.' 등을 선택하고 계속 버튼을 눌러 '① You're already verified' 이미 검증되었습니다. dyurwitcherry's it. 메시지가 나타나면 'Next' 버튼을 클릭합니다. 참고로, 포스팅 작성 이전에 'Google Analytics'와 'Google Search Console'에 워드프레스 사이트는 이미 등록되어 있는 상태 입니다.
워드프레스 사이트 검증 확인 후 '② Turn on metrics in your dashboard : To show metrics in your Site Kit dashboard, allow dyurwitcherry's it.σῖγμα to access your Google Account can view or revoke access for dyurwitcherry's it.σῖγμα in your Site Kit settings at any time.'에서 사이트 키트 대시보드 측정 값 확인과 설정에서 WordPress에 접근할 수 있도록 하단의 Allow 버튼을 클릭 합니다.
워드프레스에 사이트 키트 플러그인이 설정과 대시보드에 접근할 수 있도록 권한을 설정하고 '③ dyurwitcherry's it. is already added to Google Search Console 메시지가 나타나면, 'Next' 버튼을 클릭합니다. 포스팅에 앞서 구글 서치 콘솔과 애널리틱스와 워드프레스를 연동하여, Site Kit에서는 이미 연결되었다는 메시지가 나타나며, 연동되어 있지 않은 상태에서는 진행 과정에 차이가 있을 수 있습니다.
구글 서치 콘솔과 연동을 완료하고 '④ Set up Google Analytics : To understand how visitors find and use your site, have Site Kit add dyurwitcherry's it. to Google Analytics for you.' 아래의 'Next' 버튼을 누르면 구글 애널리틱스와 연동이 완료 됩니다.
4. WordPress에서 Site kit와 연동되어 있는 Google 서비스 확인
워드프레스 사이트 키트 플러그인을 이용하여 Google PageSpeed Insights와 연동이 되면, 연결한 서비스 항목에 '페이지스피드 인사이트', '연결했습니다. ✓ ∨'표시가 되고, Site kit 대시 보드에서 간편하게 WordPress 사이트를 분석하여 페이지 로딩 속도를 개선할 수 있습니다. 참고로, 구글 사이트 키트 워드프레스 플러그인을 이용하면, 구글 애널리틱스와 구글 서치 콘솔이 함께 추가가 되고, 대시 보드 상단 '더 많은 서비스 연결하기'를 이용하여 '구글 애드센스와 태그 매니저, 사이트 최적화 도구 등을 추가하여 연동할 수 있는데, 참고로 Google Optimize의 경우 2023년 09월 30일에 서비스가 종료 됩니다.
댓글 없음: