이 블로그를 구글에 노출 시키기 위해 2주 전 쯤 구글 서치 콘솔에 등록을 했다.
하지만 Sitemap 등록이 제대로 이루어지지 않았다.

몇번이고 재등록을 해봤지만 2주동안 변화가 없었다.
그래서 나는 클로드 코드의 Skills 중 SEO 관련으로 가장 많이 사용하는 seo-audit 이라는 skill을 사용해서
현재 SEO 상태를 분석하고 문제점을 찾아보기로 했다.

첨부한 이미지 처럼 sitemap 등록에 문제가 있다. seo-audit 스킬을 적극적으로 활용해서 구조를 분석하고 문제점을 찾아줘.

sitemap.xml 에서 한글 URL이 percent-encoding 되지 않은 상태로 저장.
Google Sitemap 표준: RFC 3986에 따라 NON-ASCII 문자는 인코딩 필수

이 분석에 따라 바로 수정했다.

그리고 이제 /seo-audit 명령어를 이용해서 전체적인 SEO 분석을 맡겼다.

구조화 데이터(Schema MarkUp) 부재 - 매우 심각
BlogPosting 스키마 없음
Organization 스키마 없음
WebSite 스키마 없음

기본적인 설정은 충분히 양호하게 되어 있으나, 구조화 데이터의 부재가 문제라는 분석이 나왔다.

메타데이터가 SNS 공유, 브라우저 탭 제목 등의 역할을 한다면,
구조화 데이터(JSON-LD) 는 구글이 페이지 유형을 이해하는 수단이다.

구조화 데이터가 없으면 구글 입장에서는 이렇다.

텍스트가 많은 페이지인데... 블로그 글인지, 상품 페이지인지, 뉴스인지 모르겠다. 일단 유형 알 수 없음으로 처리.

그래서 사이트맵 유형이 '알 수 없음' 이 되고, 크롤링 우선순위가 낮아지고, Rich Snippet도 표시되지 않는다.

수정한 것들

게시글 페이지에 BlogPosting 스키마 추가

const jsonLd = {
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": post.title,
  "description": description,
  "image": imageUrl,
  "datePublished": post.createdAt,
  "dateModified": post.updatedAt,
  "author": {
    "@type": "Person",
    "name": post.author.nickname,
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": url,
  },
  "publisher": {
    "@type": "Organization",
    "name": "NNOUSS.LOG",
    "logo": {
      "@type": "ImageObject",
      "url": `${siteUrl}/favicon-32x32.png`,
    },
  },
};

루트 레이아웃에 Organization + Website 스키마 추가

const organizationJsonLd = {
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "NNOUSS.LOG",
  "url": "https://nnouss.xyz",
  "logo": "https://nnouss.xyz/favicon-32x32.png",
  "sameAs": ["https://github.com/nnouss"],
};

const webSiteJsonLd = {
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "NNOUSS.LOG",
  "url": "https://nnouss.xyz",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://nnouss.xyz/?q={search_term_string}",
    "query-input": "required name=search_term_string",
  },
};

정리

이번 작업의 핵심은 하나다.

메타데이터는 사람(SNS, 브라우저)을 위한 것이고, 구조화 데이터는 구글을 위한 것이다.

Next.js로 블로그를 만들면 generateMetadata()로 메타데이터를 잘 설정하게 되는데, JSON-LD는 별도로 신경 쓰지 않으면 빠지기 쉽다. 특히 Google Search Console에서 "유형: 알 수 없음"이 뜬다면 구조화 데이터 부재를 먼저 의심해볼 것.

마치며

아직 수정을하고 시간이 별로 지나지 않은 상황이다.
1~2주 기다려보고 다시 상황을 알리러 오겠다.

seo-audit Skill을 이용해 SEO 개선하기

댓글

댓글