http://florescene.tistory.com/506
웹 사이트 Favicon 등록 및 SEO 최적화
Favicon Favicon 디자인 favicon을 만들기 위해 canva에서 직접 디자인을 했다. 디자인은 안에서 주는 템플릿을 이용해서 간단하게 만들 수 있다. 캔버스 사이즈는 48x48로 제작했다. Favicon 생성 https://conve
florescene.tistory.com
https://florescene.tistory.com/507
Next.js 웹사이트 구글 서치 콘솔, 네이버 서치 어드바이저, 다음 웹마스터 도구에 등록 (+sitemap.xml,
sitemap.xml, robots.txt 추가 next-sitemap 패키지 설치 npm i next-sitemap 프로젝트 루트 폴더에 next-sitemap.config.js 생성한 뒤 만들고자 하는 사이트맵 정보를 입력해 준다. /** @type {import('next-sitemap').IConfig} */ mo
florescene.tistory.com
https://florescene.tistory.com/508
수익형 웹사이트를 위해 구글 애드센스 적용(Next.js + github pages 배포)
수익형 사이트를 위해 구글 애드센스를 달아보겠다. 나는 도메인에 미리 구글 애드센스 승인을 받아놓은 상태이기 때문에, 승인 과정 없이 광고를 사이트에 게재하는 과정만 담아볼 예정이다.
florescene.tistory.com
이전에 룰렛 사이트에 광고를 달면서 작성했던 게시물을 그대로 참조했다.
달라진 점이 있다면 이번에는 npm 대신 yarn을 썼기 때문에 sitemap을 위한 패키지 추가 시 `yarn add` 명령어를 사용했다는 것이 있다.
또한 기존 Next 프로젝트는 page router 기반이었기에 현재 App router 방식에서는 `layout.tsx`에 광고를 추가하도록 살짝 변경한 정도가 달라졌다.
vercel 배포는 이전에 해보았던 경험도 있고, 워낙에 과정이 간단해서 쉬웠다.
'웹 프로젝트 > 😺Just Meow It: 고양이의 조언' 카테고리의 다른 글
| [😺Just Meow It: 고양이의 조언] Three.js + Next.js / 3D 고양이 모델을 화면에 띄워보자 (1) | 2025.03.30 |
|---|