SEO 설정 가이드

SWYG Script (*필수)

<aside> 💡 SWYG가 제공하는 데이터 분석 기능, 배너 광고 사용을 위해 이를 포함한 Script를 추가해 주세요!

</aside>

모든 페이지에 추가해야 하며 React, Vue와 같은 프레임워크 사용 시 public/index.html의 <head> 부분에만 추가합니다.

<script defer src="<https://cdn.swygbro.com/public/widget/swyg-widget.js>"></script>

SEO Tag

<aside> 💡 모든 페이지에 아래 SEO Tag를 작성해 주세요! 웹 콘텐츠 제작자와 상의하여 어떤 내용을 담을지 정한 뒤, 각 페이지의 <head> 부분에 삽입합니다.

</aside>

React, Vue와 같이 Client Framework를 사용하는 경우 루트 index.html에만 삽입해도 모든 페이지에 적용되지만, 각각의 페이지별로 구체화하는 것을 추천드립니다.
별도의 Framework를 사용하지 않고 HTML, Template (Django Template, JSP) 등을 사용하는 경우 각 페이지별로 삽입해야 합니다.

Title tag

<title>프로젝트 제목 (ex. SWYG)</title>

Meta tag

<meta
	name="description"
	content="해당 페이지 설명 (ex. SWYG에서 다양한 메타 콘텐츠와 개발자를 만나보세요.)"
/>
<meta
	name="keywords"
	content="swyg,기획자,개발자,메타콘텐츠,..."
/>

Open Graph tag

<meta
	property="og:site_name"
	content="웹 사이트 이름 (ex. SWYG)"
/>
<meta
	property="og:title"
	content="웹 페이지 제목 (ex. SWYG)"
/>
<meta
	property="og:description"
	content="웹 페이지 상세 설명 (ex. SWYG에서 다양한 메타 콘텐츠와 개발자를 만나보세요.)"
/>
<meta
	property="og:type"
	content="웹 페이지 유형 (ex. website)"
/>
<meta
	property="og:url"
	content="웹 페이지 주소 (ex. <https://www.swygbro.com>)"
/>
<meta
	property="og:image"
	content="웹 페이지 썸네일 이미지 주소 (ex. <https://assets.swygbro.com/public/logo.png> 또는 프로젝트 내 절대 경로)"
/>

SWYG Script (*필수)

SEO Tag

Title tag

Meta tag

Open Graph tag

Twitter Tag