Next.js 포트폴리오를 Google에 보이게 하기: 정말 중요한 SEO

문제: 순위가 좋다고 잘 보이는 것은 아니다

Google에 제 이름을 치면, 제 포트폴리오가 맨 위에 나옵니다. 검색은 잘 됩니다. 하지만 좋은 순위가 좋은 표현을 보장하지는 않습니다: 링크 옆에 표시되는 아이콘, 사이트 이름, 설명——이 모든 것은 Google이 당신의 코드에서 읽는 정밀한 기술 신호에서 결정됩니다.

이 글은 평범한 결과와 신뢰를 주는 결과를 가르는 설정들을 자세히 살펴봅니다.

파비콘: 거의 아무도 지키지 않는 제약

Google은 모든 결과의 왼쪽에 아이콘을 표시합니다. 그것이 일반 대체 아이콘이 아니라 당신의 것이 되려면, 세 가지 조건이 있습니다:

• 파비콘은 안정적인 URL로 제공되고 <link rel="icon">로 선언되어야 합니다.
• 크기는 48px의 배수(48, 96, 144…)여야 합니다. 흔한 64×64는 Google이 그냥 무시합니다.
• 아주 작은 크기에서도 읽혀야 합니다: 모노그램이나 심볼이어야 하며, 결코 디테일이 많은 로고여서는 안 됩니다.

Next.js에서는 간단한 app/icon.tsx 파일 하나가 파비콘을 생성하고 <link> 태그를 자동으로 주입합니다. 함정은 내보낸 크기에 숨어 있습니다.

완벽하지만 64×64인 파비콘은 Google 결과에 결코 나타나지 않습니다. 몇 주간의 의심을 부르는 디테일입니다.

「사이트 이름」: Google이 표시하는 것에 대한 주도권 되찾기

기본적으로 Google은 흔히 실제 이름 대신 도메인(monsite.com)을 표시합니다. 제대로 된 이름을 강제하려면, 엄격히 동일해야 하는 세 가지 신호를 맞춰야 합니다:

• WebSite 구조화 데이터(JSON-LD)의 name 필드.
• og:site_name 태그(Open Graph).
• application-name 메타.

이 세 값이 어긋나면——한쪽은 「Jean Portfolio」, 다른 쪽은 「Jean — Portfolio」일 뿐이라 해도——Google은 포기하고 도메인으로 되돌아갑니다. 일관성이 유일한 규칙입니다.

구조화 데이터: 당신이 누구인지 설명하기

Person JSON-LD는 사이트가 직업과 지역, 소셜 프로필을 가진 특정 개인에 관한 것임을 Google이 이해하게 해 줍니다. 가장 무게가 큰 필드:

• name, jobTitle, description — 기본 정체성.
• sameAs — 당신의 프로필 목록(GitHub, LinkedIn). 이것이 당신의 사이트를 온라인 존재와 이어 주고 지식 패널을 먹입니다.
• image — 사진, 리치 결과에 유용합니다.

각 엔터티를 @id 식별자(#person, #website)로 연결하면 중복을 피하고, 고립된 카드 모음이 아니라 깔끔한 그래프를 Google에 건넵니다.

다국어 사이트맵: hreflang에 잡아먹히지 않기

여러 언어로 된 사이트는 Google에게 어떤 버전을 누구에게 보여 줄지 알려 줘야 합니다. 그러지 않으면 여러 언어가 색인에서 서로를 잠식합니다. 규칙: 각 URL은 alternates.languages로 자신의 모든 언어 변형과 x-default를 선언합니다.

Next.js는 각 항목이 자신의 hreflang를 담은 네이티브 sitemap.ts를 생성합니다. [locale] 유형의 동적 라우트를 자주 놓치는 서드파티 플러그인보다 더 믿을 만합니다.

정말 중요한 것, 순서대로

새 프로젝트의 우선순위를 정한다면:

1. Google Search Console — 이것 없이는 눈뜬장님입니다. 사이트맵을 제출하고, 색인을 요청하세요.
2. 정체성 신호의 일관성 — 규격에 맞는 파비콘, 정렬된 사이트 이름, 깔끔한 JSON-LD.
3. 진짜 콘텐츠 — 한 페이지짜리 사이트는 금세 한계에 부딪힙니다. 이런 기술 글이 당신을 실제 검색어 위에 존재하게 만듭니다.
4. Core Web Vitals — 빠른 사이트가 순위도 더 좋은 사이트입니다. 측정하고, 그다음 최적화하세요.

기술적 SEO는 마법이 아닙니다: 명료한 신호를 깔끔하게 보내고, 나머지는 Google이 다시 크롤링하는 데 걸리는 시간에 맡기는——그 연속입니다. 나머지는 인내가 해냅니다.