홈페이지 제작에 많이 쓰는 워드프레스는 대표적인 오픈소스 CMS입니다. 사용자가 많은 만큼 메타정보 편집, 사이트맵 생성, 구조화 데이터 출력을 돕는 SEO 플러그인이 잘 갖춰져 있어, 개발 지식이 많지 않아도 기본 설정을 할 수 있습니다.
다만 플러그인이 늘어날수록 페이지가 무거워지고, 서로 다른 플러그인이 같은 태그를 중복으로 출력하는 문제가 생기기 쉽습니다. 설치 후에는 실제 HTML을 확인하는 습관이 필요합니다.
오픈소스는 코드가 공개되어 있어 보안 취약점도 함께 알려집니다. 코어와 플러그인을 최신 버전으로 유지하지 않으면 해킹으로 스팸 페이지가 삽입되어 검색 결과에 노출될 수 있고, 구글은 해킹된 사이트에 경고를 표시하거나 노출을 제한합니다.
Next.js 같은 오픈소스 프레임워크는 SSR을 지원해 자바스크립트 사이트의 검색 노출 문제를 줄이는 데 쓰입니다.
서버에서 HTML을 완성해 브라우저에 보내는 방식(Server-Side Rendering)입니다. 크롤러가 자바스크립트를 실행하지 않아도 콘텐츠와 링크를 바로 읽을 수 있어, 브라우저에서 화면을 만드는 방식(CSR)보다 SEO에 유리합니다.
HTML·CSS·자바스크립트를 해석해 실제 화면을 그려내는 과정입니다. 구글은 크롤링한 페이지의 자바스크립트를 실행해 렌더링한 뒤 그 결과를 색인하므로, 자바스크립트로만 만들어지는 콘텐츠는 반영이 늦거나 누락될 수 있습니다.
<head> 안에 작성해 페이지 정보를 검색엔진과 브라우저에 전달하는 데이터입니다. 타이틀 태그, 메타 디스크립션, 메타 로봇, 뷰포트, OG 태그 등이 있으며, 타이틀과 디스크립션은 검색 결과의 제목·설명으로 쓰일 수 있습니다.
검색엔진이 사이트를 문제없이 크롤링·렌더링·색인할 수 있도록 기술적 기반을 정비하는 작업입니다. URL 구조, 리다이렉트, 캐노니컬, 사이트맵, 구조화 데이터, 페이지 속도 등을 다룹니다. 콘텐츠가 평가받기 위한 전제 조건입니다.
