워드프레스

Web Vitals 확장 프로그램으로 CLS·TTFB·속도 측정
워드프레스

Web Vitals 확장 프로그램으로 CLS·TTFB·속도 측정하는 방법

Web Vitals 확장 프로그램을 사용하게 된 이유는 PageSpeed Insights나 GTmetrix를 반복해서 열어보는 과정이 생각보다 번거로웠기 때문입니다. 사이트 속도나 CLS 문제가 의심될 때마다 별도 측정 사이트에 접속해야 했고, 결과가 나오기까지 기다리는 시간도 필요했습니다. 특히 OpenLiteSpeed와 LiteSpeed Cache를 사용하는 환경에서는 설정을 변경한 뒤 바로 변화가 있는지 확인하고 싶을 때가 많았는데, 그때 가장 자주 사용한 도구가 Web Vitals […]

아스트라 404 페이지 만드는 방법
워드프레스

아스트라 404 페이지 만드는 방법|Custom Layouts로 오류 페이지 수정

아스트라 404 페이지 만드는 방법을 찾게 된 이유는 기본 404 화면이 너무 단순했기 때문입니다. 글을 삭제했거나 주소를 잘못 입력했을 때 기본 오류 페이지가 나오면 방문자는 다른 글을 찾기보다 바로 나가버릴 가능성이 높습니다. 404 페이지는 검색 순위를 직접 올려주는 기능이라기보다, 잘못된 주소로 들어온 방문자가 다시 사이트 안에서 검색하거나 다른 콘텐츠를 찾을 수 있게 도와주는 역할에 가깝습니다.

Photo Gallery 플러그인 설정 방법
워드프레스

Photo Gallery 플러그인 설정 방법|이미지 갤러리 만들기부터 메뉴 추가까지

Photo Gallery 플러그인 설정 방법을 정리하게 된 이유는 워드프레스에서 여러 이미지를 한 번에 보기 좋게 보여주는 방식이 필요했기 때문입니다. 일반 이미지 블록만 사용하면 사진이 길게 나열되어 페이지가 복잡해 보였고, 슬라이드나 모자이크 형태로 정리하려면 별도 갤러리 플러그인이 필요했습니다. 여러 플러그인을 테스트했지만 무료 버전에서 ALT 입력이나 검색, 태그, 정렬 기능이 제한되는 경우가 많았습니다. Photo Gallery 플러그인은 무료

Photo Gallery 플러그인 메뉴 가려짐 해결 방법
워드프레스

Photo Gallery 플러그인 메뉴 가려짐 해결 방법|워드프레스 CSS 수정

Photo Gallery 플러그인 메뉴 가려짐 문제가 발생하면 사이트 상단 메뉴를 열어도 드롭다운 메뉴가 갤러리 뒤로 숨어버리는 현상이 나타날 수 있습니다. 저 역시 워드프레스에서 여러 갤러리 플러그인을 테스트하던 중 Photo Gallery 플러그인을 적용한 후 같은 문제를 경험했습니다. 평소에는 정상적으로 보이던 메뉴가 특정 갤러리 페이지에서만 가려졌기 때문에 처음에는 Astra 테마 문제나 캐시 문제를 의심했습니다. 여러 설정을 확인한

HTML Sitemap 설정 방법
워드프레스

HTML Sitemap 설정 방법과 워드프레스 사이트맵 활용 경험

워드프레스를 운영하다 보면 XML 사이트맵은 익숙하지만 HTML Sitemap은 처음 보는 경우가 많습니다. 저 역시 Rank Math 설정을 살펴보다가 HTML Sitemap 메뉴를 발견했고, 처음에는 검색 엔진용 기능이라고 생각했습니다. 조금 더 찾아보니 HTML Sitemap은 검색 엔진보다 방문자를 위한 사이트맵에 가까웠습니다. 실제로 XML 사이트맵은 구글 서치 콘솔이나 네이버 서치어드바이저에 제출하지만, HTML Sitemap은 사이트 내부에서 방문자가 전체 구조를 확인하는

CLS Checker 확장 프로그램
워드프레스

CLS Checker 확장 프로그램으로 구글 콘솔 CLS 오류 찾는 방법

CLS Checker를 처음 사용하게 된 이유는 구글 콘솔 코어 웹 바이탈에서 개선이 필요한 URL이 계속 늘어났기 때문입니다. URL 개수는 표시되는데 어떤 요소가 실제 문제인지 확인하기 어려웠고, 페이지를 직접 살펴봐도 원인을 찾기 쉽지 않았습니다. 특히 OpenLiteSpeed와 LiteSpeed Cache를 사용하는 환경에서는 캐시가 개입되기 때문에 같은 페이지라도 상황에 따라 결과가 다르게 보이는 경우가 있었습니다. 이런 상황에서 도움이 되었던

AMP for WP 자동 광고 적용 방법
워드프레스

AMP for WP 자동 광고 적용 방법|AMP 애드센스 자동 광고 설정

AMP for WP 자동 광고를 적용하려고 했을 때 의외로 가장 오래 걸린 부분은 광고 코드 자체가 아니었습니다. 이미 애드센스 광고는 정상적으로 운영하고 있었고 AMP 페이지도 잘 열리고 있었습니다. 그런데 일반 페이지에서는 자동 광고가 나오는데 AMP 페이지에서는 앵커 광고나 전면 광고가 전혀 표시되지 않았습니다. 처음에는 애드센스 승인 문제나 광고 제한 때문이라고 생각했습니다. LiteSpeed Cache 캐시도 삭제해

KBoard SEO 메타 태그 제거 방법
워드프레스

KBoard SEO 메타 태그 제거 방법과 중복 메타 해결 과정

워드프레스에서 게시판 플러그인인 KBoard를 사용하다 보면 KBoard SEO 메타 태그 제거가 필요한 경우가 있습니다. Rank Math나 다른 SEO 플러그인을 함께 쓰고 있는데 게시판 페이지 소스에서 KBoard SEO 메타 태그와 SEO 플러그인 메타 태그가 함께 보인다면 한쪽 설정을 정리해 주는 것이 좋습니다. 저도 게시판 페이지의 소스 코드를 확인하다가 description, canonical, og 태그가 겹쳐 보이는 것을 보고

KBoard 애드센스 추가 방법
워드프레스

KBoard 애드센스 추가 방법 – 원하는 위치에 광고 넣은 과정 정리

워드프레스 게시판에 광고를 넣으려고 하면 생각보다 막히는 경우가 있습니다. 저 역시 KBoard 애드센스 추가를 시도하면서 일반 애드센스 플러그인으로는 게시판 내부에 광고가 나타나지 않는 문제를 겪었습니다. OpenLiteSpeed와 LiteSpeed Cache 환경에서 사이트를 운영하고 있었기 때문에 캐시 문제도 의심했지만 원인은 다른 곳에 있었습니다. KBoard는 게시판 내용을 별도의 스킨 파일로 출력하기 때문에 원하는 위치에 광고를 넣으려면 스킨을 직접 수정해야

위로 스크롤