meta tag
-
[Next.js] next.js 에서 meta tag 손쉽게 적용하기 (feat. next-seo)Next.js 2023. 3. 16. 22:21
next.js에서 seo를 위해 meta 적용하는 방법은 크게 2가지가 있다. 1) _document.tsx 와 next/head를 이용하여 meta tag를 삽입 2) next-seo 패키지를 통해 더 쉽게 meta tag 설정 여기서는 next-seo 패키지를 통해 meta tag를 설정해보겠다. [Next.js에서 next-seo를 통해 Meta tag 손쉽게 적용하기] 1. next-seo 설치하기 npm install next-seo https://github.com/garmeeh/next-seo GitHub - garmeeh/next-seo: Next SEO is a plug in that makes managing your SEO easier in Next.js projects. Next S..
-
[Frontend] SEO 최적화를 위한 Meta tagFrontend 2023. 3. 15. 21:51
안녕하세요. 오늘은 SEO 작업 중 필수적인 Meta tag에 대한 정보를 알아보겠습니다. 먼저 SEO(Search Engine Optimization) 작업은 기본적으로 검색엔진에서 로봇이 잘 ‘탐색’하고 ‘저장’해서 ‘노출’할 수 있도록 하는 것으로, 자신의 서비스가 페이지 상단에 노출하고자 한다면, 필수적으로 해야하는 작업입니다. 제목에서 말한 "Meta tag"만 하면 뚝딱 상위권에 올라온다면, 정말 행복하겠지만(ㅠㅠ) 실제로는 Meta tag 이외에 여러 작업 혹은 마케팅 기술들이 들어갑니다. Meta tag는 기초 중의 기초 작업! 보통 어떻게 SEO를 처리하는지 알아보고, Meta tag 중점으로 설명하겠습니다. 1. SEO 하는 여러 방법 1. 테크리컬 seo(접근성): 소비자가 이용하기 ..