사주 AI 웹서비스 제작노트 - 7

 

사주 AI 웹서비스 제작노트 - 6

 
현재 구글에 찐망고 사주를 검색하면

찐망고사주 구글 검색

이렇게 AI 개요가 뜬다
그리고 티스토리 주소가 제일먼저 뜨는데
도메인은 없어도 배포한 주소가 있으니
구글링 되도록 구글서치콘솔에 등록은 필수다.
 
이 블로그들도 초반에 하나하나 다 등록했었는데 ㅎㅎ

Google Search Console

 
'URL 접두사' 항목에
현재 Vercel 배포 주소를 입력하면
소유권 확인창이 뜨는데 구글이 이사이트 진짜
본인것이 맞냐 라고 요청하는 내용이라 
가장 쉬운 HTML태그 방식을 선택합니다.

구글 서치콘솔 소유권확인 창

 
Next.js 13버전부터는 태그를 직접 작성하지
않는 것이 원칙이다.
export const metadata객체가 그역할을 해줌.

export const metadata: Metadata = {
  title: "찐망고 사주풀이",
  description: "명쾌하고 달콤한 사주 리포트",
  verification: {
    google: "복사한 HTML코드",
  },
  openGraph: {
    title: "찐망고 사주풀이",
    description: "당신의 운명을 달콤하게 풀어드립니다.",
    images: [
      {
        url: "/og-image.png",
        width: 1200,
        height: 630,
      },
    ],
  },
};

 

구글서치콘솔 소유권이 확인 됨

 
사이트맵을 추가해야하는데

구글 서치콘솔 새 사이트맵 추가 가져올 수 없음

 
파일이 없어서 가져올 수 없다고 하니 만들어주자
sitemap.ts

// app/sitemap.ts
import { MetadataRoute } from 'next'

export default function sitemap(): MetadataRoute.Sitemap {
  return [
    {
      url: 'https://jjin-mango-saju.vercel.app', // 실제 사이트 주소
      lastModified: new Date(),
      changeFrequency: 'daily',
      priority: 1,
    },
  ]
}

 
다시 구글 서치 콘솔에 가서 새 사이트맵을 추가하고 제출 하면 완료! 

(ts파일 xml로 확인가능)

구글 서치콘솔 새 사이트맵 추가 사이트맵이 제출됨

 

 

네이버도 해주고 가야함.

네이버 서치어드바이저

 

네이버에도 사이트등록의 소유권을 확인 시켜주면 된다

스크롤 내리면 아래와 같은 화면이 보임 

네이버 서치어드바이저 웹마스터 도구

 

똑같이 HTML태그를 복사해서 head섹션에 넣어주면 된다.

export const metadata: Metadata = {
  title: "찐망고 사주풀이",
  description: "명쾌하고 달콤한 사주 리포트",
  verification: {
    google: "코드알맹이",
    other: {
      "naver-site-verification": "코드알맹이",
    },
  },

 

사이트등록이되면 사이트주소를 선택하고

네이버 사이트 등록

 

요청에 사이트맵 제출하면 완료!

네이버 사이트맵 제출

 

구글이나 네이버같은 검색엔진이 내 사이트를 잘 찾아오게 만들고,

검색결과가 상단에 예쁘게 노출되도록 관리하는 모든 과정을 SEO(Search Engine Optimization),

우리말로는 검색엔진최적화라고 한다.

 

구글서치콘솔이나, 네이버서치어드바이저에 나 SEO작업좀 했다고 알려주기 위해

사이트를 등록하고, 소유권을 확인하고, 사이트맵을 제출하고 

메타데이터를 설정하면 된다 (title, description)

이후 색인요청까지 하면 포털에 검색되는 사이트를 확인해볼 수 있다.

 

카톡으로 공유할 때 보이는 og이미지들을 교체할 때 예전 이미지가 나온다면,

카톡서버가 예전 이미지를 기억하고 있어서 그런거라

아래 사이트에서 사이트 주소를 넣고 캐시를 삭제해주면 됨

 

https://developers.kakao.com/tool/debugger/sharing

 

카카오톡 공유 디버그 캐시초기화

카카오톡 공유 디버그